1 files changed, 43 insertions, 42 deletions

diff --git a/src/chrome/browser/browser.css b/src/chrome/browser/browser.css
index 483e076..6196e97 100644
--- a/src/chrome/browser/browser.css
+++ b/src/chrome/browser/browser.css
@@ -7,18 +7,18 @@
 @namespace html url("http://www.w3.org/1999/xhtml");
 
 :root {
-  --tab-background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
-  --tab-border-color: rgb(64,64,64);
+  --tab-background: #181411;
+  --tab-border-color: #9a9a9a;
   --tab-border-radius: 0px;
   --tab-box-shadow: none;
-  --tab-hover-background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85));
+  --tab-hover-background: rgba(24,20,17,.85);
   --tab-hover-border: var(--tab-border-color);
   --tab-pinned-background: linear-gradient(rgba(255,255,255,1) -8px, rgba(23,23,23,1), rgba(23,23,23,1));
-  --tab-selected-background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
+  --tab-selected-background: rgba(24,20,17,1);
   --tab-selected-border: var(--tab-border-color);
 
-  --toolbar-border: rgba(64,64,64,1);
-  --toolbar-highlight-top: rgba(32,32,32);
+  --toolbar-border: #9a9a9a;
+  --toolbar-highlight-top: #2b2722;
   --toolbar-highlight-bottom: var(--toolbar-highlight-top);
 
   --toolbarbutton-background-color: hsla(210,32%,93%,0);
@@ -55,12 +55,12 @@
 }
 
 #main-window:not(:-moz-lwtheme):after {
-  color: #fff !important;
+  color: #bfbbb6 !important;
   text-shadow: none !important;
 }
 
 #main-window {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #menubar-items {
@@ -73,9 +73,9 @@
 
 #navigator-toolbox {
   -moz-appearance: none;
-  background-color: rgb(0,0,0); /*transparent;*/
+  background-color: #181411; /*transparent;*/
   border-top: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 #navigator-toolbox::after {
@@ -83,7 +83,7 @@
   display: -moz-box;
   -moz-box-ordinal-group: 101;
   height: 1px;
-  background-color: rgba(0,0,0,1);
+  background-color: #181411;
 }
 
 #navigator-toolbox[tabsontop=false]::after,
@@ -94,16 +94,16 @@
 #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
   -moz-appearance: none;
   border-style: none;
-  background-color: rgba(0,0,0,1);
+  background-color: #181411;
 }
 
 #toolbar-menubar:not(:-moz-lwtheme),
 #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme),
 #navigator-toolbox[tabsontop=false] > #nav-bar:not(:-moz-lwtheme),
 #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child:not(:-moz-lwtheme) {
-  background-color: rgb(0,0,0) !important; /*transparent !important;*/
+  background-color: #181411 !important; /*transparent !important;*/
   background-image: none !important;
-  color: #fff;
+  color: #bfbbb6;
   border-left-style: none !important;
   border-right-style: none !important;
 }
@@ -153,7 +153,7 @@
 
 #print-preview-toolbar:not(:-moz-lwtheme) {
   -moz-appearance: none;
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
 
 /* ::::: app menu button ::::: */
@@ -185,16 +185,16 @@
 
 #appmenu-popup {
   -moz-appearance: none;
-  background: rgb(0,0,0);
+  background: #181411;
   border: 1px solid rgb(64,64,64);
 }
 #appmenuPrimaryPane {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   padding: 2px;
   border-inline-end: none;
 }
 #appmenuSecondaryPane {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   padding-inline-start: 3px;
   padding-inline-end: 2px;
   padding-top: 2px;
@@ -213,7 +213,7 @@
 }
 
 .appmenu-edit-button:not([disabled]):hover {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 #appmenuSecondaryPane-spacer {
@@ -376,13 +376,13 @@ toolbarbutton.bookmark-item {
 }
 
 toolbarbutton.bookmark-item:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: white;
   text-shadow: none;
 }
 
 toolbarbutton.bookmark-item:hover:active {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: white;
   text-shadow: none;
 }
@@ -847,8 +847,8 @@ toolbar:not([brighttext]) #tabview-button {
   border: none;
   border-color: rgba(32,32,32,1);
   border-radius: 0px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #urlbar {
@@ -860,22 +860,23 @@ toolbar:not([brighttext]) #tabview-button {
 .searchbar-textbox:-moz-lwtheme {
   background-color: rgba(0,0,0,.8);
   border-color: rgba(64,64,64,.27) rgba(64,64,64,.2) rgba(64,64,64,.18);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
 .searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 #urlbar:-moz-lwtheme[focused="true"],
 .searchbar-textbox:-moz-lwtheme[focused="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #urlbar-container {
   -moz-box-orient: horizontal;
   -moz-box-align: stretch;
+  background-color: #181411;
 }
 
 .urlbar-textbox-container {
@@ -1086,7 +1087,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
 
 .ac-url-text,
 .ac-action-text {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 
@@ -1266,20 +1267,20 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
 }
 
 #sidebar-search-container {
-  background-color: #000;
+  background-color: #181411;
 }
 
 #sidebar-header {
   -moz-appearance: none;
   border-top: none;
   border-bottom: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .browserContainer > findbar {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
@@ -1332,7 +1333,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
   border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0;
   box-shadow: var(--tab-box-shadow);
   margin-inline-start: -1px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .tabs-newtab-button {
@@ -2202,12 +2203,12 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 #ctrlTab-panel {
   padding: 20px 10px 10px;
   font-weight: bold;
-  background: rgb(0,0,0);
-  color: #fff;
+  background: #181411;
+  color: #bfbbb6;
 }
 
 .ctrlTab-favicon[src] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   width: 20px;
   height: 20px;
   padding: 2px;
@@ -2252,8 +2253,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   padding-bottom: 10px;
   -moz-appearance: none;
   border: none;
-  background: rgb(0,0,0);
-  color: #fff;
+  background: #181411;
+  color: #bfbbb6;
 }
 
 #allTabs-meta {
@@ -2270,7 +2271,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 }
 
 .allTabs-favicon[src] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   width: 22px;
   height: 22px;
   padding-top: 1px;
@@ -2305,7 +2306,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 }
 
 #allTabs-tab-close-button {
-  background: rgb(0,0,0);
+  background: #181411;
   border-bottom-left-radius: 4px;
   padding: 2px 1px;
 }
@@ -2320,7 +2321,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
 #addon-bar:not(:-moz-lwtheme),
 #FindToolbar:not(:-moz-lwtheme) {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 #status-bar {
@@ -2559,5 +2560,5 @@ toolbar[mode="text"] #addonbar-closebutton > .toolbarbutton-icon {
 }
 
 #main-window[treestyletab-mode=vertical]:not([treestyletab-style]) .treestyletab-tabbar-placeholder {
-  background: rgb(0,0,0) !important;
+  background: #181411 !important;
 }