diff --git a/ASSETS/other/spill-light.svg b/ASSETS/other/spill-light.svg
new file mode 100644
index 0000000..9b7fcb7
--- /dev/null
+++ b/ASSETS/other/spill-light.svg
@@ -0,0 +1,23 @@
+
diff --git a/ASSETS/other/spill-main-light.svg b/ASSETS/other/spill-main-light.svg
new file mode 100644
index 0000000..377d577
--- /dev/null
+++ b/ASSETS/other/spill-main-light.svg
@@ -0,0 +1,23 @@
+
diff --git a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css
index 0c9591f..d6544f4 100644
--- a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css
+++ b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css
@@ -18,3 +18,10 @@
#personal-bookmarks #PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"] {
background-color: #555555 !important;
}
+
+#PersonalToolbar:not([customizing]) {
+ max-width: fit-content;
+/* For centering
+ width:100vw;
+ align-self:center; */
+ }
diff --git a/EXTRA THEMES/Spill/spill-style-part1-file.css b/EXTRA THEMES/Spill/spill-style-part1-file.css
index eb97079..6a27529 100644
--- a/EXTRA THEMES/Spill/spill-style-part1-file.css
+++ b/EXTRA THEMES/Spill/spill-style-part1-file.css
@@ -1,8 +1,10 @@
/* Spill style. Modifications for userChrome file */
/* ----- My Custom Colors ----- */
-:root {
- --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important;
+@media (prefers-color-scheme: dark) {
+ :root {
+ --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important;
+ }
}
/* Main BAR */
diff --git a/EXTRA THEMES/Spill/spill-style-part2-file.css b/EXTRA THEMES/Spill/spill-style-part2-file.css
index 64b5258..8204039 100644
--- a/EXTRA THEMES/Spill/spill-style-part2-file.css
+++ b/EXTRA THEMES/Spill/spill-style-part2-file.css
@@ -1,17 +1,28 @@
/* Spill style. Modifications for userContent file */
-:root {
- --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important;
- --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important;
- --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important;
- --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important;
+@media (prefers-color-scheme: dark) {
+ :root {
+ --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important;
+ --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important;
+ --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important;
+ --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important;
+ }
}
@-moz-document url("about:privatebrowsing") {
- html:not(#ublock0-epicker),
- html:not(#ublock0-epicker) body,
- #newtab-customize-overlay {
- background-image: url("ASSETS/other/spill.svg") !important;
+ @media (prefers-color-scheme: dark) {
+ html:not(#ublock0-epicker),
+ html:not(#ublock0-epicker) body,
+ #newtab-customize-overlay {
+ background-image: url("ASSETS/other/spill.svg") !important;
+ }
+ }
+ @media (prefers-color-scheme: light) {
+ html:not(#ublock0-epicker),
+ html:not(#ublock0-epicker) body,
+ #newtab-customize-overlay {
+ background-image: url("ASSETS/other/spill-light.svg") !important;
+ }
}
#search-handoff-button {
@@ -42,10 +53,19 @@
@-moz-document url("about:home"),
url("about:newtab") {
- html:not(#ublock0-epicker),
- html:not(#ublock0-epicker) body,
- #newtab-customize-overlay {
- background-image: url("ASSETS/other/spill-main.svg") !important;
+ @media (prefers-color-scheme: dark) {
+ html:not(#ublock0-epicker),
+ html:not(#ublock0-epicker) body,
+ #newtab-customize-overlay {
+ background-image: url("ASSETS/other/spill-main.svg") !important;
+ }
+ }
+ @media (prefers-color-scheme: light) {
+ html:not(#ublock0-epicker),
+ html:not(#ublock0-epicker) body,
+ #newtab-customize-overlay {
+ background-image: url("ASSETS/other/spill-main-light.svg") !important;
+ }
}
.body-wrapper .tile {
diff --git a/README.md b/README.md
index 7693fbd..a4b5ba2 100644
--- a/README.md
+++ b/README.md
@@ -7,14 +7,14 @@
> finishes the feature of toggling extra mods/themes in `about:config`.
-
-
+
+
-
+
@@ -204,8 +204,7 @@ python3 installer.py
:wrench: MicaForEveryone Installation
> [!Warning]
-> ##### DEPRECATED WITH FIREFOX v117 and up
-> ##### To continue using MicaForEveryone you can use Firefox v115 ESR - Extended Support Release version which will be supported and have security updates for at least a year. You can install ESR version to separate folder so you are able continue using both versions. I haven't tested that version so there could be some minor issues. https://www.mozilla.org/en-US/firefox/all/#product-desktop-esr. I recommend using my older version files. [Maybe something like v115.x - v117.x should work fine.](https://github.com/datguypiko/Firefox-Mod-Blur/releases).
+> ##### Coming soon again in firefox v133,v134 or v135. Will probably come with v3.0.
1. Download the portable or installation file from [github.com/MicaForEveryone](https://github.com/MicaForEveryone/MicaForEveryone/releases).
2. Install the extra files it asks you to install. And run the program.
diff --git a/userChrome.css b/userChrome.css
index b8804e7..d8d7254 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -102,7 +102,11 @@
--firefoxcss-url-breakout-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px,
rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
- --firefoxcss-url-clipboard-button: color-mix(in srgb, currentColor 10%, transparent);
+ --firefoxcss-url-clipboard-button: color-mix(
+ in srgb,
+ currentColor 10%,
+ transparent
+ );
/* Other colors */
--firefoxcss-urlbar-zoom-button: hsla(0, 0%, 60%, 0.35);
@@ -116,7 +120,7 @@
--firefoxcss-customize-view-dashed-outline: hsla(0, 0%, 100%, 0.25);
--firefoxcss-customize-view-flex-space: #d0ba9e;
--firefoxcss-customize-view-overflow-menu: hsl(240, 2%, 10%);
-
+
/* ============== Firefox Global colors change ==================== */
--arrowpanel-background: var(--firefoxcss-main-bg-color) !important;
--button-hover-bgcolor: hsla(0, 0%, 60%, 0.35) !important;
@@ -137,7 +141,11 @@
--panel-separator-zap-gradient: var(--panel-separator-color) !important;
--lwt-sidebar-background-color: var(--firefoxcss-main-bg-color) !important;
--urlbarView-highlight-background: hsl(240, 2%, 20%) !important;
- --urlbarView-hover-background: color-mix(in srgb, currentColor 8%, transparent) !important;
+ --urlbarView-hover-background: color-mix(
+ in srgb,
+ currentColor 8%,
+ transparent
+ ) !important;
/* Color for add bookmarks menu when adding through tabs */
--in-content-page-background: var(--arrowpanel-background) !important;
--firefoxcss-context-menu-item-bg-color: hsla(0, 0%, 60%, 0.2) !important;
@@ -200,7 +208,11 @@
--firefoxcss-url-autocomplete-highlight: hsl(200, 5%, 90%);
--firefoxcss-url-breakout-box-shadow: transparent 0 0 0 3px,
rgba(18, 18, 18, 0.1) 2px 10px 22px;
- --firefoxcss-url-clipboard-button: color-mix(in srgb, currentColor 10%, transparent);
+ --firefoxcss-url-clipboard-button: color-mix(
+ in srgb,
+ currentColor 10%,
+ transparent
+ );
/* Other colors */
--firefoxcss-urlbar-zoom-button: hsla(200, 5%, 60%, 0.35);
@@ -212,7 +224,7 @@
--firefoxcss-customize-view-dashed-outline: hsla(0, 0%, 0%, 0.2);
--firefoxcss-customize-view-flex-space: hsl(34, 50%, 70%);
--firefoxcss-customize-view-overflow-menu: hsl(200, 5%, 100%);
-
+
/* ============== Firefox Global colors change ==================== */
--arrowpanel-background: hsl(200, 10%, 96%) !important;
--button-hover-bgcolor: hsla(200, 5%, 70%, 0.35) !important;
@@ -223,10 +235,19 @@
--panel-separator-color: hsla(0, 0%, 20%, 0.15) !important;
--panel-separator-zap-gradient: var(--panel-separator-color) !important;
--lwt-sidebar-background-color: var(--firefoxcss-main-bg-color) !important;
- --urlbarView-hover-background: color-mix(in srgb, currentColor 8%, transparent) !important;
- /* Color for add bookmarks menu when adding through tabs */
+ --urlbarView-hover-background: color-mix(
+ in srgb,
+ currentColor 8%,
+ transparent
+ ) !important;
+ /* Color for add bookmarks menu when adding through tabs */
--in-content-page-background: var(--arrowpanel-background) !important;
- --firefoxcss-context-menu-item-bg-color: hsla(240, 5%, 70%, 0.35) !important;
+ --firefoxcss-context-menu-item-bg-color: hsla(
+ 240,
+ 5%,
+ 70%,
+ 0.35
+ ) !important;
}
}
@@ -240,14 +261,13 @@
--firefoxcss-control-buttons-margin: 95px;
--firefoxcss-tab-min-width: 110px;
--firefoxcss-tab-max-width: 150px;
-
+
--firefoxcss-searchbar-height: 32px;
--firefoxcss-searchbar-container-height: 38px;
--firefoxcss-searchbars-top-margin: 1px;
--urlbar-icon-border-radius: 10px !important;
--tab-block-margin: 2px !important; /* Default: 4px */
--tab-min-height: 28px !important; /* Default: 36px */
-
}
/*=====================================================================
@@ -303,6 +323,13 @@ Order of Toolbars
background-color: var(--firefoxcss-item-bg-color) !important;
}
+/* Fix some custom firefox themes that break */
+#navigator-toolbox {
+ :root[lwtheme-image] & {
+ background-image: var(--lwt-additional-images) !important;
+ }
+}
+
/* Avoids bright flash */
#tabbrowser-tabpanels {
background-color: var(
@@ -350,7 +377,9 @@ Order of Toolbars
}
/* Some random 0.01px(???) line removed (Firefox v126.0)*/
-#nav-bar { border-top: 0px !important; }
+#nav-bar {
+ border-top: 0px !important;
+}
/*=====================================================================
======================= H E I G H T F I X E S =======================
@@ -460,7 +489,6 @@ about:config -> svg.context-properties.content.enabled -> true*/
border-radius: var(--firefoxcss-border-radius) !important;
}
-
/* Align text center */
#urlbar .urlbar-input-box {
text-align: center;
@@ -495,11 +523,10 @@ about:config -> svg.context-properties.content.enabled -> true*/
/* Remove border line between searche results and input */
/* Remove line over search engines in popout search */
#urlbar .urlbarView-body-inner,
-#urlbar .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {
+#urlbar .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {
border-top: none !important;
}
-
#urlbar[breakout][breakout-extend][open] #urlbar-background {
border-bottom: var(--firefoxcss-url-breakout-border-bottom-color) !important;
border-top: var(--firefoxcss-url-border-top-color) !important;
@@ -513,7 +540,10 @@ about:config -> svg.context-properties.content.enabled -> true*/
/* Tabs Bar height */
:root {
- --urlbar-min-height: max(var(--firefoxcss-searchbar-height), 1.4em) !important;
+ --urlbar-min-height: max(
+ var(--firefoxcss-searchbar-height),
+ 1.4em
+ ) !important;
}
#urlbar[breakout] {
@@ -522,7 +552,9 @@ about:config -> svg.context-properties.content.enabled -> true*/
/* Search Bar container height */
#urlbar-container {
- --urlbar-container-height: var(--firefoxcss-searchbar-container-height) !important;
+ --urlbar-container-height: var(
+ --firefoxcss-searchbar-container-height
+ ) !important;
}
#urlbar[breakout][breakout-extend] {
@@ -547,7 +579,6 @@ about:config -> svg.context-properties.content.enabled -> true*/
margin-top: var(--firefoxcss-searchbars-top-margin) !important;
}
-
#urlbar[breakout] {
top: calc(
(var(--urlbar-container-height) - var(--urlbar-height)) / 2
@@ -563,7 +594,6 @@ about:config -> svg.context-properties.content.enabled -> true*/
) !important;
}
-
/* Styling Extra search bar that you can add to firefox */
#search-container #searchbar {
outline: 0 !important;
@@ -579,7 +609,6 @@ about:config -> svg.context-properties.content.enabled -> true*/
--panel-background: var(--firefoxcss-url-breakout-bar-bg-color) !important;
}
-
/*=====================================================================
============================= T A B S =================================
=====================================================================*/
@@ -722,47 +751,83 @@ about:config -> svg.context-properties.content.enabled -> true*/
background-color 0.15s ease !important;
}
-#titlebar #TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background {
+#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background {
margin-block: 2px !important;
}
+#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox >
+.tabbrowser-tab:is([selected], [multiselected]) .tab-background{
+ background-color: color-mix(in srgb, var(--firefoxcss-tab-active-bg-color) 50%, transparent) !important;
+ backdrop-filter: blur(12px);
+}
+
/* Remove right and left side tab overflow border line */
#scrollbutton-up ~ spacer {
border-color: transparent !important;
}
/* Speaker on tabs color fixes */
-.tab-icon-overlay:not([crashed])[soundplaying]:hover,
-.tab-icon-overlay:not([crashed])[muted]:hover,
-.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
- color: currentColor !important;
- stroke: var(--firefoxcss-tab-speaker-icon-small-background) !important;
- background-color: var(--firefoxcss-tab-speaker-color) !important;
- fill-opacity: 0.95 !important;
-}
-
-.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
-.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[muted]:hover,
-.tabbrowser-tab[selected]
- .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
- color: currentColor !important;
- stroke: var(--firefoxcss-tab-speaker-color) !important;
- background-color: var(--firefoxcss-tab-speaker-color) !important;
- fill-opacity: 0.95 !important;
+.tabbrowser-tab:not([pinned]) .tab-icon-overlay:not([crashed]) {
+ &:is([soundplaying], [muted], [activemedia-blocked]) {
+ fill: var(--firefoxcss-tab-speaker-icon-color) !important;
+ background-color: transparent !important;
+ border: none !important;
+ transform: scale(1.4);
+ transition: transform 200ms ease-in-out, fill 100ms ease-in-out,
+ background-color 100ms ease-in-out !important;
+ filter: drop-shadow(-1px 1px 1px light-dark(#0000002e, #00000052));
+ &:hover {
+ background-color: var(--firefoxcss-tab-speaker-color) !important;
+ fill: var(--firefoxcss-tab-speaker-icon-hover-color) !important;
+ /* border: 1px solid #ffffff29 !important; */
+ border: none !important;
+ transform: scale(1.1);
+ transition: transform 200ms ease-in-out, fill 100ms ease-in-out,
+ background-color 100ms ease-in-out, filter 100ms ease-in-out !important;
+ /* transform: scale(1.2); */
+ /* background-color: #ffffff26 !important; */
+ /* backdrop-filter: blur(4px) !important; */
+
+ /* background-color: transparent !important; */
+ /* filter: drop-shadow(0px 0px 1px #0000009e); */
+ }
+ }
}
-#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying],
-#TabsToolbar .tab-icon-overlay:not([crashed])[muted],
-#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked] {
- color: var(--firefoxcss-tab-speaker-icon-color) !important;
-}
+/* .tab-icon-overlay {
+ &:not([indicator-replaces-favicon]) {
+ &:is([soundplaying], [muted], [activemedia-blocked]) {
+ top: unset !important;
+ inset-inline-end: unset !important;
+ transform: translate(50%,-50%);
+ }
+ }
+} */
-#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying]:hover,
-#TabsToolbar .tab-icon-overlay:not([crashed])[muted]:hover,
-#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
- color: var(--firefoxcss-tab-speaker-icon-hover-color) !important;
+.tabbrowser-tab[pinned] .tab-icon-overlay:not([crashed]) {
+ &:is([soundplaying], [muted], [activemedia-blocked]) {
+ background-color: var(--firefoxcss-tab-speaker-color) !important;
+ /* background-color: #ffffff26 !important; */
+ background-color: #0000002e !important;
+ backdrop-filter: blur(6px);
+ /* fill: var(--firefoxcss-tab-speaker-icon-hover-color) !important; */
+ fill: var(--firefoxcss-tab-speaker-icon-color) !important;
+ border: 1px solid #ffffff29 !important;
+ transition: transform 100ms ease-in-out, fill 100ms ease-in-out,
+ background-color 100ms ease-in-out;
+
+ &:hover {
+ fill: var(--firefoxcss-tab-speaker-icon-color) !important;
+ background-color: transparent !important;
+ border: 1px solid #ffffff29 !important;
+ transition: transform 100ms ease-in-out, fill 100ms ease-in-out,
+ background-color 100ms ease-in-out !important;
+ /* transform: scale(1.4) translate(-0.35rem, 0.48rem); */
+ transform: scale(1.3) translate(-8%, 14%);
+ transform-origin: center !important;
+ }
+ }
}
-
/*=====================================================================
============ W I N D O W C O N T R O L B U T T O N S ==============
=====================================================================*/
@@ -771,7 +836,7 @@ about:config -> svg.context-properties.content.enabled -> true*/
#toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > & {
visibility: visible !important;
}
-}
+}
/* :root[sizemode="fullscreen"] #navigator-toolbox { position: relative; } */
@media (-moz-platform: windows) {
@@ -799,70 +864,68 @@ about:config -> svg.context-properties.content.enabled -> true*/
margin-left: 0px !important;
margin-right: 0px !important;
}
-
-
-
- @media not (-moz-bool-pref: "firefoxcss.tabs.on.top.enable") {
- #toolbar-menubar .titlebar-button {
- padding-block: 0px !important;
- }
- #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child {
- padding-inline-start: 2px !important;
- }
-
- #nav-bar {
- padding-right: var(--firefoxcss-control-buttons-margin) !important;
- }
-
- #navigator-toolbox:not([inFullscreen])
- #TabsToolbar
- .titlebar-buttonbox-container {
- visibility: visible !important;
- display: flex !important;
- position: absolute !important;
- top: 1px;
- right: 0;
- }
-
-
- :root[sizemode="maximized"] .titlebar-buttonbox-container {
- padding-top: 0px !important;
- }
-
- #navigator-toolbox[inFullscreen] #nav-bar {
- padding-right: initial !important;
- }
-
- .titlebar-buttonbox-container .titlebar-min {
- order: 0 !important;
- }
+ @media not (-moz-bool-pref: "firefoxcss.tabs.on.top.enable") {
+ #toolbar-menubar .titlebar-button {
+ padding-block: 0px !important;
+ }
- .titlebar-buttonbox-container .titlebar-max,
- .titlebar-restore {
- order: 1 !important;
- }
+ #nav-bar-customization-target
+ > :is(toolbarbutton, toolbaritem):first-child {
+ padding-inline-start: 2px !important;
+ }
- .titlebar-buttonbox-container .titlebar-close {
- order: 2 !important;
- }
+ #nav-bar {
+ padding-right: var(--firefoxcss-control-buttons-margin) !important;
+ }
- @media only screen and (max-width: 670px) {
#navigator-toolbox:not([inFullscreen])
#TabsToolbar
.titlebar-buttonbox-container {
visibility: visible !important;
display: flex !important;
- position: relative !important;
- order: 1 !important;
- padding-top: 1px !important;
- padding-bottom: 1px !important;
+ position: absolute !important;
+ top: 1px;
+ right: 0;
}
- #navigator-toolbox:not([inFullscreen]) #nav-bar {
+ :root[sizemode="maximized"] .titlebar-buttonbox-container {
+ padding-top: 0px !important;
+ }
+
+ #navigator-toolbox[inFullscreen] #nav-bar {
padding-right: initial !important;
}
- }
+
+ .titlebar-buttonbox-container .titlebar-min {
+ order: 0 !important;
+ }
+
+ .titlebar-buttonbox-container .titlebar-max,
+ .titlebar-restore {
+ order: 1 !important;
+ }
+
+ .titlebar-buttonbox-container .titlebar-close {
+ order: 2 !important;
+ }
+
+ @media only screen and (max-width: 670px) {
+ #navigator-toolbox:not([inFullscreen])
+ #TabsToolbar
+ .titlebar-buttonbox-container {
+ visibility: visible !important;
+ display: flex !important;
+ position: relative !important;
+ order: 1 !important;
+ padding-top: 1px !important;
+ padding-bottom: 1px !important;
+ }
+
+ #navigator-toolbox:not([inFullscreen]) #nav-bar {
+ padding-right: initial !important;
+ }
+ }
}
}
@@ -873,14 +936,14 @@ about:config -> svg.context-properties.content.enabled -> true*/
menupopup :-moz-any(menu, menuitem) {
margin-top: 2px !important;
margin-bottom: 1px !important;
-/* padding-top: 4px !important;
+ /* padding-top: 4px !important;
padding-bottom: 4px !important; */
-
}
menupopup {
@media (-moz-platform: windows) {
- & > menu, & > menuitem {
+ & > menu,
+ & > menuitem {
padding-block: 0.25em !important;
margin-left: 2px !important;
margin-right: 2px !important;
@@ -888,7 +951,6 @@ menupopup {
}
}
-
@media (-moz-platform: windows) {
#context-navigation
> .menuitem-iconic[_moz-menuactive="true"]
@@ -897,19 +959,18 @@ menupopup {
border-radius: var(--toolbarbutton-border-radius) !important;
background-color: var(--button-hover-bgcolor) !important;
}
-
+
menupopup
> :-moz-any(
menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"]:not([selected])
) {
- background-color: var(--firefoxcss-context-menu-item-bg-color) !important;
+ background-color: var(--firefoxcss-context-menu-item-bg-color) !important;
}
-
+
#context-navigation > .menuitem-iconic[_moz-menuactive] {
&:not([disabled]) {
background-color: transparent !important;
-
}
&[disabled] {
background-color: transparent !important;
@@ -918,8 +979,8 @@ menupopup {
}
#ContentSelectDropdownPopup {
- --content-select-background-image: none !important;
- }
+ --content-select-background-image: none !important;
+}
/* menupopup :-moz-any(menu:first-child, menuitem:first-child) {
margin-top: 0px !important;
@@ -971,22 +1032,28 @@ menupopup
padding-block: 0px !important;
}
-#context-navigation #context-back[disabled="true"] .menu-iconic-left .menu-iconic-icon{
+#context-navigation
+ #context-back[disabled="true"]
+ .menu-iconic-left
+ .menu-iconic-icon {
opacity: 0.5 !important;
}
-#context-navigation #context-forward[disabled="true"] .menu-iconic-left .menu-iconic-icon{
+#context-navigation
+ #context-forward[disabled="true"]
+ .menu-iconic-left
+ .menu-iconic-icon {
opacity: 0.5 !important;
}
#context-navigation > .menuitem-iconic {
- & > .menu-iconic-left {
- & > .menu-iconic-icon {
- width: 42px !important;
- height: 32px !important;
- }
+ & > .menu-iconic-left {
+ & > .menu-iconic-icon {
+ width: 42px !important;
+ height: 32px !important;
}
- }
+ }
+}
/*=====================================================================
===================== B O O K M A R K S B A R =======================
=====================================================================*/
@@ -1125,11 +1192,15 @@ toolbar
}
/* Remove line on the right side of the Firefox view button and fix margins */
-:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs,
-:root[privatebrowsingmode]:not([firefoxviewhidden]) :is(
- toolbarbutton:not(#firefox-view-button),
- toolbarpaletteitem:not(#wrapper-firefox-view-button)
-) + #tabbrowser-tabs {
+:root:not([privatebrowsingmode], [firefoxviewhidden])
+ :is(toolbarbutton, toolbarpaletteitem)
+ + #tabbrowser-tabs,
+:root[privatebrowsingmode]:not([firefoxviewhidden])
+ :is(
+ toolbarbutton:not(#firefox-view-button),
+ toolbarpaletteitem:not(#wrapper-firefox-view-button)
+ )
+ + #tabbrowser-tabs {
border-inline-start: 0 !important;
margin-inline-start: 0px !important;
}
@@ -1159,7 +1230,7 @@ toolbar
> #urlbar:not([focused])
> .urlbar-input-container
> #page-action-buttons
- .urlbar-page-action {
+ .urlbar-page-action:not([open]) {
opacity: 0;
transition-delay: 500ms;
}
@@ -1216,28 +1287,82 @@ toolbar
transition: margin-inline-start 100ms linear, opacity 200ms linear;
}
-#urlbar #identity-box.notSecureText #identity-icon-box {
- margin-inline-start: initial !important;
+#identity-box:hover #identity-icon-box,
+#identity-box:hover #identity-permission-box,
+#identity-box #identity-permission-box[open="true"],
+#identity-box #identity-icon-box[open="true"] {
opacity: 1 !important;
- color: #e36f6f !important;
+ margin-inline-start: initial !important;
+}
+
+#urlbar-label-box,
+#urlbar-zoom-button {
+ background-color: var(--firefoxcss-item-bg-color) !important;
+}
+
+#urlbar-zoom-button:hover {
+ background-color: var(--firefoxcss-urlbar-zoom-button) !important;
+}
+
+#urlbar #identity-box[pageproxystate="valid"] {
+ &.weakCipher,
+ &.mixedDisplayContent,
+ &.mixedDisplayContentLoadedActiveBlocked,
+ &.certUserOverridden,
+ &.certErrorPage,
+ &.notSecureText {
+ & #identity-icon-box {
+ margin-inline-start: initial !important;
+ opacity: 1 !important;
+ color: #e36f6f !important;
+ background-color: var(--firefoxcss-item-bg-color) !important;
+
+ &:hover:not([open]) {
+ background-color: var(--firefoxcss-urlbar-zoom-button) !important;
+ }
+
+ &:is(:hover:active, [open]) {
+ background-color: var(--firefoxcss-urlbar-zoom-button) !important;
+ }
+ }
+ }
+ &.notSecure,
+ &.mixedActiveContent,
+ &.httpsOnlyErrorPage {
+ & #identity-icon-box {
+ margin-inline-start: initial !important;
+ opacity: 1 !important;
+ }
+ }
}
-#urlbar #identity-box.extensionPage #identity-icon-box {
- /* padding-inline: var(--urlbar-icon-padding) !important; */
+#urlbar
+ #identity-box[pageproxystate="valid"]:is(.chromeUI, .extensionPage)
+ > #identity-icon-box {
margin-inline-start: initial !important;
opacity: 1 !important;
+ background-color: var(--firefoxcss-item-bg-color) !important;
+ &:hover:not([open]) {
+ background-color: var(--firefoxcss-urlbar-zoom-button) !important;
+ }
+
+ &:is(:hover:active, [open]) {
+ background-color: var(--firefoxcss-urlbar-zoom-button) !important;
+ }
}
-#identity-box:hover #identity-icon-box,
-#identity-box:hover #identity-permission-box,
-#identity-box #identity-permission-box[open="true"],
-#identity-box #identity-icon-box[open="true"] {
- opacity: 1 !important;
- margin-inline-start: initial !important;
+/* #identity-box.chromeUI::after,
+#identity-box.chromeUI:hover::after {
+ opacity: 0 !important;
+} */
+
+#page-action-buttons:not(:hover)
+ #translations-button[translationsactive="true"]:not([open]) {
+ visibility: collapse !important;
}
.urlbar-input-container .urlbar-input-box {
- padding-inline-start: 2px !important;
+ padding-inline-start: 3px !important;
}
#identity-box:hover ~ .urlbar-input-box > #urlbar-input {
@@ -1262,27 +1387,12 @@ toolbar
}
#page-action-buttons:hover > .urlbar-page-action,
-.urlbar-page-action[open],
-.urlbar-page-action[open] ~ .urlbar-page-action {
+#page-action-buttons .urlbar-page-action[open],
+#page-action-buttons .urlbar-page-action[open] ~ .urlbar-page-action {
opacity: 1;
margin-inline-end: 0px !important;
}
-#identity-box.chromeUI #identity-icon-box {
- opacity: 1 !important;
- margin-inline-start: initial;
-}
-
-#identity-box.chromeUI::after,
-#identity-box.chromeUI:hover::after {
- opacity: 0 !important;
-}
-
-#page-action-buttons:not(:hover)
- #translations-button[translationsactive="true"]:not([open]) {
- visibility: collapse !important;
-}
-
/* Create visual dots on both sides */
/* left side identity-box dots modification */
#urlbar:is(:not([usertyping]), :not([focused])) #identity-box::after,
@@ -1357,18 +1467,6 @@ toolbar
transition: opacity 0.2s ease;
} */
-#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
-#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
-#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
-#urlbar-label-box,
-#urlbar-zoom-button {
- background-color: var(--firefoxcss-item-bg-color) !important;
-}
-
-#urlbar-zoom-button:hover {
- background-color: var(--firefoxcss-urlbar-zoom-button) !important;
-}
-
/*=====================================================================
==================== L I N U X S U P P O R T ========================
=======================================================================
@@ -1552,6 +1650,11 @@ toolbar
/*=====================================================================
============================= O T H E R ===============================
=====================================================================*/
+@media (-moz-bool-pref: "firefoxcss.disable.tab.preview.panel.fully") {
+ #tab-preview-panel, #tabbrowser-tab-tooltip {
+ display: none !important;
+ }
+}
/* Status URL change (bottom left when hovering a link) */
#statuspanel-label {
@@ -1565,34 +1668,38 @@ toolbar
/* Make forward and back buttons smaller */
#back-button .toolbarbutton-icon,
-#forward-button .toolbarbutton-icon{
+#forward-button .toolbarbutton-icon {
padding: 8.5px !important;
}
/* Container extension code */
-#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[usercontextid] .tab-background:not([selected]) {
+#TabsToolbar
+ #tabbrowser-tabs
+ .tabbrowser-tab[usercontextid]
+ .tab-background:not([selected]) {
background: var(--identity-tab-color) !important;
opacity: 0.3 !important;
}
/* Container extension code */
#tabbrowser-tabs .tab-context-line {
- display:none !important;
+ display: none !important;
}
/* Some color fixes after 125.0.1 update. URLBAR Clipboard buttons */
.urlbarView-row:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) {
& > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
- background-color: var(--firefoxcss-url-clipboard-button) !important;
+ background-color: var(--firefoxcss-url-clipboard-button) !important;
padding: 4px 8px !important;
}
}
.urlbarView-button {
- .urlbarView-row:is([row-selectable]:hover, [selected]) > &:not(:hover, [open]) {
+ .urlbarView-row:is([row-selectable]:hover, [selected])
+ > &:not(:hover, [open]) {
background-color: transparent !important;
opacity: 0.8 !important;
}
-}
+}
/* #appcontent
> #tabbrowser-tabbox
@@ -1641,11 +1748,11 @@ toolbar
:root {
--firefoxcss-searchbar-container-height: 36px !important;
}
-
- #PanelUI-menu-button {
- padding-inline-end: 3px !important;;
+
+ #PanelUI-menu-button {
+ padding-inline-end: 3px !important;
}
-
+
#TabsToolbar .titlebar-buttonbox-container {
order: 1 !important;
padding: 0px !important;
diff --git a/userContent.css b/userContent.css
index 6d0f6cf..4f7809c 100644
--- a/userContent.css
+++ b/userContent.css
@@ -76,10 +76,6 @@
--firefoxcss-firefoxview-sticky-color: hsla(240, 2%, 13%, 0.75) !important;
--firefoxcss-firefoxview-search-color: hsla(240, 2%, 35%, 0.5) !important;
}
-
- * {
- scrollbar-color: #afafaf #2c2c2c !important;
- }
}
/*=====================================================================