Skip to content

Commit

Permalink
Made colours vertical tabs and outline browser better
Browse files Browse the repository at this point in the history
  • Loading branch information
Michael committed Oct 25, 2024
1 parent d31cc71 commit bc0b577
Show file tree
Hide file tree
Showing 3 changed files with 93 additions and 2 deletions.
21 changes: 21 additions & 0 deletions Private Mode Style/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"] {
Expand Down
37 changes: 36 additions & 1 deletion Titlebar Enabled/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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"] {
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down
37 changes: 36 additions & 1 deletion base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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"] {
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
Expand Down Expand Up @@ -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;
Expand Down

0 comments on commit bc0b577

Please sign in to comment.