Skip to content

Commit

Permalink
Made a light border in the navigation bar like eOS standard
Browse files Browse the repository at this point in the history
  • Loading branch information
@Zonnev
Zonnev committed Nov 3, 2024
1 parent d781b18 commit 5bcb91e
Show file tree
Hide file tree
Showing 3 changed files with 36 additions and 36 deletions.
10 changes: 5 additions & 5 deletions Private Mode Style/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -713,7 +713,7 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
/*** VERTICAL TABS ***/

#TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar {
z-index: -1 !important;
Expand Down Expand Up @@ -1040,13 +1040,13 @@ COLOURS
/*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/
:root[gtktiledwindow="true"] #nav-bar,
:root[gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[sizemode="maximized"] #nav-bar,
:root[sizemode="maximized"] #nav-bar:-moz-window-inactive,
:root[inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand Down Expand Up @@ -1096,10 +1096,10 @@ COLOURS
-moz-appearance: none !important;
border-bottom: 1px solid rgba(0,0,0,0.4) !important;
background: linear-gradient(to right, rgba(94,75,197,1), rgba(162,76,141,1)) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
}
#navigator-toolbox {
background-color: rgba(0,0,0,1) !important;
Expand Down
30 changes: 15 additions & 15 deletions Titlebar Enabled/userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ Normal mode
}
#nav-bar:-moz-window-inactive {
background: linear-gradient(to bottom, #EAEAEA, #E9E9E9) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
#TabsToolbar:-moz-window-inactive {
background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 100%) !important;
Expand All @@ -239,13 +239,13 @@ Normal mode
/*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/
:root[gtktiledwindow="true"] #nav-bar,
:root[gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
:root[sizemode="maximized"] #nav-bar,
:root[sizemode="maximized"] #nav-bar:-moz-window-inactive,
:root[inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
:root[inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand Down Expand Up @@ -307,7 +307,7 @@ Normal mode
background: linear-gradient(to bottom, #E5E5E5, #DFDFDF) !important;
height: 45px !important;
padding: 0px 0px 0px 0px !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
/* fullscreen fixes for the nav bar */
:root[sizemode="fullscreen"] #nav-bar {
Expand Down Expand Up @@ -863,7 +863,7 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
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;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar {
z-index: -1 !important;
Expand Down Expand Up @@ -1167,13 +1167,13 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
/*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/
:root[gtktiledwindow="true"] #nav-bar,
:root[gtktiledwindow="true"] #nav-bar:-moz-window-inactive {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[sizemode="maximized"] #nav-bar,
:root[sizemode="maximized"] #nav-bar:-moz-window-inactive,
:root[inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand All @@ -1190,10 +1190,10 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
appearance: none !important;
border-bottom: 1px solid #292929 !important;
background: linear-gradient(to bottom, #3B3B3B, #383838) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar:-moz-window-inactive {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#TabsToolbar:-moz-window-inactive {
background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important;
Expand Down Expand Up @@ -1248,10 +1248,10 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
appearance: none !important;
border-bottom: 1px solid #1D1D1D !important;
background: linear-gradient(to bottom, #343434, #2C2C2C) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#urlbar[focused="true"] {
border: 1px solid #2B2C2C !important;
Expand Down Expand Up @@ -1463,13 +1463,13 @@ private browsing
/*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/
#main-window[privatebrowsingmode="temporary"][gtktiledwindow="true"] #nav-bar,
#main-window[privatebrowsingmode="temporary"][gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"][sizemode="maximized"] #nav-bar,
#main-window[privatebrowsingmode="temporary"][sizemode="maximized"] #nav-bar:-moz-window-inactive,
#main-window[privatebrowsingmode="temporary"][inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"][inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand Down Expand Up @@ -1516,10 +1516,10 @@ private browsing
-moz-appearance: none !important;
border-bottom: 1px solid rgba(0,0,0,0.4) !important;
background: linear-gradient(to right, rgba(94,75,197,1), rgba(162,76,141,1)) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"] #TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
}
#main-window[privatebrowsingmode="temporary"] #searchbar:not([focused="true"]) {
border: 1px solid rgba(0,0,0,0.4) !important;
Expand Down
32 changes: 16 additions & 16 deletions base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,7 +200,7 @@ Normal mode
#nav-bar:-moz-window-inactive {
background: linear-gradient(to bottom, #EAEAEA, #E9E9E9) !important;
border-radius: 6px 6px 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
#TabsToolbar:-moz-window-inactive {
background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(250,250,250,1) 10%, rgba(250,250,250,1) 100%) !important;
Expand All @@ -227,13 +227,13 @@ Normal mode
:root[gtktiledwindow="true"] #nav-bar,
:root[gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
border-radius: 6px 6px 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
:root[sizemode="maximized"] #nav-bar,
:root[sizemode="maximized"] #nav-bar:-moz-window-inactive,
:root[inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
:root[inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand Down Expand Up @@ -337,7 +337,7 @@ Normal mode
background: linear-gradient(to bottom, #E5E5E5, #DFDFDF) !important;
border-radius: 6px 6px 0 0 !important;
height: 45px !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2) !important;
}
/* fullscreen fixes for the nav bar */
:root[sizemode="fullscreen"] #nav-bar {
Expand Down Expand Up @@ -908,7 +908,7 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
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;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar ~ #PersonalToolbar {
z-index: -1 !important;
Expand Down Expand Up @@ -1213,13 +1213,13 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
:root[gtktiledwindow="true"] #nav-bar,
:root[gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
border-radius: 6px 6px 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[sizemode="maximized"] #nav-bar,
:root[sizemode="maximized"] #nav-bar:-moz-window-inactive,
:root[inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
:root[inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand All @@ -1230,14 +1230,14 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt

/*** FOCUS FIX for Tweaks ***/
#TabsToolbar[collapsed] ~ #nav-bar:-moz-window-inactive {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#nav-bar:-moz-window-inactive {
appearance: none !important;
border-radius: 6px 6px 0 0 !important;
border-bottom: 1px solid #292929 !important;
background: linear-gradient(to bottom, #3B3B3B, #383838) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#TabsToolbar:-moz-window-inactive {
background: linear-gradient(180deg, rgb(48, 48, 48) 0%, rgb(51, 51, 51) 10%, rgb(51, 51, 51) 100%) !important;
Expand Down Expand Up @@ -1293,10 +1293,10 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
border-radius: 6px 6px 0 0 !important;
border-bottom: 1px solid #1D1D1D !important;
background: linear-gradient(to bottom, #343434, #2C2C2C) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.07), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.15) !important;
}
#urlbar[focused="true"] {
border: 1px solid #2B2C2C !important;
Expand All @@ -1313,7 +1313,7 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
border: 1px solid #222222 !important;
border-radius: 3px !important;
background: linear-gradient(#3C3C3C, #404040) !important;
box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.05) !important;
}
#urlbar-background {
border: none !important;
Expand Down Expand Up @@ -1559,13 +1559,13 @@ private browsing
/*** TILED/MAXIMIZED/FULLSCREEN WINDOW FIXES ***/
#main-window[privatebrowsingmode="temporary"][gtktiledwindow="true"] #nav-bar,
#main-window[privatebrowsingmode="temporary"][gtktiledwindow="true"] #nav-bar:-moz-window-inactive{
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"][sizemode="maximized"] #nav-bar,
#main-window[privatebrowsingmode="temporary"][sizemode="maximized"] #nav-bar:-moz-window-inactive,
#main-window[privatebrowsingmode="temporary"][inFullscreen="true"] #nav-bar {
border-radius: 0 0 0 0 !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"][inFullscreen="true"] #TabsToolbar {
min-height: 36px !important;
Expand Down Expand Up @@ -1615,10 +1615,10 @@ private browsing
-moz-appearance: none !important;
border-bottom: 1px solid rgba(0,0,0,0.4) !important;
background: linear-gradient(to right, rgba(94,75,197,1), rgba(162,76,141,1)) !important;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}
#main-window[privatebrowsingmode="temporary"] #TabsToolbar[collapsed] ~ #nav-bar {
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0px 0px 3px 0px rgba(0,0,0,0.3) !important;
}
#main-window[privatebrowsingmode="temporary"] #searchbar:not([focused="true"]) {
border: 1px solid rgba(0,0,0,0.4) !important;
Expand Down

0 comments on commit 5bcb91e

Please sign in to comment.