From bc0b577123888143a414547ca4bec7853f34d67f Mon Sep 17 00:00:00 2001 From: Michael Date: Fri, 25 Oct 2024 14:59:39 +0200 Subject: [PATCH] Made colours vertical tabs and outline browser better --- Private Mode Style/userChrome.css | 21 ++++++++++++++++++ Titlebar Enabled/userChrome.css | 37 ++++++++++++++++++++++++++++++- base.css | 37 ++++++++++++++++++++++++++++++- 3 files changed, 93 insertions(+), 2 deletions(-) diff --git a/Private Mode Style/userChrome.css b/Private Mode Style/userChrome.css index 382955e..a9c96a2 100755 --- a/Private Mode Style/userChrome.css +++ b/Private Mode Style/userChrome.css @@ -701,6 +701,27 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt #TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar { z-index: -1 !important; } +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid rgba(0,0,0,0.2) !important; + box-shadow: none !important; + } +} +@media (prefers-color-scheme: dark) { +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid rgba(0,0,0,0.2) !important; + box-shadow: none !important; + } + } +} +#tabbrowser-tabbox:-moz-lwtheme-brighttext { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid rgba(0,0,0,0.2) !important; + box-shadow: none !important; + } + } +} /* not expanded */ #tabbrowser-tabs[orient="vertical"] { diff --git a/Titlebar Enabled/userChrome.css b/Titlebar Enabled/userChrome.css index ee15216..917ac73 100755 --- a/Titlebar Enabled/userChrome.css +++ b/Titlebar Enabled/userChrome.css @@ -246,6 +246,9 @@ Normal mode #PanelUI-menu-button:-moz-window-inactive { opacity: 0.5 !important; } +#sidebar-main:-moz-window-inactive { + background: #FAFAFA !important; +} /*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/ :root[gtktiledwindow="true"] #nav-bar, @@ -849,13 +852,21 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt } /*** VERTICAL TABS ***/ - +#sidebar-main { + background: rgba(241,241,241,1) !important; +} #TabsToolbar[collapsed] ~ #nav-bar { box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3), 0px 0px 3px 0px rgba(0,0,0,0.15) !important; } #TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar { z-index: -1 !important; } +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #B5B5B5 !important; + box-shadow: none !important; + } +} /* not expanded */ #tabbrowser-tabs[orient="vertical"] { @@ -1221,6 +1232,12 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt #sidebar-main:-moz-lwtheme-brighttext:-moz-window-inactive { background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important; } +#tabbrowser-tabbox:-moz-lwtheme-brighttext:-moz-window-inactive { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #292929 !important; + box-shadow: none !important; + } +} .tab-label[selected="true"]:-moz-lwtheme-brighttext:-moz-window-inactive { color: #FFF !important; } @@ -1325,6 +1342,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :active): #sidebar-main:-moz-lwtheme-brighttext { background: linear-gradient(180deg, rgb(42, 42, 42) 0%, rgb(45, 45, 45) 10%, rgb(45, 45, 45) 100%) !important; } +#tabbrowser-tabbox:-moz-lwtheme-brighttext { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #1D1D1D !important; + box-shadow: none !important; + } +} :root:-moz-lwtheme-brighttext { --toolbarbutton-hover-background: #2d5b86 !important; --toolbarbutton-active-background: #2d5b86 !important; @@ -1520,6 +1543,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :active): #sidebar-main:-moz-window-inactive { background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important; } +#tabbrowser-tabbox:-moz-window-inactive { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #292929 !important; + box-shadow: none !important; + } +} .tab-label[selected="true"]:-moz-window-inactive { color: #FFF !important; } @@ -1633,6 +1662,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :active) #sidebar-main { background: linear-gradient(180deg, rgb(42, 42, 42) 0%, rgb(45, 45, 45) 10%, rgb(45, 45, 45) 100%) !important; } +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #1D1D1D !important; + box-shadow: none !important; + } +} :root { --toolbarbutton-hover-background: #2d5b86 !important; --toolbarbutton-active-background: #2d5b86 !important; diff --git a/base.css b/base.css index 90c0a2f..260add4 100644 --- a/base.css +++ b/base.css @@ -241,6 +241,9 @@ Normal mode #PanelUI-menu-button:-moz-window-inactive { opacity: 0.5 !important; } +#sidebar-main:-moz-window-inactive { + background: #FAFAFA !important; +} /*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/ :root[gtktiledwindow="true"] #nav-bar, @@ -851,13 +854,21 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt } /*** VERTICAL TABS ***/ - +#sidebar-main { + background: rgba(241,241,241,1) !important; +} #TabsToolbar[collapsed] ~ #nav-bar { box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3), 0px 0px 3px 0px rgba(0,0,0,0.15) !important; } #TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar { z-index: -1 !important; } +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #B5B5B5 !important; + box-shadow: none !important; + } +} /* not expanded */ #tabbrowser-tabs[orient="vertical"] { @@ -1222,6 +1233,12 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt #sidebar-main:-moz-lwtheme-brighttext:-moz-window-inactive { background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important; } +#tabbrowser-tabbox:-moz-lwtheme-brighttext:-moz-window-inactive { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #292929 !important; + box-shadow: none !important; + } +} .tab-label[selected="true"]:-moz-lwtheme-brighttext:-moz-window-inactive { color: #FFF !important; } @@ -1327,6 +1344,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :hover, : #sidebar-main:-moz-lwtheme-brighttext { background: linear-gradient(180deg, rgb(42, 42, 42) 0%, rgb(45, 45, 45) 10%, rgb(45, 45, 45) 100%) !important; } +#tabbrowser-tabbox:-moz-lwtheme-brighttext { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #1D1D1D !important; + box-shadow: none !important; + } +} :root:-moz-lwtheme-brighttext { --toolbarbutton-hover-background: #2d5b86 !important; --toolbarbutton-active-background: #2d5b86 !important; @@ -1522,6 +1545,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :hover, : #sidebar-main:-moz-window-inactive { background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important; } +#tabbrowser-tabbox:-moz-window-inactive { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #292929 !important; + box-shadow: none !important; + } +} .tab-label[selected="true"]:-moz-window-inactive { color: #FFF !important; } @@ -1636,6 +1665,12 @@ toolbar .toolbarbutton-1[data-extensionid]:-moz-any([open], [checked], :active) #sidebar-main { background: linear-gradient(180deg, rgb(42, 42, 42) 0%, rgb(45, 45, 45) 10%, rgb(45, 45, 45) 100%) !important; } +#tabbrowser-tabbox { + @media (-moz-bool-pref: "sidebar.revamp") { + outline: 0.01px solid #1D1D1D !important; + box-shadow: none !important; + } +} :root { --toolbarbutton-hover-background: #2d5b86 !important; --toolbarbutton-active-background: #2d5b86 !important;