diff --git a/floorp_suti7.css b/floorp_suti7.css new file mode 100755 index 0000000..0f89850 --- /dev/null +++ b/floorp_suti7.css @@ -0,0 +1,102 @@ +@charset "UTF-8"; + +@-moz-document url("chrome://browser/content/browser.xhtml") { +/* Please write your custom CSS under this line*/ + +@import url("browser-aero.css") screen; +@import url("toolbarbutton-icons.css") screen; +@import url("leptonchrome.css") screen; +@import url("tabs.css") screen; +@import url("toolbarbuttons.css") screen; + +#navigator-toolbox :is(toolbar, #nav-bar-customization-target) { + background-color: var(--toolbar-bgcolor) !important; +} + +/*.tab-background:is([selected], [multiselected]) { + background-color: white !important; +}*/ + +.titlebar-button { + border: none; + margin: 0; + padding: 4px 16px !important; + -moz-context-properties: stroke; + stroke: currentColor; +} + +.titlebar-button>.toolbarbutton-icon { + width: 14px !important; + height: 14px !important; +} + +#firefox-view-button { + list-style-image: url("chrome://branding/content/about-logo.png") !important; +} + +/*#firefox-view-button { + list-style-image: url("chrome://branding/content/about-logo.png") !important; +}*/ + +@media (prefers-color-scheme: light) { + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) { + background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important; + } + + .titlebar-close { + list-style-image: url("./toolbar_button/for_light/op_close.svg") !important; + } + + .titlebar-max { + list-style-image: url("./toolbar_button/for_light/op_maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("./toolbar_button/for_light/op_restore.svg") !important; + } + + .titlebar-min { + list-style-image: url("./toolbar_button/for_light/op_minimize.svg") !important; + } + + #back-button { + list-style-image: url("./toolbar_button/for_light/op_back.svg") !important; + } + + #forward-button { + list-style-image: url("./toolbar_button/for_light/op_forward.svg") !important; + } +} + +@media (prefers-color-scheme: dark) { + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) { + background-image: linear-gradient(to bottom right, #353535, AccentColor) !important; + } + + .titlebar-close { + list-style-image: url("./toolbar_button/for_dark/op_close.svg") !important; + } + + .titlebar-max { + list-style-image: url("./toolbar_button/for_dark/op_maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("./toolbar_button/for_dark/op_restore.svg") !important; + } + + .titlebar-min { + list-style-image: url("./toolbar_button/for_dark/op_minimize.svg") !important; + } + + #back-button { + list-style-image: url("./toolbar_button/for_dark/op_back.svg") !important; + } + + #forward-button { + list-style-image: url("./toolbar_button/for_dark/op_forward.svg") !important; + } +} + + +} \ No newline at end of file diff --git a/floorp_suti7_linux.css b/floorp_suti7_linux.css new file mode 100755 index 0000000..a79bdbe --- /dev/null +++ b/floorp_suti7_linux.css @@ -0,0 +1,129 @@ +@charset "UTF-8"; + +@-moz-document url("chrome://browser/content/browser.xhtml") { +/* Please write your custom CSS under this line*/ + + +@import url("browser.css") screen; +@import url("toolbarbutton-icons.css") screen; +@import url("leptonchrome.css") screen; +@import url("tabs.css") screen; +@import url("toolbarbuttons.css") screen; + +/*#navigator-toolbox :is(toolbar, #nav-bar-customization-target) { + background-color: var(--toolbar-bgcolor) !important; +}*/ + +.titlebar-button { + border: none; + margin: 0; + padding: 4px 16px !important; + -moz-context-properties: stroke; + stroke: currentColor; +} + +.titlebar-button>.toolbarbutton-icon { + width: 14px !important; + height: 14px !important; + appearance: none !important; +} + +.toolbarbutton-icon { + appearance: none !important; +} + +.titlebar-close { + & > .toolbarbutton-icon { + -moz-default-appearance: none !important; + background-image: none !important; + } +} + +.titlebar-max { + & > .toolbarbutton-icon { + -moz-default-appearance: none !important; + background-image: none !important; + } +} + +.titlebar-restore { + & > .toolbarbutton-icon { + -moz-default-appearance: none !important; + background-image: none !important; + } +} + +.titlebar-min { + & > .toolbarbutton-icon { + -moz-default-appearance: none !important; + background-image: none !important; + } +} + + +#firefox-view-button { +list-style-image: url("chrome://branding/content/about-logo.png") !important; +} + +@media (prefers-color-scheme: light) { + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) { + background-image: linear-gradient(to bottom right, #d1d1d1, AccentColor) !important; + } + + .titlebar-close { + list-style-image: url("./toolbar_button/for_light/op_close.svg") !important; + } + + .titlebar-max { + list-style-image: url("./toolbar_button/for_light/op_maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("./toolbar_button/for_light/op_restore.svg") !important; + } + + .titlebar-min { + list-style-image: url("./toolbar_button/for_light/op_minimize.svg") !important; + } + + #back-button { + list-style-image: url("./toolbar_button/for_light/op_back.svg") !important; + } + + #forward-button { + list-style-image: url("./toolbar_button/for_light/op_forward.svg") !important; + } +} + +@media (prefers-color-scheme: dark) { + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) { + background-image: linear-gradient(to bottom right, #353535, AccentColor) !important; + } + + .titlebar-close { + list-style-image: url("./toolbar_button/for_dark/op_close.svg") !important; + } + + .titlebar-max { + list-style-image: url("./toolbar_button/for_dark/op_maximize.svg") !important; + } + + .titlebar-restore { + list-style-image: url("./toolbar_button/for_dark/op_restore.svg") !important; + } + + .titlebar-min { + list-style-image: url("./toolbar_button/for_dark/op_minimize.svg") !important; + } + + #back-button { + list-style-image: url("./toolbar_button/for_dark/op_back.svg") !important; + } + + #forward-button { + list-style-image: url("./toolbar_button/for_dark/op_forward.svg") !important; + } +} + + +} diff --git a/toolbar_button/for_dark/op_back.svg b/toolbar_button/for_dark/op_back.svg new file mode 100755 index 0000000..0890284 --- /dev/null +++ b/toolbar_button/for_dark/op_back.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_dark/op_close.svg b/toolbar_button/for_dark/op_close.svg new file mode 100755 index 0000000..ed9808f --- /dev/null +++ b/toolbar_button/for_dark/op_close.svg @@ -0,0 +1,4 @@ + + + + diff --git a/toolbar_button/for_dark/op_forward.svg b/toolbar_button/for_dark/op_forward.svg new file mode 100755 index 0000000..6d12d04 --- /dev/null +++ b/toolbar_button/for_dark/op_forward.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_dark/op_maximize.svg b/toolbar_button/for_dark/op_maximize.svg new file mode 100755 index 0000000..084691f --- /dev/null +++ b/toolbar_button/for_dark/op_maximize.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/toolbar_button/for_dark/op_minimize.svg b/toolbar_button/for_dark/op_minimize.svg new file mode 100755 index 0000000..7a46449 --- /dev/null +++ b/toolbar_button/for_dark/op_minimize.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_dark/op_restore.svg b/toolbar_button/for_dark/op_restore.svg new file mode 100755 index 0000000..10ad4ff --- /dev/null +++ b/toolbar_button/for_dark/op_restore.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/toolbar_button/for_light/op_back.svg b/toolbar_button/for_light/op_back.svg new file mode 100755 index 0000000..76b71e4 --- /dev/null +++ b/toolbar_button/for_light/op_back.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_light/op_close.svg b/toolbar_button/for_light/op_close.svg new file mode 100755 index 0000000..c918eb2 --- /dev/null +++ b/toolbar_button/for_light/op_close.svg @@ -0,0 +1,4 @@ + + + + diff --git a/toolbar_button/for_light/op_forward.svg b/toolbar_button/for_light/op_forward.svg new file mode 100755 index 0000000..adb89cf --- /dev/null +++ b/toolbar_button/for_light/op_forward.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_light/op_maximize.svg b/toolbar_button/for_light/op_maximize.svg new file mode 100755 index 0000000..256e120 --- /dev/null +++ b/toolbar_button/for_light/op_maximize.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/toolbar_button/for_light/op_minimize.svg b/toolbar_button/for_light/op_minimize.svg new file mode 100755 index 0000000..e6c9423 --- /dev/null +++ b/toolbar_button/for_light/op_minimize.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/toolbar_button/for_light/op_restore.svg b/toolbar_button/for_light/op_restore.svg new file mode 100755 index 0000000..b25af1d --- /dev/null +++ b/toolbar_button/for_light/op_restore.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/toolbar_button/none.svg b/toolbar_button/none.svg new file mode 100755 index 0000000..d5828c1 --- /dev/null +++ b/toolbar_button/none.svg @@ -0,0 +1,9 @@ + + + + + + + + +