diff options
| author | Servail <45024837+Servail@users.noreply.github.com> | 2019-07-09 14:54:38 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-07-09 14:54:38 +0300 |
| commit | 0c0a722f470d7379b29f249a7d70aea9ce6ec039 (patch) | |
| tree | de90bb967c5e777a6c7e6b3222e76d7b9349a896 | |
| parent | fd66cea54f2d89803e9e1cbf82c3628a56e6f03b (diff) | |
Update browser.css
| -rw-r--r-- | src/chrome/browser/browser.css | 82 |
1 files changed, 41 insertions, 41 deletions
diff --git a/src/chrome/browser/browser.css b/src/chrome/browser/browser.css index 3d456e4..a1644d3 100644 --- a/src/chrome/browser/browser.css +++ b/src/chrome/browser/browser.css | |||
| @@ -7,18 +7,18 @@ | |||
| 7 | @namespace html url("http://www.w3.org/1999/xhtml"); | 7 | @namespace html url("http://www.w3.org/1999/xhtml"); |
| 8 | 8 | ||
| 9 | :root { | 9 | :root { |
| 10 | --tab-background: linear-gradient(rgba(23,23,23,1), rgba(23,23,23,1)); | 10 | --tab-background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1)); |
| 11 | --tab-border-color: rgb(75,75,75); | 11 | --tab-border-color: rgb(64,64,64); |
| 12 | --tab-border-radius: 2px; | 12 | --tab-border-radius: 2px; |
| 13 | --tab-box-shadow: none; | 13 | --tab-box-shadow: none; |
| 14 | --tab-hover-background: linear-gradient(rgba(80,80,80,.85), rgba(80,80,80,.85)); | 14 | --tab-hover-background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)); |
| 15 | --tab-hover-border: var(--tab-border-color); | 15 | --tab-hover-border: var(--tab-border-color); |
| 16 | --tab-pinned-background: linear-gradient(rgba(255,255,255,1) -8px, rgba(23,23,23,1), rgba(23,23,23,1)); | 16 | --tab-pinned-background: linear-gradient(rgba(255,255,255,1) -8px, rgba(23,23,23,1), rgba(23,23,23,1)); |
| 17 | --tab-selected-background: linear-gradient(rgba(43,43,43,1), rgba(43,43,43,1)); | 17 | --tab-selected-background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1)); |
| 18 | --tab-selected-border: var(--tab-border-color); | 18 | --tab-selected-border: var(--tab-border-color); |
| 19 | 19 | ||
| 20 | --toolbar-border: rgba(75,75,75,1); | 20 | --toolbar-border: rgba(64,64,64,1); |
| 21 | --toolbar-highlight-top: rgba(43,43,43); | 21 | --toolbar-highlight-top: rgba(32,32,32); |
| 22 | --toolbar-highlight-bottom: var(--toolbar-highlight-top); | 22 | --toolbar-highlight-bottom: var(--toolbar-highlight-top); |
| 23 | 23 | ||
| 24 | --toolbarbutton-background-color: hsla(210,32%,93%,0); | 24 | --toolbarbutton-background-color: hsla(210,32%,93%,0); |
| @@ -38,18 +38,18 @@ | |||
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | :root:-moz-lwtheme-brighttext { | 40 | :root:-moz-lwtheme-brighttext { |
| 41 | --tab-background: linear-gradient(rgba(105,105,105,.4), rgba(105,105,105,.4)); | 41 | --tab-background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)); |
| 42 | --tab-box-shadow: none; | 42 | --tab-box-shadow: none; |
| 43 | --tab-hover-background: linear-gradient(rgba(110,110,110,.8), rgba(110,110,110,.8)); | 43 | --tab-hover-background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)); |
| 44 | --tab-selected-background: linear-gradient(rgba(5,5,5,.9), rgba(5,5,5,.9)); | 44 | --tab-selected-background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,.9)); |
| 45 | --toolbar-highlight-top: rgba(5,5,5,0.9); | 45 | --toolbar-highlight-top: rgba(5,5,5,0.9); |
| 46 | --toolbar-highlight-bottom: rgba(5,5,5,0.6); | 46 | --toolbar-highlight-bottom: rgba(5,5,5,0.6); |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | :root:-moz-lwtheme-darktext { | 49 | :root:-moz-lwtheme-darktext { |
| 50 | --tab-background: linear-gradient(rgba(235,235,235,.4), rgba(235,235,235,.4)); | 50 | --tab-background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)); |
| 51 | --tab-hover-background: linear-gradient(rgba(240,240,240,.8), rgba(240,240,240,.8)); | 51 | --tab-hover-background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)); |
| 52 | --tab-selected-background: linear-gradient(rgba(250,250,250,.9), rgba(250,250,250,.9)); | 52 | --tab-selected-background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,.9)); |
| 53 | --toolbar-highlight-top: rgba(250,250,250,0.9); | 53 | --toolbar-highlight-top: rgba(250,250,250,0.9); |
| 54 | --toolbar-highlight-bottom: rgba(250,250,250,0.5); | 54 | --toolbar-highlight-bottom: rgba(250,250,250,0.5); |
| 55 | } | 55 | } |
| @@ -60,7 +60,7 @@ | |||
| 60 | } | 60 | } |
| 61 | 61 | ||
| 62 | #main-window { | 62 | #main-window { |
| 63 | background-color: rgb(23,23,23); | 63 | background-color: rgb(0,0,0); |
| 64 | } | 64 | } |
| 65 | 65 | ||
| 66 | #menubar-items { | 66 | #menubar-items { |
| @@ -83,7 +83,7 @@ | |||
| 83 | display: -moz-box; | 83 | display: -moz-box; |
| 84 | -moz-box-ordinal-group: 101; | 84 | -moz-box-ordinal-group: 101; |
| 85 | height: 1px; | 85 | height: 1px; |
| 86 | background-color: rgba(75,75,75,1); | 86 | background-color: rgba(0,0,0,1); |
| 87 | } | 87 | } |
| 88 | 88 | ||
| 89 | #navigator-toolbox[tabsontop=false]::after, | 89 | #navigator-toolbox[tabsontop=false]::after, |
| @@ -94,7 +94,7 @@ | |||
| 94 | #navigator-toolbox > toolbar:not(:-moz-lwtheme) { | 94 | #navigator-toolbox > toolbar:not(:-moz-lwtheme) { |
| 95 | -moz-appearance: none; | 95 | -moz-appearance: none; |
| 96 | border-style: none; | 96 | border-style: none; |
| 97 | background-color: rgba(43,43,43,1); | 97 | background-color: rgba(0,0,0,1); |
| 98 | } | 98 | } |
| 99 | 99 | ||
| 100 | #toolbar-menubar:not(:-moz-lwtheme), | 100 | #toolbar-menubar:not(:-moz-lwtheme), |
| @@ -151,7 +151,7 @@ | |||
| 151 | 151 | ||
| 152 | #print-preview-toolbar:not(:-moz-lwtheme) { | 152 | #print-preview-toolbar:not(:-moz-lwtheme) { |
| 153 | -moz-appearance: none; | 153 | -moz-appearance: none; |
| 154 | background-color: rgb(43, 43, 43); | 154 | background-color: rgb(0, 0, 0); |
| 155 | } | 155 | } |
| 156 | 156 | ||
| 157 | /* ::::: app menu button ::::: */ | 157 | /* ::::: app menu button ::::: */ |
| @@ -183,16 +183,16 @@ | |||
| 183 | 183 | ||
| 184 | #appmenu-popup { | 184 | #appmenu-popup { |
| 185 | -moz-appearance: none; | 185 | -moz-appearance: none; |
| 186 | background: rgb(50,50,50); | 186 | background: rgb(0,0,0); |
| 187 | border: 1px solid rgb(75,75,75); | 187 | border: 1px solid rgb(64,64,64); |
| 188 | } | 188 | } |
| 189 | #appmenuPrimaryPane { | 189 | #appmenuPrimaryPane { |
| 190 | background-color: rgb(62,62,62); | 190 | background-color: rgb(0,0,0); |
| 191 | padding: 2px; | 191 | padding: 2px; |
| 192 | border-inline-end: none; | 192 | border-inline-end: none; |
| 193 | } | 193 | } |
| 194 | #appmenuSecondaryPane { | 194 | #appmenuSecondaryPane { |
| 195 | background-color: rgb(50,50,50); | 195 | background-color: rgb(0,0,0); |
| 196 | padding-inline-start: 3px; | 196 | padding-inline-start: 3px; |
| 197 | padding-inline-end: 2px; | 197 | padding-inline-end: 2px; |
| 198 | padding-top: 2px; | 198 | padding-top: 2px; |
| @@ -211,7 +211,7 @@ | |||
| 211 | } | 211 | } |
| 212 | 212 | ||
| 213 | .appmenu-edit-button:not([disabled]):hover { | 213 | .appmenu-edit-button:not([disabled]):hover { |
| 214 | background: rgb(110,110,110); | 214 | background: rgb(0,0,0); |
| 215 | } | 215 | } |
| 216 | 216 | ||
| 217 | #appmenuSecondaryPane-spacer { | 217 | #appmenuSecondaryPane-spacer { |
| @@ -374,13 +374,13 @@ toolbarbutton.bookmark-item { | |||
| 374 | } | 374 | } |
| 375 | 375 | ||
| 376 | toolbarbutton.bookmark-item:hover { | 376 | toolbarbutton.bookmark-item:hover { |
| 377 | background-color: rgb(75,75,75); | 377 | background-color: rgb(0,0,0); |
| 378 | color: white; | 378 | color: white; |
| 379 | text-shadow: none; | 379 | text-shadow: none; |
| 380 | } | 380 | } |
| 381 | 381 | ||
| 382 | toolbarbutton.bookmark-item:hover:active { | 382 | toolbarbutton.bookmark-item:hover:active { |
| 383 | background-color: rgb(23,23,23); | 383 | background-color: rgb(0,0,0); |
| 384 | color: white; | 384 | color: white; |
| 385 | text-shadow: none; | 385 | text-shadow: none; |
| 386 | } | 386 | } |
| @@ -564,7 +564,7 @@ toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button { | |||
| 564 | } | 564 | } |
| 565 | 565 | ||
| 566 | #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { | 566 | #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { |
| 567 | background-color: rgba(90%,90%,90%,.4); | 567 | background-color: rgba(0%,0%,0%,.4); |
| 568 | transition: background-color .4s; | 568 | transition: background-color .4s; |
| 569 | } | 569 | } |
| 570 | 570 | ||
| @@ -843,9 +843,9 @@ toolbar:not([brighttext]) #tabview-button { | |||
| 843 | padding: 2px; | 843 | padding: 2px; |
| 844 | background-clip: padding-box; | 844 | background-clip: padding-box; |
| 845 | border: 1px solid; | 845 | border: 1px solid; |
| 846 | border-color: rgba(75,75,75,1); | 846 | border-color: rgba(64,64,64,1); |
| 847 | border-radius: 5px; | 847 | border-radius: 5px; |
| 848 | background-color: rgb(50,50,50); | 848 | background-color: rgb(0,0,0); |
| 849 | color: #fff; | 849 | color: #fff; |
| 850 | } | 850 | } |
| 851 | 851 | ||
| @@ -856,8 +856,8 @@ toolbar:not([brighttext]) #tabview-button { | |||
| 856 | 856 | ||
| 857 | #urlbar:-moz-lwtheme, | 857 | #urlbar:-moz-lwtheme, |
| 858 | .searchbar-textbox:-moz-lwtheme { | 858 | .searchbar-textbox:-moz-lwtheme { |
| 859 | background-color: rgba(50,50,50,.8); | 859 | background-color: rgba(0,0,0,.8); |
| 860 | border-color: rgba(75,75,75,.27) rgba(75,75,75,.2) rgba(75,75,75,.18); | 860 | border-color: rgba(64,64,64,.27) rgba(64,64,64,.2) rgba(64,64,64,.18); |
| 861 | color: #fff; | 861 | color: #fff; |
| 862 | } | 862 | } |
| 863 | 863 | ||
| @@ -868,7 +868,7 @@ html|*.urlbar-input:-moz-lwtheme:-moz-placeholder, | |||
| 868 | 868 | ||
| 869 | #urlbar:-moz-lwtheme[focused="true"], | 869 | #urlbar:-moz-lwtheme[focused="true"], |
| 870 | .searchbar-textbox:-moz-lwtheme[focused="true"] { | 870 | .searchbar-textbox:-moz-lwtheme[focused="true"] { |
| 871 | background-color: rgb(50,50,50); | 871 | background-color: rgb(0,0,0); |
| 872 | } | 872 | } |
| 873 | 873 | ||
| 874 | #urlbar-container { | 874 | #urlbar-container { |
| @@ -1264,19 +1264,19 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action- | |||
| 1264 | } | 1264 | } |
| 1265 | 1265 | ||
| 1266 | #sidebar-search-container { | 1266 | #sidebar-search-container { |
| 1267 | background-color: #fafafa; | 1267 | background-color: #000; |
| 1268 | } | 1268 | } |
| 1269 | 1269 | ||
| 1270 | #sidebar-header { | 1270 | #sidebar-header { |
| 1271 | -moz-appearance: none; | 1271 | -moz-appearance: none; |
| 1272 | border-top: none; | 1272 | border-top: none; |
| 1273 | border-bottom: none; | 1273 | border-bottom: none; |
| 1274 | background-color: rgb(50,50,50); | 1274 | background-color: rgb(0,0,0); |
| 1275 | color: #fff; | 1275 | color: #fff; |
| 1276 | } | 1276 | } |
| 1277 | 1277 | ||
| 1278 | .browserContainer > findbar { | 1278 | .browserContainer > findbar { |
| 1279 | background-color: rgb(43,43,43); | 1279 | background-color: rgb(0,0,0); |
| 1280 | color: #fff; | 1280 | color: #fff; |
| 1281 | text-shadow: none; | 1281 | text-shadow: none; |
| 1282 | } | 1282 | } |
| @@ -2143,14 +2143,14 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2143 | 2143 | ||
| 2144 | .KUI-panel { | 2144 | .KUI-panel { |
| 2145 | -moz-appearance: none; | 2145 | -moz-appearance: none; |
| 2146 | background: rgba(27%,27%,27%,.9) url(chrome://browser/skin/KUI-background.png) repeat-x; | 2146 | background: rgba(0%,0%,0%,.9) url(chrome://browser/skin/KUI-background.png) repeat-x; |
| 2147 | color: white; | 2147 | color: white; |
| 2148 | border-style: none; | 2148 | border-style: none; |
| 2149 | border-radius: 20px; | 2149 | border-radius: 20px; |
| 2150 | } | 2150 | } |
| 2151 | 2151 | ||
| 2152 | .KUI-panel[level="top"] { | 2152 | .KUI-panel[level="top"] { |
| 2153 | background-color: rgba(27%,27%,27%,.65); | 2153 | background-color: rgba(0%,0%,0%,.65); |
| 2154 | } | 2154 | } |
| 2155 | 2155 | ||
| 2156 | .KUI-panel-closebutton { | 2156 | .KUI-panel-closebutton { |
| @@ -2177,12 +2177,12 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2177 | #ctrlTab-panel { | 2177 | #ctrlTab-panel { |
| 2178 | padding: 20px 10px 10px; | 2178 | padding: 20px 10px 10px; |
| 2179 | font-weight: bold; | 2179 | font-weight: bold; |
| 2180 | background: rgb(50,50,50); | 2180 | background: rgb(0,0,0); |
| 2181 | color: #fff; | 2181 | color: #fff; |
| 2182 | } | 2182 | } |
| 2183 | 2183 | ||
| 2184 | .ctrlTab-favicon[src] { | 2184 | .ctrlTab-favicon[src] { |
| 2185 | background-color: rgb(72,72,72); | 2185 | background-color: rgb(0,0,0); |
| 2186 | width: 20px; | 2186 | width: 20px; |
| 2187 | height: 20px; | 2187 | height: 20px; |
| 2188 | padding: 2px; | 2188 | padding: 2px; |
| @@ -2227,7 +2227,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2227 | padding-bottom: 10px; | 2227 | padding-bottom: 10px; |
| 2228 | -moz-appearance: none; | 2228 | -moz-appearance: none; |
| 2229 | border: none; | 2229 | border: none; |
| 2230 | background: rgb(50,50,50); | 2230 | background: rgb(0,0,0); |
| 2231 | color: #fff; | 2231 | color: #fff; |
| 2232 | } | 2232 | } |
| 2233 | 2233 | ||
| @@ -2245,7 +2245,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2245 | } | 2245 | } |
| 2246 | 2246 | ||
| 2247 | .allTabs-favicon[src] { | 2247 | .allTabs-favicon[src] { |
| 2248 | background-color: rgb(75,75,75); | 2248 | background-color: rgb(0,0,0); |
| 2249 | width: 22px; | 2249 | width: 22px; |
| 2250 | height: 22px; | 2250 | height: 22px; |
| 2251 | padding-top: 1px; | 2251 | padding-top: 1px; |
| @@ -2267,7 +2267,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2267 | } | 2267 | } |
| 2268 | 2268 | ||
| 2269 | .allTabs-preview-inner > .tabPreview-canvas { | 2269 | .allTabs-preview-inner > .tabPreview-canvas { |
| 2270 | background-color: rgb(60%,60%,60%); | 2270 | background-color: rgb(0%,0%,0%); |
| 2271 | box-shadow: 0 0 1.5px ThreeDShadow; | 2271 | box-shadow: 0 0 1.5px ThreeDShadow; |
| 2272 | } | 2272 | } |
| 2273 | 2273 | ||
| @@ -2280,7 +2280,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { | |||
| 2280 | } | 2280 | } |
| 2281 | 2281 | ||
| 2282 | #allTabs-tab-close-button { | 2282 | #allTabs-tab-close-button { |
| 2283 | background: rgb(75,75,75); | 2283 | background: rgb(0,0,0); |
| 2284 | border-bottom-left-radius: 4px; | 2284 | border-bottom-left-radius: 4px; |
| 2285 | padding: 2px 1px; | 2285 | padding: 2px 1px; |
| 2286 | } | 2286 | } |
| @@ -2534,5 +2534,5 @@ toolbar[mode="text"] #addonbar-closebutton > .toolbarbutton-icon { | |||
| 2534 | } | 2534 | } |
| 2535 | 2535 | ||
| 2536 | #main-window[treestyletab-mode=vertical]:not([treestyletab-style]) .treestyletab-tabbar-placeholder { | 2536 | #main-window[treestyletab-mode=vertical]:not([treestyletab-style]) .treestyletab-tabbar-placeholder { |
| 2537 | background: rgb(43,43,43) !important; | 2537 | background: rgb(0,0,0) !important; |
| 2538 | } | 2538 | } |
