stuffHEADmaster

14 files changed, 108 insertions, 107 deletions

diff --git a/src/chrome/browser/aboutCertError.css b/src/chrome/browser/aboutCertError.css
index 17ed964..d5264d0 100644
--- a/src/chrome/browser/aboutCertError.css
+++ b/src/chrome/browser/aboutCertError.css
@@ -4,13 +4,13 @@
 
 
 html {
-  background: rgb(0, 0, 0);
+  background: #181411;
 }
 
 body {
   margin: 0;
   padding: 0 1em;
-  color: #fff;
+  color: #bfbbb6;
   font: message-box;
 }
 
@@ -33,7 +33,7 @@ h2 {
   border-radius: 10px;
   padding: 3em;
   padding-inline-start: 30px;
-  background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat rgb(0, 0, 0);
+  background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat #181411;
   background-origin: content-box;
 }
 
diff --git a/src/chrome/browser/aboutTabCrashed.css b/src/chrome/browser/aboutTabCrashed.css
index 0689ed1..de29a00 100644
--- a/src/chrome/browser/aboutTabCrashed.css
+++ b/src/chrome/browser/aboutTabCrashed.css
@@ -1,5 +1,5 @@
 body {
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
   margin-top: 2em;
   font: message-box;
   font-size: 100%;
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;
 }
diff --git a/src/chrome/browser/devtools.css b/src/chrome/browser/devtools.css
index fe56765..150a9c0 100644
--- a/src/chrome/browser/devtools.css
+++ b/src/chrome/browser/devtools.css
@@ -5,7 +5,7 @@
 /* Responsive Mode */
 
 .browserContainer[responsivemode] {
-  background-color: #000;
+  background-color: #181411;
   padding: 0 20px 20px 20px;
 }
 
@@ -29,7 +29,7 @@
 .devtools-responsiveui-textinput {
   -moz-appearance: none;
   background: #000;
-  color: #fff;
+  color: #bfbbb6;
   border: 1px solid #111;
   border-radius: 2px;
   padding: 0 5px;
@@ -255,7 +255,7 @@
   border: 1px solid #FFFFFF;
   border-bottom-width: 0;
 
-  background-color: #000000;
+  background-color: #181411;
 
   box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
 
diff --git a/src/chrome/browser/downloads/allDownloadsViewOverlay.css b/src/chrome/browser/downloads/allDownloadsViewOverlay.css
index 6e35119..9f72c1c 100644
--- a/src/chrome/browser/downloads/allDownloadsViewOverlay.css
+++ b/src/chrome/browser/downloads/allDownloadsViewOverlay.css
@@ -80,14 +80,14 @@
 }
 
 #downloadsRichListBox > richlistitem.download[selected] {
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
 }
 
 /* Fixes for "Downloads Window" extension */
 
 #downloadsWindow > #downloadsRichListBox > richlistitem.download:not([selected="true"]):nth-child(odd) {
-  background-color: rgb(0, 0, 0) !important;
+  background-color: #181411 !important;
 }
 
 #downloadsWindow > #downloadsRichListBox {
diff --git a/src/chrome/browser/downloads/downloads.css b/src/chrome/browser/downloads/downloads.css
index e9ba951..9c490a2 100644
--- a/src/chrome/browser/downloads/downloads.css
+++ b/src/chrome/browser/downloads/downloads.css
@@ -22,13 +22,13 @@
 }
 
 #downloadsFooter {
-  background: rgb(0,0,0);
+  background: #181411;
   border-top: 1px solid rgb(64,64,64);
 }
 
 #downloadsHistory {
   background: transparent;
-  color: #fff;
+  color: #bfbbb6;
   cursor: pointer;
 }
 
