From 84f09a1dc6c9975d463293123af46f6b15147484 Mon Sep 17 00:00:00 2001 From: suti7yk5032 Date: Mon, 19 Aug 2024 15:00:00 +0900 Subject: [PATCH] =?UTF-8?q?css=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB?= =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- floorp_suti7.css | 102 ++++++++++++++++++++++++++++++++ floorp_suti7_linux.css | 129 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 231 insertions(+) create mode 100755 floorp_suti7.css create mode 100755 floorp_suti7_linux.css 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; + } +} + + +}