'11_base_128_esr'をmainにマージ

floorp_suti7.css

@@ -1,22 +1,21 @@
 @charset "UTF-8";
 
-@-moz-document url(chrome://browser/content/browser.xhtml){
+@-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) {
-#navigator-toolbox :is(toolbar, #nav-bar-customization-target):not(#toolbar-menubar) {
     background-color: var(--toolbar-bgcolor) !important;
 }
 
-
+/*.tab-background:is([selected], [multiselected]) {
-.tab-background:is([selected], [multiselected]) {
     background-color: white !important;
-}
+}*/
 
 .titlebar-button {
     border: none;
@@ -31,21 +30,33 @@
     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;
+        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;
+        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;
+        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;
+        list-style-image: url("./toolbar_button/for_light/op_minimize.svg") !important;
     }
 
     #back-button {
@@ -58,23 +69,24 @@
 }
 
 @media (prefers-color-scheme: dark) {
-    .tab-background[selected="true"]:-moz-lwtheme {
+    #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon, .tab-background:is([selected], [multiselected]) {
-        background-image: linear-gradient(#292929, #112B52), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
+        background-image: linear-gradient(to bottom right, #353535, AccentColor) !important;
     }
+
     .titlebar-close {
-        list-style-image: url(./toolbar_button/for_dark/op_close.svg) !important;
+        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;
+        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;
+        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;
+        list-style-image: url("./toolbar_button/for_dark/op_minimize.svg") !important;
     }
 
     #back-button {

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;
+    }
+}
+
+
+}

floorp_suti7_mica.css

@@ -1,92 +0,0 @@
-/*ツールバー透明化*/
-#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;
-    
-  }
-}