@@ -73,7 +73,7 @@ richlistitem[type="download"] {
 richlistitem[type="download"] {
   margin: 0;
   border-bottom: 1px solid rgb(64,64,64);
-  background: rgb(0,0,0);
+  background: #181411;
   padding: 8px;
 }
 
@@ -157,8 +157,8 @@ richlistitem[type="download"]:first-child {
 /*** Highlighted list items ***/
 
 #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
 }
 
 /*** Button icons ***/
diff --git a/src/chrome/browser/feeds/subscribe.css b/src/chrome/browser/feeds/subscribe.css
index a9bf6cd..bd17eaa 100644
--- a/src/chrome/browser/feeds/subscribe.css
+++ b/src/chrome/browser/feeds/subscribe.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 html {
-  background: rgb(0,0,0);
+  background: #181411;
   font: 3mm tahoma,arial,helvetica,sans-serif;
 }
 
@@ -13,14 +13,14 @@ html {
   padding: 3em;
   padding-inline-start: 30px;
   margin: 2em auto;
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 #feedHeaderContainer {
   border: 1px solid rgb(64,64,64);
   border-radius: 10px;
   margin: -4em auto 0 auto;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #feedHeader {  
@@ -30,7 +30,7 @@ html {
   margin-inline-end: 1em;
   padding-inline-start: 2.9em;
   font-size: 110%;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 #feedIntroText {
@@ -40,7 +40,7 @@ html {
 .feedBackground,
 .videoPodcastBackground,
 .audioPodcastBackground {
-  background: url("chrome://browser/skin/feeds/feedIcon.svg") 0% 10% no-repeat rgb(0,0,0);
+  background: url("chrome://browser/skin/feeds/feedIcon.svg") 0% 10% no-repeat #181411;
 }
 
 #feedHeader[dir="rtl"] {
@@ -71,7 +71,7 @@ html {
 body {
   margin: 0;
   padding: 0 3em;
-  color: #fff;
+  color: #bfbbb6;
   font: message-box;
 }
 
@@ -121,7 +121,7 @@ a[href] img {
  
 .link,
 a {
-  color: #fff;
+  color: #bfbbb6;
   text-decoration: underline;
   cursor: pointer;
 }
@@ -148,7 +148,7 @@ a:hover:active {
   border: rgb(64,64,64);
   padding: 1em;
   margin: 1em auto;
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .enclosure {
diff --git a/src/chrome/browser/newtab/newTab.css b/src/chrome/browser/newtab/newTab.css
index 1d6d236..98ab306 100644
--- a/src/chrome/browser/newtab/newTab.css
+++ b/src/chrome/browser/newtab/newTab.css
@@ -10,7 +10,7 @@
 
 /* SCROLLBOX */
 #newtab-vertical-margin {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   background-attachment: fixed;
 }
 
@@ -19,8 +19,8 @@
   padding: 4px 3px;
   border: 1px solid;
   border-color: rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #newtab-undo-label {
@@ -30,7 +30,7 @@
 
 .newtab-undo-button {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
   cursor: pointer;
   padding: 0;
   margin: 0 4px;
@@ -100,7 +100,7 @@
 /* CELLS */
 .newtab-cell {
   margin-inline-end: 20px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border: 1px solid rgb(64,64,64);
   transition: border-color 100ms ease-out;
 }
@@ -130,7 +130,7 @@
 
 .newtab-site[dragged] {
   transition-property: box-shadow, background-color;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   box-shadow: 0 18px 24px rgba(255,255,255,.5);
 }
 
@@ -146,8 +146,8 @@
 /* TITLES */
 .newtab-title {
   padding: 0 8px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   line-height: 24px;
 }
 
@@ -251,9 +251,9 @@
 
 #searchText {
   -moz-box-flex: 1;
-  color: #fff;
+  color: #bfbbb6;
   padding: 6px 8px;
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
   border: 1px solid;
   border-color: rgb(64, 64, 64);
   border-radius: 5px 0 0 5px;
@@ -272,8 +272,8 @@
 #searchSubmit {
   margin-inline-start: -1px;
   padding: 0 9px;
-  color: #fff;
-  background-color: rgb(0, 0, 0);
+  color: #bfbbb6;
+  background-color: #181411;
   border: 1px solid;
   border-color: rgb(64, 64, 64);
   border-radius: 0 5px 5px 0;
@@ -291,10 +291,10 @@
 #searchText + #searchSubmit:hover,
 #searchText[autofocus] + #searchSubmit {
   border-color: rgb(128, 128, 128);
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
 
 #searchText + #searchSubmit:hover:active {
   border-color: rgb(64, 64, 64);
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
diff --git a/src/chrome/browser/pageInfo.css b/src/chrome/browser/pageInfo.css
index ddbc44c..e4523b0 100644
--- a/src/chrome/browser/pageInfo.css
+++ b/src/chrome/browser/pageInfo.css
@@ -20,20 +20,20 @@
 }
 
 #viewGroup > radio:hover {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #viewGroup > radio[selected="true"] {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #topBar {
   border-bottom: 1px solid rgb(64,64,64);
   padding-inline-start: 10px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #generalTab {
@@ -194,8 +194,8 @@ treechildren::-moz-tree-cell-text(broken) {
 }
 
 #feedListbox richlistitem[selected="true"] {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #feedListbox {
@@ -211,8 +211,8 @@ treechildren::-moz-tree-cell-text(broken) {
   margin-top: .5em;
   overflow: auto;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .permission {
@@ -226,11 +226,11 @@ treechildren::-moz-tree-cell-text(broken) {
 
 .permissionLabel {
   font-weight: bold;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .permission:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* Security Tab */
diff --git a/src/chrome/browser/places/organizer.css b/src/chrome/browser/places/organizer.css
index b9a5784..f3aab15 100644
--- a/src/chrome/browser/places/organizer.css
+++ b/src/chrome/browser/places/organizer.css
@@ -49,23 +49,23 @@
   padding-top: 2px;
   padding-bottom: 2px;
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
   border: 1px solid transparent;
   border-radius: 3px;
 }
 
 #placesMenu > menu[_moz-menuactive="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #placesMenu > menu:hover {
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #placesMenu > menu[open="true"] {
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #placesMenu > menu > .menubar-text {
@@ -141,7 +141,7 @@
 }
 
 #placesToolbar {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
   
 #placesView > splitter {
@@ -155,7 +155,7 @@
 }
 
 #placesToolbar {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 #detailsDeck {
@@ -166,7 +166,7 @@
   -moz-appearance: none;
   padding: 4px;
   padding-inline-start: 6px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   background-clip: padding-box;
   border: 1px solid rgb(64,64,64);
   border-radius: 5px;
@@ -178,13 +178,13 @@
 }
 #placesToolbar > toolbarbutton:not([disabled="true"]):hover {
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 #placesToolbar > toolbarbutton:not([disabled="true"]):hover:active,
 #placesToolbar > toolbarbutton:not([disabled="true"])[open="true"] {
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 #placesToolbar > toolbarbutton > .toolbarbutton-icon {
   margin-right: 4px;
diff --git a/src/chrome/browser/places/places.css b/src/chrome/browser/places/places.css
index 63151a2..2b2d3ef 100644
--- a/src/chrome/browser/places/places.css
+++ b/src/chrome/browser/places/places.css
@@ -123,11 +123,11 @@ treechildren::-moz-tree-cell-text(cutting) {
 
 /*added by Louis*/
 treechildren::-moz-tree-row(selected, focus) {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border: none;
 }
 treechildren::-moz-tree-cell-text(selected, focus) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 /* Browser Sidebars */
diff --git a/src/chrome/browser/syncCommon.css b/src/chrome/browser/syncCommon.css
index 8e48969..d05185e 100644
--- a/src/chrome/browser/syncCommon.css
+++ b/src/chrome/browser/syncCommon.css
@@ -4,7 +4,7 @@
 
 /* The following are used by both sync/setup.xul and sync/genericChange.xul */
 .status {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .statusIcon {
diff --git a/src/chrome/browser/syncSetup.css b/src/chrome/browser/syncSetup.css
index cfbb193..8da9513 100644
--- a/src/chrome/browser/syncSetup.css
+++ b/src/chrome/browser/syncSetup.css
@@ -7,8 +7,8 @@ wizard {
   width: 55em;
   height: 45em;
   padding: 0;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .wizard-page-box {
@@ -23,7 +23,7 @@ wizardpage {
   -moz-box-align: center;
   margin: 0;
   padding: 0 6em;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .wizard-header {
diff --git a/src/chrome/browser/tabview/tabview.css b/src/chrome/browser/tabview/tabview.css
index 15e5d47..7df1e46 100644
--- a/src/chrome/browser/tabview/tabview.css
+++ b/src/chrome/browser/tabview/tabview.css
@@ -575,7 +575,7 @@ html[dir=rtl] .iq-resizable-se {
   box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
   color: white;
   border: none;
-  background-color: #000;
+  background-color: #181411;
   border-radius: 0.4em;
   padding-inline-start: 5px;
   padding-inline-end: 5px;