From 32a69d90461f7f6f6ba4747d2da63ca4e1ce1ea6 Mon Sep 17 00:00:00 2001 From: suti7yk5032 Date: Mon, 19 Aug 2024 15:02:57 +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 | 90 ++++++++++++++++++++++++++++++++++++++++++ floorp_suti7_mica.css | 92 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 182 insertions(+) create mode 100755 floorp_suti7.css create mode 100755 floorp_suti7_mica.css diff --git a/floorp_suti7.css b/floorp_suti7.css new file mode 100755 index 0000000..e99b82b --- /dev/null +++ b/floorp_suti7.css @@ -0,0 +1,90 @@ +@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; + + +#navigator-toolbox :is(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) { + 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; +} + +@media (prefers-color-scheme: light) { + .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) { + .tab-background[selected="true"]:-moz-lwtheme { + background-image: linear-gradient(#292929, #112B52), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !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_mica.css b/floorp_suti7_mica.css new file mode 100755 index 0000000..8a2b3b5 --- /dev/null +++ b/floorp_suti7_mica.css @@ -0,0 +1,92 @@ +/*ツールバー透明化*/ +#nav-bar { + background: none !important; +} + +/*ブックマークバー透明化*/ +.browser-toolbar:not(.titlebar-color) { + background: none !important; +} + +/*ツールバー(ブックマークバー下)の枠線非表示*/ +#navigator-toolbox, +#navigator-toolbox-background { + border-bottom: none !important; +} + +/*サイドバーの透明化*/ +#sidebar-select-box { + background: none !important; +} + +/*サイドバーの一番下にある背景削除*/ +#browser { + background: none !important; +} + +/*サイドバーの枠線*/ +#sidebar-select-box { + border-left: 0 !important; + border-right: 0 !important; +} + +/*サイドバー内の上部(タイトルバー)*/ +.browser-sidebar2 { + background: none !important; + border: none !important; +} + +.titlebar-close { + list-style-image: url(./toolbar_button/none.svg) !important; +} + +.titlebar-max { + list-style-image: url(./toolbar_button/none.svg) !important; +} + +.titlebar-restore { + list-style-image: url(./toolbar_button/none.svg) !important; +} + +.titlebar-min { + list-style-image: url(./toolbar_button/none.svg) !important; +} + +@media (prefers-color-scheme: light) { + + #urlbar:is([focused="true"], [open])>#urlbar-background, + #searchbar:focus-within { + background-color: rgb(255, 255, 255) !important; + } + + #urlbar-background, + #searchbar { + background: none !important; + background-color: rgba(255, 255, 255, 0.7) !important; + } + + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, + .tab-background:is([selected], [multiselected]) { + background-color: rgba(255, 255, 255, 0.7) !important; + } +} + +@media (prefers-color-scheme: dark) { + + #urlbar:is([focused="true"], [open])>#urlbar-background, + #searchbar:focus-within { + background-color: rgb(0, 0, 0) !important; + } + + #urlbar-background, + #searchbar { + background: none !important; + background-color: rgba(0, 0, 0, 0.7) !important; + } + + #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, + .tab-background:is([selected], [multiselected]) { + background-image: linear-gradient(to bottom right, #353535, AccentColor) !important; + + } +} \ No newline at end of file