summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorServail <45024837+Servail@users.noreply.github.com>2019-07-09 14:54:38 +0300
committerGitHub <noreply@github.com>2019-07-09 14:54:38 +0300
commit0c0a722f470d7379b29f249a7d70aea9ce6ec039 (patch)
treede90bb967c5e777a6c7e6b3222e76d7b9349a896
parentfd66cea54f2d89803e9e1cbf82c3628a56e6f03b (diff)
Update browser.css
-rw-r--r--src/chrome/browser/browser.css82
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
376toolbarbutton.bookmark-item:hover { 376toolbarbutton.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
382toolbarbutton.bookmark-item:hover:active { 382toolbarbutton.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}