stuffHEADmaster

81 files changed, 661 insertions, 694 deletions

diff --git a/src/chrome/abouthome/abouthome.css b/src/chrome/abouthome/abouthome.css
index ad2b1a0..7f67f2f 100644
--- a/src/chrome/abouthome/abouthome.css
+++ b/src/chrome/abouthome/abouthome.css
@@ -21,7 +21,7 @@ button {
 }
 
 a {
-  color: #fff;
+  color: #bfbbb6;
   text-decoration: none;
 }
 
@@ -73,9 +73,9 @@ a {
 
 #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;
@@ -93,8 +93,8 @@ a {
 #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;
@@ -111,12 +111,12 @@ a {
 #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;
 }
 
 #launcher {
@@ -124,7 +124,7 @@ a {
   -moz-box-align: center;
   -moz-box-pack: center;
   width: 100%;
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
   border-top: 1px solid rgb(64, 64, 64);
 }
 
@@ -148,7 +148,7 @@ body[narrow] #launcher[session] {
   background: transparent padding-box;
   border: 1px solid transparent;
   border-radius: 2.5px;
-  color: #fff;
+  color: #bfbbb6;
   font-size: 75%;
   cursor: pointer;
 }
@@ -158,11 +158,11 @@ body[narrow] #launcher[session] > .launchButton {
 }
 
 .launchButton:hover {
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
 
 .launchButton:hover:active {
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
   border-color: rgb(64, 64, 64);
 }
 
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;
diff --git a/src/chrome/global/about.css b/src/chrome/global/about.css
index da99b0d..d590e57 100644
--- a/src/chrome/global/about.css
+++ b/src/chrome/global/about.css
@@ -1,11 +1,11 @@
 html {
-  background: rgb(0,0,0);
+  background: #181411;
   padding: 0 1em;
   font: message-box;
 }
 
 body {
-  color: #fff;
+  color: #bfbbb6;
   position: relative;
   min-width: 330px;
   max-width: 50em;
@@ -14,7 +14,7 @@ body {
   border-radius: 10px;
   padding: 3em;
   padding-inline-start: 30px;
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .aboutPageWideContainer {
@@ -47,7 +47,7 @@ th, td {
 }
 
 a {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 a:hover {
diff --git a/src/chrome/global/aboutMemory.css b/src/chrome/global/aboutMemory.css
index 276e97e..4e925ae 100644
--- a/src/chrome/global/aboutMemory.css
+++ b/src/chrome/global/aboutMemory.css
@@ -13,7 +13,7 @@
 @import url("chrome://global/content/aboutMemory.css");
 
 html {
-  background: rgb(0,0,0);
+  background: #181411;
   font: message-box;
 }
 
@@ -34,8 +34,8 @@ div.section {
   margin: 1em 0em;
   border: 1px solid rgb(64,64,64);
   border-radius: 10px;
-  background: rgb(0,0,0);
-  color: #fff;
+  background: #181411;
+  color: #bfbbb6;
 }
 
 div.opsRow {
@@ -44,9 +44,9 @@ div.opsRow {
   margin-top: 0.5em;
   border: 1px solid rgb(64,64,64);
   border-radius: 10px;
-  background: rgb(0,0,0);
+  background: #181411;
   display: inline-block;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 div.opsRowLabel {
@@ -72,7 +72,7 @@ h1 {
 
 h2 {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
   padding-left: .1em;
 }
 
@@ -90,7 +90,7 @@ h2 {
 
 .mrValue {
   font-weight: bold;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .mrPerc {
@@ -100,11 +100,11 @@ h2 {
 }
 
 .mrName {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .mrNote {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .hasKids {
@@ -122,13 +122,13 @@ h2 {
 .option {
   font-size: 80%;
   -moz-user-select: none;  /* no need to include this when cutting+pasting */
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .legend {
   font-size: 80%;
   -moz-user-select: none;  /* no need to include this when cutting+pasting */
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .debug {
@@ -140,7 +140,7 @@ h2 {
 }
 
 .invalid {
-  color: #fff;
+  color: #bfbbb6;
   background-color: #f00;
 }
 
diff --git a/src/chrome/global/aboutReader.css b/src/chrome/global/aboutReader.css
index c2dc2cf..fd78418 100644
--- a/src/chrome/global/aboutReader.css
+++ b/src/chrome/global/aboutReader.css
@@ -6,327 +6,293 @@
  * inadvertently match elements in the article content. */
 
 body {
-  padding: 64px 51px;
+        padding: 64px 51px;
 }
 
 body.loaded {
-  transition: color 0.4s, background-color 0.4s;
+        transition: color 0.4s, background-color 0.4s;
 }
 
 body.light {
-  color: #000000;
-  background-color: #ffffff;
+        color: #000000;
+        background-color: #bfbbb6;
 }
 
 body.dark {
-  color: #eeeeee;
-  background-color: #000000;
+        color: #bfbbb6;
+        background-color: #181411;
 }
 
 body.dark *::-moz-selection {
-  background-color: #FFFFFF;
-  color: #0095DD;
+        background-color: #bfbbb6;
+        color: #33658a;
 }
 body.dark a::-moz-selection {
-  color: #DD4800;
+        color: #a63221;
 }
 
 body.sepia {
-  color: #5b4636;
-  background-color: #f4ecd8;
+        color: #5b4636;
+        background-color: #f4ecd8;
 }
 
 body.sans-serif,
 body.sans-serif .remove-button {
-  font-family: Helvetica, Arial, sans-serif;
+        font-family: sans-serif;
 }
 
 body.serif,
-body.serif .remove-button  {
-  font-family: Georgia, "Times New Roman", serif;
+body.serif .remove-button {
+        font-family: serif;
 }
 
 .container {
-  max-width: 30em;
-  margin: 0 auto;
-}
-
-.container.font-size1 {
-  font-size: 12px;
-}
-
-.container.font-size2 {
-  font-size: 14px;
-}
-
-.container.font-size3 {
-  font-size: 16px;
-}
-
-.container.font-size4  {
-  font-size: 18px;
-}
-
-.container.font-size5 {
-  font-size: 20px;
-}
-
-.container.font-size6 {
-  font-size: 22px;
-}
-
-.container.font-size7 {
-  font-size: 24px;
-}
-
-.container.font-size8 {
-  font-size: 26px;
-}
-
-.container.font-size9 {
-  font-size: 28px;
+        --font-size: 12;
+        max-width: 30em;
+        margin: 0 auto;
+        font-size: var(--font-size);
 }
 
 .container.content-width1 {
-  max-width: 20em;
+        max-width: 20em;
 }
 
 .container.content-width2 {
-  max-width: 25em;
+        max-width: 25em;
 }
 
 .container.content-width3 {
-  max-width: 30em;
+        max-width: 30em;
 }
 
-.container.content-width4  {
-  max-width: 35em;
+.container.content-width4 {
+        max-width: 35em;
 }
 
 .container.content-width5 {
-  max-width: 40em;
+        max-width: 40em;
 }
 
 .container.content-width6 {
-  max-width: 45em;
+        max-width: 45em;
 }
 
 .container.content-width7 {
-  max-width: 50em;
+        max-width: 50em;
 }
 
 .container.content-width8 {
-  max-width: 55em;
+        max-width: 55em;
 }
 
 .container.content-width9 {
-  max-width: 60em;
+        max-width: 60em;
 }
 
 /* Override some controls and content styles based on color scheme */
 
 body.light > .container > .header > .domain {
-  border-bottom-color: #333333 !important;
+        border-bottom-color: #333333 !important;
 }
 
 body.sepia > .container > .header > .domain {
-  border-bottom-color: #5b4636 !important;
+        border-bottom-color: #5b4636 !important;
 }
 
 body.dark > .container > .header > .domain {
-  border-bottom-color: #eeeeee !important;
+        border-bottom-color: #eeeeee !important;
 }
 
 body.sepia > .container > .footer {
-  background-color: #dedad4 !important;
+        background-color: #dedad4 !important;
 }
 
 body.light blockquote {
-  border-inline-start: 2px solid #333333 !important;
+        border-inline-start: 2px solid #333333 !important;
 }
 
 body.sepia blockquote {
-  border-inline-start: 2px solid #5b4636 !important;
+        border-inline-start: 2px solid #5b4636 !important;
 }
 
 body.dark blockquote {
-  border-inline-start: 2px solid #eeeeee !important;
+        border-inline-start: 2px solid #eeeeee !important;
 }
 
-/* Add toolbar transition base on loaded class  */
+/* Add toolbar transition base on loaded class  */
 
 body.loaded .toolbar {
-  transition: transform 0.3s ease-out;
+        transition: transform 0.3s ease-out;
 }
 
 body:not(.loaded) .toolbar:-moz-locale-dir(ltr) {
-  transform: translateX(-100%);
+        transform: translateX(-100%);
 }
 
 body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
-  transform: translateX(100%);
+        transform: translateX(100%);
 }
 
 .light-button {
-  color: #000000;
-  background-color: #ffffff;
+        color: #000000;
+        background-color: #bfbbb6;
 }
 
 .dark-button {
-  color: #eeeeee;
-  background-color: #000000;
+        color: #eeeeee;
+        background-color: #181411;
 }
 
 .sepia-button {
-  color: #5b4636;
-  background-color: #f4ecd8;
+        color: #5b4636;
+        background-color: #f4ecd8;
 }
 
 .sans-serif-button {
-  font-family: Helvetica, Arial, sans-serif;
+        font-family: sans-serif;
 }
 
 .serif-button {
-  font-family: Georgia, "Times New Roman", serif;
+        font-family: serif;
 }
 
 /* Loading/error message */
 
 .reader-message {
-  margin-top: 40px;
-  display: none;
-  text-align: center;
-  width: 100%;
-  font-size: 0.9em;
+        margin-top: 40px;
+        display: none;
+        text-align: center;
+        width: 100%;
+        font-size: 0.9em;
 }
 
 /* Header */
 
 .header {
-  text-align: start;
-  display: none;
+        text-align: start;
+        display: none;
 }
 
 .domain {
-  font-size: 0.9em;
-  line-height: 1.48em;
-  padding-bottom: 4px;
-  font-family: Helvetica, Arial, sans-serif;
-  text-decoration: none;
-  border-bottom: 1px solid;
-  color: #0095dd;
+        font-size: 0.9em;
+        line-height: 1.48em;
+        padding-bottom: 4px;
+        font-family: sans-serif;
+        text-decoration: none;
+        border-bottom: 1px solid;
+        color: #0095dd;
 }
 
 .header > h1 {
-  font-size: 1.6em;
-  line-height: 1.25em;
-  width: 100%;
-  margin: 30px 0;
-  padding: 0;
+        font-size: 1.6em;
+        line-height: 1.25em;
+        width: 100%;
+        margin: 30px 0;
+        padding: 0;
 }
 
 .header > .credits {
-  font-size: 0.9em;
-  line-height: 1.48em;
-  margin: 0 0 10px 0;
-  padding: 0;
-  font-style: italic;
+        font-size: 0.9em;
+        line-height: 1.48em;
+        margin: 0 0 10px 0;
+        padding: 0;
+        font-style: italic;
 }
 
 .header > .meta-data {
-  font-size: 0.65em;
-  margin: 0 0 15px 0;
+        font-size: 0.65em;
+        margin: 0 0 15px 0;
 }
 
 /*======= Controls toolbar =======*/
 
 .toolbar {
-  font-family: Helvetica, Arial, sans-serif;
-  position: fixed;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  background-color: #000000;
-  -moz-user-select: none;
-  border-right: 1px solid #b5b5b5;
-  z-index: 1;
+        font-family: sans-serif;
+        position: fixed;
+        height: 100%;
+        top: 0;
+        left: 0;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        background-color: #181411;
+        -moz-user-select: none;
+        border-right: 1px solid #b5b5b5;
+        z-index: 1;
 }
 
 .button {
-  display: block;
-  background-size: 24px 24px;
-  background-repeat: no-repeat;
-  color: #333;
-  background-color: #000000;
-  height: 40px;
-  padding: 0;
+        display: block;
+        background-size: 24px 24px;
+        background-repeat: no-repeat;
+        color: #333;
+        background-color: #181411;
+        height: 40px;
+        padding: 0;
 }
 
 .toolbar .button {
-  width: 40px;
-  background-position: center;
-  margin-right: -1px;
-  border-top: 0;
-  border-left: 0;
-  border-right: 1px solid #b5b5b5;
-  border-bottom: 1px solid #c1c1c1;
+        width: 40px;
+        background-position: center;
+        margin-right: -1px;
+        border-top: 0;
+        border-left: 0;
+        border-right: 1px solid #b5b5b5;
+        border-bottom: 1px solid #c1c1c1;
 }
 
 .button[hidden] {
-  display: none;
+        display: none;
 }
 
 .dropdown {
-  text-align: center;
-  list-style: none;
-  margin: 0;
-  padding: 0;
+        text-align: center;
+        list-style: none;
+        margin: 0;
+        padding: 0;
 }
 
 .dropdown li {
-  margin: 0;
-  padding: 0;
+        margin: 0;
+        padding: 0;
 }
 
 /*======= Popup =======*/
 
 .dropdown-popup {
-  min-width: 300px;
-  text-align: start;
-  position: absolute;
-  left: 48px; /* offset to account for toolbar width */
-  z-index: 1000;
-  background-color: #000000;
-  visibility: hidden;
-  border-radius: 4px;
-  border: 1px solid #b5b5b5;
-  border-bottom-width: 0;
-  box-shadow: 0 1px 3px #c1c1c1;
+        min-width: 300px;
+        text-align: start;
+        position: absolute;
+        left: 48px; /* offset to account for toolbar width */
+        z-index: 1000;
+        background-color: #181411;
+        visibility: hidden;
+        border-radius: 4px;
+        border: 1px solid #b5b5b5;
+        border-bottom-width: 0;
+        box-shadow: 0 1px 3px #c1c1c1;
 }
 
 .keep-open .dropdown-popup {
-  z-index: initial;
+        z-index: initial;
 }
 
 .dropdown-popup > hr {
-  display: none;
+        display: none;
 }
 
 .open > .dropdown-popup {
-  visibility: visible;
+        visibility: visible;
 }
 
 .dropdown-arrow {
-  position: absolute;
-  top: 30px; /* offset arrow from top of popup */
-  left: -16px;
-  width: 16px;
-  height: 24px;
-  background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
-  display: block;
+        position: absolute;
+        top: 30px; /* offset arrow from top of popup */
+        left: -16px;
+        width: 16px;
+        height: 24px;
+        background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
+        display: block;
 }
 
 /*======= Font style popup =======*/
@@ -336,21 +302,21 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .color-scheme-buttons,
 .content-width-buttons,
 .line-height-buttons {
-  display: flex;
-  flex-direction: row;
+        display: flex;
+        flex-direction: row;
 }
 
 .font-type-buttons > button:first-child {
-  border-top-left-radius: 3px;
+        border-top-left-radius: 3px;
 }
 .font-type-buttons > button:last-child {
-  border-top-right-radius: 3px;
+        border-top-right-radius: 3px;
 }
 .color-scheme-buttons > button:first-child {
-  border-bottom-left-radius: 3px;
+        border-bottom-left-radius: 3px;
 }
 .color-scheme-buttons > button:last-child {
-  border-bottom-right-radius: 3px;
+        border-bottom-right-radius: 3px;
 }
 
 .font-type-buttons > button,
@@ -358,105 +324,105 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .color-scheme-buttons > button,
 .content-width-buttons > button,
 .line-height-buttons > button {
-  text-align: center;
-  border: 0;
+        text-align: center;
+        border: 0;
 }
 
 .font-type-buttons > button,
 .font-size-buttons > button,
 .content-width-buttons > button,
 .line-height-buttons > button {
-  width: 50%;
-  background-color: transparent;
-  border-left: 1px solid #B5B5B5;
-  border-bottom: 1px solid #B5B5B5;
+        width: 50%;
+        background-color: transparent;
+        border-left: 1px solid #B5B5B5;
+        border-bottom: 1px solid #B5B5B5;
 }
 
 .color-scheme-buttons > button {
-  width: 33.33%;
-  font-size: 14px;
+        width: 33.33%;
+        font-size: 14px;
 }
 
 .color-scheme-buttons > .dark-button {
-  margin-top: -1px;
-  height: 61px;
+        margin-top: -1px;
+        height: 61px;
 }
 
 .font-type-buttons > button:first-child,
 .font-size-buttons > button:first-child,
 .content-width-buttons > button:first-child,
 .line-height-buttons > button:first-child {
-  border-left: 0;
+        border-left: 0;
 }
 
 .font-type-buttons > button {
-  display: inline-block;
-  font-size: 62px;
-  height: 100px;
+        display: inline-block;
+        font-size: 62px;
+        height: 100px;
 }
 
 .font-size-buttons > button,
 .color-scheme-buttons > button,
 .content-width-buttons > button,
 .line-height-buttons > button {
-  height: 60px;
+        height: 60px;
 }
 
 .font-type-buttons > button:active:hover,
 .font-type-buttons > button.selected,
 .color-scheme-buttons > button:active:hover,
 .color-scheme-buttons > button.selected {
-  box-shadow: inset 0 -3px 0 0 #fc6420;
+        box-shadow: inset 0 -3px 0 0 #fc6420;
 }
 
 .font-type-buttons > button:active:hover,
 .font-type-buttons > button.selected {
-  border-bottom: 1px solid #FC6420;
+        border-bottom: 1px solid #FC6420;
 }
 
 /* Make the serif button content the same size as the sans-serif button content. */
 .font-type-buttons > button > .description {
-  color: #666;
-  font-size: 12px;
-  margin-top: -5px;
+        color: #666;
+        font-size: 12px;
+        margin-top: -5px;
 }
 
 /* Font sizes are different per-platform, so we need custom CSS to line them up. */
 %ifdef XP_MACOSX
 .font-type-buttons > .sans-serif-button > .name {
-  margin-top: 10px;
+        margin-top: 10px;
 }
 
 .font-type-buttons > .sans-serif-button > .description {
-  margin-top: -4px;
+        margin-top: -4px;
 }
 
 .font-type-buttons > .serif-button > .name {
-  font-size: 63px;
+        font-size: 63px;
 }
 %elifdef XP_WIN
 .font-type-buttons > .sans-serif-button > .name {
-  margin-top: 2px;
+        margin-top: 2px;
 }
 
 .font-type-buttons > .sans-serif-button > .description {
-  margin-top: -4px;
+        margin-top: -4px;
 }
 
 .font-type-buttons > .serif-button > .name {
-  font-size: 63px;
+        font-size: 63px;
 }
 %else
 .font-type-buttons > .sans-serif-button > .name {
-  margin-top: 5px;
+        margin-top: 5px;
 }
 
 .font-type-buttons > .sans-serif-button > .description {
-  margin-top: -8px;
+        margin-top: -8px;
 }
 
 .font-type-buttons > .serif-button > .name {
-  font-size: 70px;
+        font-size: 70px;
 }
 %endif
 
@@ -465,7 +431,7 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .font-type-buttons > button:hover,
 .content-width-buttons > button:hover,
 .line-height-buttons > button:hover {
-  background-color: #000000;
+        background-color: #181411;
 }
 
 .dropdown.open,
@@ -476,12 +442,12 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .content-width-buttons > button.selected,
 .line-height-buttons > button:active,
 .line-height-buttons > button.selected {
-  background-color: #000000;
+        background-color: #181411;
 }
 
 /* Only used on Android */
 .font-size-sample {
-  display: none;
+        display: none;
 }
 
 .minus-button,
@@ -490,71 +456,71 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .content-width-plus-button,
 .line-height-minus-button,
 .line-height-plus-button {
-  background-color: transparent;
-  border: 0;
-  background-size: 18px 18px;
-  background-repeat: no-repeat;
-  background-position: center;
+        background-color: transparent;
+        border: 0;
+        background-size: 18px 18px;
+        background-repeat: no-repeat;
+        background-position: center;
 }
 
 /*======= Toolbar icons =======*/
 
 .close-button {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
-  height: 68px;
-  background-position: center 8px;
+        background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
+        height: 68px;
+        background-position: center 8px;
 }
 
 .close-button:hover {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
-  background-color: #d94141;
-  border-bottom: 1px solid #d94141;
-  border-right: 1px solid #d94141;
+        background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+        background-color: #d94141;
+        border-bottom: 1px solid #d94141;
+        border-right: 1px solid #d94141;
 }
 
 .close-button:hover:active {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
-  background-color: #AE2325;
-  border-bottom: 1px solid #AE2325;
-  border-right: 1px solid #AE2325;
+        background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+        background-color: #AE2325;
+        border-bottom: 1px solid #AE2325;
+        border-right: 1px solid #AE2325;
 }
 
 .style-button {
-  background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");
+        background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");
 }
 
 .minus-button {
-  background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");
+        background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");
 }
 
 .plus-button {
-  background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
+        background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
 }
 
 .content-width-minus-button {
-  background-size: 42px 16px;
-  background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");
+        background-size: 42px 16px;
+        background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");
 }
 
 .content-width-plus-button {
-  background-size: 44px 16px;
-  background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");
+        background-size: 44px 16px;
+        background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");
 }
 
 .line-height-minus-button {
-  background-size: 34px 14px;
-  background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");
+        background-size: 34px 14px;
+        background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");
 }
 
 .line-height-plus-button {
-  background-size: 34px 24px;
-  background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");
+        background-size: 34px 24px;
+        background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");
 }
 
 @media print {
-  .toolbar {
-    display: none !important;
-  }
+        .toolbar {
+                display: none !important;
+        }
 }
 
 /*======= Article content =======*/
@@ -564,101 +530,101 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
  * Readability.js doesn't strip them out */
 
 .moz-reader-content {
-  display: none;
-  font-size: 1em;
-  line-height: 1.6em;
+        display: none;
+        font-size: 1em;
+        line-height: 1.6em;
 }
 
 .moz-reader-content.line-height1 {
-  line-height: 1em;
+        line-height: 1em;
 }
 
 .moz-reader-content.line-height2 {
-  line-height: 1.2em;
+        line-height: 1.2em;
 }
 
 .moz-reader-content.line-height3 {
-  line-height: 1.4em;
+        line-height: 1.4em;
 }
 
 .moz-reader-content.line-height4 {
-  line-height: 1.6em;
+        line-height: 1.6em;
 }
 
 .moz-reader-content.line-height5 {
-  line-height: 1.8em;
+        line-height: 1.8em;
 }
 
 .moz-reader-content.line-height6 {
-  line-height: 2.0em;
+        line-height: 2.0em;
 }
 
 .moz-reader-content.line-height7 {
-  line-height: 2.2em;
+        line-height: 2.2em;
 }
 
 .moz-reader-content.line-height8 {
-  line-height: 2.4em;
+        line-height: 2.4em;
 }
 
 .moz-reader-content.line-height9 {
-  line-height: 2.6em;
+        line-height: 2.6em;
 }
 
 @media print {
-  .moz-reader-content p,
-  .moz-reader-content code,
-  .moz-reader-content pre,
-  .moz-reader-content blockquote,
-  .moz-reader-content ul,
-  .moz-reader-content ol,
-  .moz-reader-content li,
-  .moz-reader-content figure,
-  .moz-reader-content .wp-caption {
-    margin: 0 0 10px 0 !important;
-    padding: 0 !important;
-  }
+        .moz-reader-content p,
+        .moz-reader-content code,
+        .moz-reader-content pre,
+        .moz-reader-content blockquote,
+        .moz-reader-content ul,
+        .moz-reader-content ol,
+        .moz-reader-content li,
+        .moz-reader-content figure,
+        .moz-reader-content .wp-caption {
+                margin: 0 0 10px 0 !important;
+                padding: 0 !important;
+        }
 }
 
 .moz-reader-content h1,
 .moz-reader-content h2,
 .moz-reader-content h3 {
-  font-weight: bold;
+        font-weight: bold;
 }
 
 .moz-reader-content h1 {
-  font-size: 1.6em;
-  line-height: 1.25em;
+        font-size: 1.6em;
+        line-height: 1.25em;
 }
 
 .moz-reader-content h2 {
-  font-size: 1.2em;
-  line-height: 1.51em;
+        font-size: 1.2em;
+        line-height: 1.51em;
 }
 
 .moz-reader-content h3 {
-  font-size: 1em;
-  line-height: 1.66em;
+        font-size: 1em;
+        line-height: 1.66em;
 }
 
 .moz-reader-content a:link {
-  text-decoration: underline;
-  font-weight: normal;
+        text-decoration: underline;
+        font-weight: normal;
 }
 
 .moz-reader-content a:link,
 .moz-reader-content a:link:hover,
 .moz-reader-content a:link:active {
-  color: #0095dd;
+        color: #0095dd;
 }
 
 .moz-reader-content a:visited {
-  color: #c2e;
+        color: #c2e;
 }
 
 .moz-reader-content * {
-  max-width: 100%;
-  height: auto;
+        max-width: 100%;
+        height: auto;
 }
 
 .moz-reader-content p,
@@ -671,63 +637,63 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .moz-reader-content li,
 .moz-reader-content figure,
 .moz-reader-content .wp-caption {
-  margin: -10px -10px 20px -10px;
-  padding: 10px;
-  border-radius: 5px;
+        margin: -10px -10px 20px -10px;
+        padding: 10px;
+        border-radius: 5px;
 }
 
 .moz-reader-content li {
-  margin-bottom: 0;
+        margin-bottom: 0;
 }
 
 .moz-reader-content li > ul,
 .moz-reader-content li > ol {
-  margin-bottom: -10px;
+        margin-bottom: -10px;
 }
 
 .moz-reader-content p > img:only-child,
 .moz-reader-content p > a:only-child > img:only-child,
 .moz-reader-content .wp-caption img,
 .moz-reader-content figure img {
-  display: block;
+        display: block;
 }
 
 .moz-reader-content img[moz-reader-center] {
-  margin-left: auto;
-  margin-right: auto;
+        margin-left: auto;
+        margin-right: auto;
 }
 
 .moz-reader-content .caption,
 .moz-reader-content .wp-caption-text
 .moz-reader-content figcaption {
-  font-size: 0.9em;
-  line-height: 1.48em;
-  font-style: italic;
+        font-size: 0.9em;
+        line-height: 1.48em;
+        font-style: italic;
 }
 
 .moz-reader-content code,
 .moz-reader-content pre {
-  white-space: pre-wrap;
+        white-space: pre-wrap;
 }
 
 .moz-reader-content blockquote {
-  padding: 0;
-  padding-inline-start: 16px;
+        padding: 0;
+        padding-inline-start: 16px;
 }
 
 .moz-reader-content ul,
 .moz-reader-content ol {
-  padding: 0;
+        padding: 0;
 }
 
 .moz-reader-content ul {
-  padding-inline-start: 30px;
-  list-style: disc;
+        padding-inline-start: 30px;
+        list-style: disc;
 }
 
 .moz-reader-content ol {
-  padding-inline-start: 30px;
-  list-style: decimal;
+        padding-inline-start: 30px;
+        list-style: decimal;
 }
 
 /* Hide elements with common "hidden" class names */
@@ -736,5 +702,5 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
 .moz-reader-content .hidden,
 .moz-reader-content .invisible,
 .moz-reader-content .sr-only {
-  display: none;
+        display: none;
 }
diff --git a/src/chrome/global/aboutSupport.css b/src/chrome/global/aboutSupport.css
index e17dc1d..c0a4573 100644
--- a/src/chrome/global/aboutSupport.css
+++ b/src/chrome/global/aboutSupport.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 html {
-  --aboutSupport-table-background: rgb(0,0,0);
+  --aboutSupport-table-background: #181411;
   background-color: var(--in-content-page-background);
 }
 
diff --git a/src/chrome/global/alerts/alert.css b/src/chrome/global/alerts/alert.css
index 43d12ec..e68a8ce 100644
--- a/src/chrome/global/alerts/alert.css
+++ b/src/chrome/global/alerts/alert.css
@@ -19,8 +19,8 @@
 #alertBox {
   border: 1px solid rgb(64,64,64);
   border-radius: 0;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   box-shadow: 0 0 4px rgba(255,255,255,.3);
 }
 
diff --git a/src/chrome/global/autocomplete.css b/src/chrome/global/autocomplete.css
index 389416e..8959a60 100644
--- a/src/chrome/global/autocomplete.css
+++ b/src/chrome/global/autocomplete.css
@@ -49,7 +49,7 @@ panel[type="private-autocomplete-richlistbox"],
   -moz-border-bottom-colors: rgb(50,50,50);
   -moz-border-left-colors: rgb(50,50,50);
   padding: 0;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .autocomplete-history-popup,
@@ -92,7 +92,7 @@ treechildren.private-autocomplete-treebody::-moz-tree-row(selected) {
 
 treechildren.autocomplete-treebody::-moz-tree-cell-text(selected),
 treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
-  color: #fff !important;
+  color: #bfbbb6 !important;
 }
 
 .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue),
@@ -116,7 +116,7 @@ treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
 
 .autocomplete-richlistitem[selected="true"],
 .private-autocomplete-richlistitem[selected="true"] {
-  color: #fff;
+  color: #bfbbb6;
   background-color: rgb(1,1,1);
 }
 
diff --git a/src/chrome/global/button.css b/src/chrome/global/button.css
index dcc901e..eb8da66 100644
--- a/src/chrome/global/button.css
+++ b/src/chrome/global/button.css
@@ -20,8 +20,8 @@ button {
   -moz-border-right-colors: rgb(75,75,75);
   -moz-border-bottom-colors: rgb(75,75,75);
   -moz-border-left-colors: rgb(75,75,75);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
@@ -69,12 +69,12 @@ button[checked="true"] {
   -moz-border-right-colors: rgb(75,75,75);
   -moz-border-bottom-colors: rgb(75,75,75);
   -moz-border-left-colors: rgb(75,75,75);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 button:hover:not(:active):not([disabled=true]) {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 button:hover:active > .button-box:-moz-system-metric(windows-classic),
@@ -93,7 +93,7 @@ button[disabled="true"] {
   -moz-border-right-colors: rgb(75,75,75) !important;
   -moz-border-bottom-colors: rgb(75,75,75) !important;
   -moz-border-left-colors: rgb(75,75,75) !important;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: GrayText;
 }
 
diff --git a/src/chrome/global/checkbox.css b/src/chrome/global/checkbox.css
index 7879bd9..ba7ce52 100644
--- a/src/chrome/global/checkbox.css
+++ b/src/chrome/global/checkbox.css
@@ -43,7 +43,7 @@ checkbox:-moz-focusring > .checkbox-label-box {
 /* ..... disabled state ..... */
 
 checkbox[disabled="true"] > .checkbox-check {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 checkbox[disabled="true"] {
@@ -62,7 +62,7 @@ checkbox[disabled="true"] {
   -moz-border-left-colors: rgb(75,75,75);
   min-width: 13px;
   min-height: 13px;
-  background: rgb(0,0,0) no-repeat 50% 50%;
+  background: #181411 no-repeat 50% 50%;
 }
   
 checkbox:hover:active > .checkbox-check {
diff --git a/src/chrome/global/config.css b/src/chrome/global/config.css
index cfc3a90..69a5a9d 100644
--- a/src/chrome/global/config.css
+++ b/src/chrome/global/config.css
@@ -19,7 +19,7 @@
 #warningTitle {
   font-weight: lighter;
   line-height: 1.2;
-  color: #fff;
+  color: #bfbbb6;
   margin: 0;
   margin-bottom: .5em;
 }
diff --git a/src/chrome/global/console/console.css b/src/chrome/global/console/console.css
index 18cb01e..0de92e3 100644
--- a/src/chrome/global/console/console.css
+++ b/src/chrome/global/console/console.css
@@ -13,8 +13,8 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .console-box {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 /* ::::: console rows ::::: */
@@ -81,7 +81,7 @@
 /* ..... selected state ..... */
 
 .console-row:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .console-row[selected="true"] {
@@ -90,7 +90,7 @@
 
 .console-row-code[selected="true"],
 .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
-  color: #fff !important;
+  color: #bfbbb6 !important;
 }
 
 /* ::::: icons ::::: */
@@ -134,14 +134,14 @@ toolbarseparator {
 
 #ToolbarMode toolbarbutton {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
   border: none;
   min-width: 57px;
   padding: 4px !important;
 }
 
 #ToolbarMode toolbarbutton:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 toolbar#ToolbarMode toolbarbutton:active,
diff --git a/src/chrome/global/customizeToolbar.css b/src/chrome/global/customizeToolbar.css
index 268f510..fc9ca73 100644
--- a/src/chrome/global/customizeToolbar.css
+++ b/src/chrome/global/customizeToolbar.css
@@ -15,8 +15,8 @@ dialog {
 #palette-box {
   -moz-appearance: none;
   margin: 0 0 10px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   border: 1px solid rgb(64,64,64);
 }
 
diff --git a/src/chrome/global/datetimepicker.css b/src/chrome/global/datetimepicker.css
index 284abfe..42902b6 100644
--- a/src/chrome/global/datetimepicker.css
+++ b/src/chrome/global/datetimepicker.css
@@ -25,8 +25,8 @@ datepicker, timepicker {
   padding: 2px 0 3px 0;
   padding-inline-start: 4px;
   padding-inline-end: 2px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .datetimepicker-input-subbox {
@@ -47,22 +47,22 @@ html|*.datetimepicker-input {
 
 datepicker[readonly="true"],
 timepicker[readonly="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: rgb(219,219,219);
 }
 
 datepicker[disabled="true"],
 timepicker[disabled="true"] {
   cursor: default;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: rgb(200,200,200);
 } 
 
 .datepicker-mainbox {
   margin: 2px 4px;
-  border: 1px solid rgb(0,0,0);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  border: 1px solid #181411;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .datepicker-popupgrid > .datepicker-mainbox {
@@ -81,7 +81,7 @@ timepicker[disabled="true"] {
 
 .datepicker-gridlabel[selected="true"] {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .datepicker-button {
diff --git a/src/chrome/global/dialog.css b/src/chrome/global/dialog.css
index c1af36c..bf070b4 100644
--- a/src/chrome/global/dialog.css
+++ b/src/chrome/global/dialog.css
@@ -31,7 +31,7 @@ dialogheader {
   border: 1px solid rgb(50,50,50);
   padding: 5px 8px;
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .dialogheader-title {
@@ -56,8 +56,8 @@ dialogheader {
   padding-bottom: 12px;
   padding-inline-start: 25px;
   padding-inline-end: 5px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .header-large > .dialogheader-title {
diff --git a/src/chrome/global/dirListing/dirListing.css b/src/chrome/global/dirListing/dirListing.css
index 6b93d9f..2f286ee 100644
--- a/src/chrome/global/dirListing/dirListing.css
+++ b/src/chrome/global/dirListing/dirListing.css
@@ -3,8 +3,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 :root {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   font: message-box;
   padding-left: 2em;
   padding-right: 2em;
@@ -17,8 +17,8 @@ body {
   min-width: 30em;
   max-width: 65em;
   margin: 4em auto;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 h1 {
@@ -30,7 +30,7 @@ h1 {
 
 a {
   text-decoration: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 a:hover {
diff --git a/src/chrome/global/filefield.css b/src/chrome/global/filefield.css
index f661d8b..694be29 100644
--- a/src/chrome/global/filefield.css
+++ b/src/chrome/global/filefield.css
@@ -9,14 +9,14 @@
 filefield {
   margin: 2px 4px;
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   border-color: rgb(50,50,50);
 }
 
 .fileFieldContentBox {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .fileFieldIcon[disabled="true"] {
@@ -35,7 +35,7 @@ filefield {
 .fileFieldLabel {
   -moz-appearance: none;
   background-color: transparent;
-  color: #fff;
+  color: #bfbbb6;
   border: none;
   margin: 0px;
 }
diff --git a/src/chrome/global/findBar.css b/src/chrome/global/findBar.css
index 2fb57de..db00380 100644
--- a/src/chrome/global/findBar.css
+++ b/src/chrome/global/findBar.css
@@ -82,7 +82,7 @@ findbar[hidden] {
 .findbar-find-previous,
 .findbar-find-next {
   -moz-appearance: none;
-  background: rgb(0,0,0);
+  background: #181411;
   border: 1px solid rgb(75,75,75);
   list-style-image: url("chrome://global/skin/icons/find-arrows.png");
   padding: 2px 6px;
diff --git a/src/chrome/global/global.css b/src/chrome/global/global.css
index 93b282a..1cbd412 100644
--- a/src/chrome/global/global.css
+++ b/src/chrome/global/global.css
@@ -34,8 +34,8 @@ dialog,
 wizard,
 prefwindow {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   font: message-box;
 }
 
@@ -91,7 +91,7 @@ statusbar {
   border-left: 1px solid rgb(64,64,64);
   border-right: 1px solid rgb(64,64,64);
   border-bottom: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   min-height: 22px;
 }
 
@@ -131,7 +131,7 @@ statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
 
 sidebarheader {
   height: 25px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   -moz-appearance: toolbox;
   border-bottom: 1px solid rgb(64,64,64);
   border-top: 1px solid rgb(64,64,64);
@@ -275,7 +275,7 @@ label[disabled="true"]:-moz-system-metric(windows-classic) {
 }
 
 .text-link {
-  color: #fff;
+  color: #bfbbb6;
   text-decoration: underline;
   border: 1px solid transparent;
   cursor: pointer;
diff --git a/src/chrome/global/groupbox.css b/src/chrome/global/groupbox.css
index d3b5bb9..da9bcf2 100644
--- a/src/chrome/global/groupbox.css
+++ b/src/chrome/global/groupbox.css
@@ -24,13 +24,13 @@ groupbox {
 
 caption {
   margin: 0 6px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: #FFFFFF !important;
 }
 
 tabpanels caption {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: #FFFFFF !important;
 }
 
diff --git a/src/chrome/global/in-content/common.css b/src/chrome/global/in-content/common.css
index 63bf3f4..5ea08da 100644
--- a/src/chrome/global/in-content/common.css
+++ b/src/chrome/global/in-content/common.css
@@ -6,18 +6,18 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
 *|*:root {
-  --in-content-page-color: #fff;
-  --in-content-page-background: rgb(0,0,0);
-  --in-content-frame-background: rgb(0,0,0);
+  --in-content-page-color: #ffffff;
+  --in-content-page-background: #181411;
+  --in-content-frame-background: #181411;
   --in-content-main-border-color: rgb(50,50,50);
-  --in-content-main-background-color: rgb(0,0,0);
+  --in-content-main-background-color: #181411;
   --in-content-main-background-image: transparent;
-  --in-content-text-color: #fff;
+  --in-content-text-color: #ffffff;
   --in-content-selected-text: #fff;
   --in-content-header-border-color: rgb(50,50,50);
-  --in-content-box-background: rgb(0,0,0);
+  --in-content-box-background: #181411;
   --in-content-box-background-odd: #f3f6fa;
-  --in-content-box-background-hover: rgb(0,0,0);
+  --in-content-box-background-hover: #181411;
   --in-content-box-background-active: rgb(1,1,1);
   --in-content-box-border-color: rgb(75,75,75);
   --in-content-item-hover: rgb(110,110,110);
@@ -33,11 +33,11 @@
   --in-content-category-background-hover: #5e6972;
   --in-content-category-background-active: #343f48;
   --in-content-tab-color: #424f5a;
-  --in-content-link-color: #fff;
+  --in-content-link-color: #ffffff;
   --in-content-link-color-hover: rgb(219,219,219);
   --in-content-link-color-active: rgb(219,219,219);
   --in-content-link-color-visited: #551a8b;
-  --in-content-primary-button-background: rgb(0,0,0);
+  --in-content-primary-button-background: #181411;
   --in-content-primary-button-background-hover: rgb(110,110,110);
   --in-content-primary-button-background-active: rgb(43,43,43);
   --in-content-table-border-dark-color: rgb(50,50,50);
@@ -715,7 +715,7 @@ xul|*.radio-label-box {
   -moz-appearance: none;
   box-sizing: border-box;
   background-color: transparent;
-  color: #fff;
+  color: #bfbbb6;
   padding-inline-start: 4px;
   padding-inline-end: 27px;
   border: 1px solid transparent;
@@ -889,7 +889,7 @@ xul|treecolpicker {
   -moz-appearance: none;
   border: none;
   background-color: var(--in-content-box-background-hover);
-  color: #fff;
+  color: #bfbbb6;
   padding: 5px 10px;
 }
 
@@ -1143,7 +1143,7 @@ xul|treechildren::-moz-tree-cell-text(selected) {
 
 /* @-moz-document url-prefix("about:privatebrowsing"){ */
   div#bar.showPrivate{
-    background-color: #000;
+    background-color: #181411;
   }
   .showPrivate ul#forgotten > li{
     background-image: url("chrome://global/skin/in-content/check.svg#check");
@@ -1160,13 +1160,13 @@ xul|treechildren::-moz-tree-cell-text(selected) {
     background-color: #9b9b9b;
   }
   .showPrivate span#tpDisabled{
-    background-color: #000;
+    background-color: #181411;
   }
 /* } */
 
 @-moz-document url-prefix("about:performance") {
   #subprocess-reports td {
-    background-color: rgb(0,0,0) !important;
+    background-color: #181411 !important;
   }
 }
 
diff --git a/src/chrome/global/inContentUI.css b/src/chrome/global/inContentUI.css
index e2e0691..a240cd1 100644
--- a/src/chrome/global/inContentUI.css
+++ b/src/chrome/global/inContentUI.css
@@ -48,8 +48,8 @@
   -moz-appearance: none;
   padding: 18px;
   background-repeat: repeat;
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
 }
 
 html|html {
@@ -68,9 +68,9 @@ html|html {
   /* Disabled because of bug 623615
   overflow: hidden;
   */
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border: 1px solid rgb(64,64,64);
-  color: #fff;
+  color: #bfbbb6;
   border-radius: 5px;
 }
 
@@ -79,9 +79,9 @@ html|html {
   menulist,
   colorpicker[type="button"] {
     -moz-appearance: none;
-    color: #fff;
+    color: #bfbbb6;
     padding: 0 5px;
-    background-color: rgb(0,0,0);
+    background-color: #181411;
     background-clip: padding-box;
     border-radius: 3px;
     border: 1px solid rgb(75,75,75);
@@ -103,7 +103,7 @@ html|html {
     -moz-border-right-colors: rgb(64,64,64) !important;
     -moz-border-bottom-colors: rgb(64,64,64) !important;
     -moz-border-left-colors: rgb(64,64,64) !important;
-        background-color: rgb(0,0,0);
+        background-color: #181411;
     color: #GrayText;
   }
 
@@ -117,7 +117,7 @@ html|html {
   
   html|button:not([disabled]):hover,
   button:not([disabled="true"]):hover {
-        background-color: rgb(0,0,0);
+        background-color: #181411;
   }
 
   button > .button-box {
diff --git a/src/chrome/global/listbox.css b/src/chrome/global/listbox.css
index 9e05272..f8cc813 100644
--- a/src/chrome/global/listbox.css
+++ b/src/chrome/global/listbox.css
@@ -14,8 +14,8 @@ listbox {
   -moz-appearance: none;
   margin: 2px 4px;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }64
 
 listbox[disabled="true"] {
@@ -40,7 +40,7 @@ listbox:focus > listitem[current="true"] {
 listitem[selected="true"],
 listbox:focus > listitem[selected="true"] {
   64-color: rgb(128,128,128);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 /* ::::: listheader ::::: */
@@ -49,8 +49,8 @@ listheader {
   -moz-appearance: none;
   -moz-box-align: center;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   padding: 0 4px;
 }
 
@@ -128,7 +128,7 @@ listheader[sortable="true"]:hover:active {
   -moz-border-left-colors: rgb(64,64,64);
   min-width: 13px;
   min-height: 13px;
-  background: rgb(0,0,0) no-repeat 50% 50%;
+  background: #181411 no-repeat 50% 50%;
 }
 
 .listcell-check[checked="true"] {
diff --git a/src/chrome/global/narrate.css b/src/chrome/global/narrate.css
index 76b488c..e2e7c6b 100644
--- a/src/chrome/global/narrate.css
+++ b/src/chrome/global/narrate.css
@@ -15,7 +15,7 @@ body.sepia .narrating {
 }
 
 body.dark .narrating {
-  background-color: #000000;
+  background-color: #181411;
 }
 
 .narrate-word-highlight {
@@ -62,7 +62,7 @@ body.dark .narrate-word-highlight {
 }
 
 .narrate-dropdown > .dropdown-popup button:hover:not(:disabled) {
-  background-color: #000000;
+  background-color: #181411;
 }
 
 .narrate-row {
@@ -158,7 +158,7 @@ body.dark .narrate-word-highlight {
 }
 
 .narrate-rate-input::-moz-range-thumb {
-  background-color: #000000;
+  background-color: #181411;
   height: 16px;
   width: 16px;
   border-radius: 8px;
@@ -208,7 +208,7 @@ body.dark .narrate-word-highlight {
 }
 
 .voiceselect > .options:not(.hovering) > button.option:focus {
-  background-color: #000000;
+  background-color: #181411;
 }
 
 .voiceselect > .options:not(.hovering) > button.option:hover:not(:focus) {
diff --git a/src/chrome/global/netError.css b/src/chrome/global/netError.css
index 06f58db..326ad5b 100644
--- a/src/chrome/global/netError.css
+++ b/src/chrome/global/netError.css
@@ -8,13 +8,13 @@
  */
 
 html {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 body {
   margin: 0;
   padding: 0 1em;
-  color: #fff;
+  color: #bfbbb6;
   font: message-box;
 }
 
@@ -114,8 +114,8 @@ body[dir="rtl"] #errorPageContainer {
 }
 
 #securityOverrideContent {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   padding: 10px;
   border-radius: 10px;
 }
diff --git a/src/chrome/global/notification.css b/src/chrome/global/notification.css
index 6ac2d60..b01a051 100644
--- a/src/chrome/global/notification.css
+++ b/src/chrome/global/notification.css
@@ -5,14 +5,14 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 notification {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
 notification[type="info"] {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 notification[type="critical"] {
@@ -90,7 +90,7 @@ notification[type="critical"] {
   -moz-appearance: none;
   margin: 0;
   border: 1px solid rgb(64,64,64);
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton > .button-menubutton-button {
@@ -134,14 +134,14 @@ notification[type="critical"] {
 .popup-notification-menubutton:not([type="menu-button"]):hover,
 .popup-notification-menubutton > .button-menubutton-button:hover,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]):hover:active,
 .popup-notification-menubutton > .button-menubutton-button:hover:active,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-closebutton {
diff --git a/src/chrome/global/preferences.css b/src/chrome/global/preferences.css
index 4180b28..b7bcfe1 100644
--- a/src/chrome/global/preferences.css
+++ b/src/chrome/global/preferences.css
@@ -53,8 +53,8 @@ radio[pane] {
   border-bottom: 1px solid rgb(64,64,64);
   margin: 0px;
   padding-inline-start: 10px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .paneButtonIcon {
@@ -63,14 +63,14 @@ radio[pane] {
 }
 
 radio[pane]:hover {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   -moz-appearance: none;
 }
 
 radio[pane][selected="true"] {
   background-color: rgb(1,1,1);
-  color: #fff; 
+  color: #bfbbb6; 
   -moz-appearance: none;
 }
 
diff --git a/src/chrome/global/progressmeter.css b/src/chrome/global/progressmeter.css
index 9b37efa..914a613 100644
--- a/src/chrome/global/progressmeter.css
+++ b/src/chrome/global/progressmeter.css
@@ -19,7 +19,7 @@ progressmeter {
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
   border-radius: 3px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   min-width: 128px;
   min-height: 15px;
 }
diff --git a/src/chrome/global/richlistbox.css b/src/chrome/global/richlistbox.css
index bb858ce..d072653 100644
--- a/src/chrome/global/richlistbox.css
+++ b/src/chrome/global/richlistbox.css
@@ -7,8 +7,8 @@
 richlistbox {
   -moz-appearance: none;
   margin: 2px 4px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 richlistbox[disabled="true"] {
@@ -17,12 +17,12 @@ richlistbox[disabled="true"] {
 
 richlistitem[selected="true"] {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 richlistbox:focus > richlistitem[selected="true"] {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] {
diff --git a/src/chrome/global/spinbuttons.css b/src/chrome/global/spinbuttons.css
index c77a2fc..b6419ec 100644
--- a/src/chrome/global/spinbuttons.css
+++ b/src/chrome/global/spinbuttons.css
@@ -18,7 +18,7 @@ spinbuttons {
   -moz-border-right-colors: rgb(64,64,64);
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .spinbuttons-button > .button-box {
@@ -26,15 +26,15 @@ spinbuttons {
 }
 
 .spinbuttons-button:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .spinbuttons-button:hover:active {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .spinbuttons-button[disabled="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .spinbuttons-up {
diff --git a/src/chrome/global/splitter.css b/src/chrome/global/splitter.css
index 3fc6cf5..b721a58 100644
--- a/src/chrome/global/splitter.css
+++ b/src/chrome/global/splitter.css
@@ -19,7 +19,7 @@ splitter {
   -moz-border-left-colors: rgb(62,62,62) rgb(75,75,75);
   -moz-border-right-colors: rgb(43,43,43) rgb(50,50,50);
   min-width: 6px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 splitter[state="collapsed"][collapse="before"],
diff --git a/src/chrome/global/tabbox.css b/src/chrome/global/tabbox.css
index 866d025..c04d09e 100644
--- a/src/chrome/global/tabbox.css
+++ b/src/chrome/global/tabbox.css
@@ -27,8 +27,8 @@ tabpanels {
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
   padding: 8px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 /* ::::: tab ::::: */
@@ -47,8 +47,8 @@ tab {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   padding: 1px 4px 2px 4px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 tab:-moz-locale-dir(rtl) {
diff --git a/src/chrome/global/tabprompts.css b/src/chrome/global/tabprompts.css
index ae010aa..2ad0b9c 100644
--- a/src/chrome/global/tabprompts.css
+++ b/src/chrome/global/tabprompts.css
@@ -6,8 +6,8 @@ tabmodalprompt {
 }
 
 .mainContainer {
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
   background-clip: padding-box;
   border-radius: 5px;
   border: 1px solid rgb(64,64,64);
diff --git a/src/chrome/global/textbox.css b/src/chrome/global/textbox.css
index 574fa54..9666072 100644
--- a/src/chrome/global/textbox.css
+++ b/src/chrome/global/textbox.css
@@ -22,8 +22,8 @@ textbox {
   border: 1px solid rgb(64,64,64);
   padding: 2px 2px 3px;
   padding-inline-start: 4px;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 html|*.textbox-input, 
@@ -43,7 +43,7 @@ html|*.textbox-textarea {
 /* ..... readonly state ..... */
 
 textbox[readonly="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: rgb(219,219,219);
 }
 
@@ -51,7 +51,7 @@ textbox[readonly="true"] {
 
 textbox[disabled="true"] {
   cursor: default;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: rgb(200,200,200);
 }
 
diff --git a/src/chrome/global/toolbar.css b/src/chrome/global/toolbar.css
index 1f9cf65..bde65e6 100644
--- a/src/chrome/global/toolbar.css
+++ b/src/chrome/global/toolbar.css
@@ -19,7 +19,7 @@ toolbarpaletteitem {
 .toolbarpaletteitem-box[type="spacer"],
 .toolbarpaletteitem-box[type="spring"] {
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0) !important;
+  background-color: #181411 !important;
 }
 
 toolbarpaletteitem[place="toolbar"] > toolbarspacer {
diff --git a/src/chrome/global/tree.css b/src/chrome/global/tree.css
index 5c4347f..e9c3500 100644
--- a/src/chrome/global/tree.css
+++ b/src/chrome/global/tree.css
@@ -13,7 +13,7 @@
 tree {
   margin: 0px 4px;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: #FFFFFF;
   -moz-appearance: none;
 }
@@ -35,11 +35,11 @@ treechildren::-moz-tree-row {
   border: 1px solid transparent;
   min-height: 18px;
   height: 1.3em;
-  color: #fff !important;
+  color: #bfbbb6 !important;
 }
 
 treechildren::-moz-tree-cell-text {
-  color: #fff !important;
+  color: #bfbbb6 !important;
 }
 
 treechildren::-moz-tree-row(selected) {
@@ -73,11 +73,11 @@ treechildren::-moz-tree-cell {
 tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
 tree[seltype="text"] > treechildren::-moz-tree-cell-text,
 treechildren::-moz-tree-cell-text {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 treechildren::-moz-tree-cell-text(selected) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 tree[seltype="cell"] > treechildren::-moz-tree-cell {
@@ -94,16 +94,16 @@ tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
   background-color: rgb(1,1,1);
 }
 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 treechildren::-moz-tree-cell-text(selected, focus) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
@@ -115,11 +115,11 @@ tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus
 }
 
 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
@@ -167,7 +167,7 @@ treechildren::-moz-tree-row(dropOn) {
 tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
 tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
 treechildren::-moz-tree-cell-text(primary, dropOn) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 treechildren::-moz-tree-drop-feedback {
@@ -202,8 +202,8 @@ treecolpicker {
   -moz-box-align: center;
   -moz-box-pack: center;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   padding: 0px 4px;
 }
 
diff --git a/src/chrome/global/wizard.css b/src/chrome/global/wizard.css
index 834d0d8..001dd78 100644
--- a/src/chrome/global/wizard.css
+++ b/src/chrome/global/wizard.css
@@ -2,8 +2,8 @@
 
 .wizard-header {
   border-bottom: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .wizard-header-box-1 {
diff --git a/src/chrome/mozapps/aboutProfiles.css b/src/chrome/mozapps/aboutProfiles.css
index 051112f..73ab2da 100644
--- a/src/chrome/mozapps/aboutProfiles.css
+++ b/src/chrome/mozapps/aboutProfiles.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 html {
-  --aboutProfiles-table-background: rgb(0,0,0);
+  --aboutProfiles-table-background: #181411;
   background-color: var(--in-content-frame-background); /* was var(--in-content-page-background) --johnGraciliano */
   padding: 48px 48px;
 }
@@ -16,7 +16,7 @@ body {
   box-sizing: content-box;
   max-width: 90em;
   background-color: var(--in-content-page-background);
-  color: #fff;
+  color: #bfbbb6;
   border: 1px solid var(--in-content-main-border-color);
   border-radius: 10px;
   padding: 3em 30px;
diff --git a/src/chrome/mozapps/aboutServiceWorkers.css b/src/chrome/mozapps/aboutServiceWorkers.css
index f915c23..31a08fb 100644
--- a/src/chrome/mozapps/aboutServiceWorkers.css
+++ b/src/chrome/mozapps/aboutServiceWorkers.css
@@ -11,7 +11,7 @@ body {
 
 .warningBackground {
   display: none;
-  background: rgb(0,0,0);
+  background: #181411;
   width:100%;
   height:100%;
   z-index:10;
@@ -21,7 +21,7 @@ body {
 }
 
 .warningMessage {
-  color: #fff;
+  color: #bfbbb6;
   position: relative;
   min-width: 330px;
   max-width: 50em;
@@ -30,7 +30,7 @@ body {
   border-radius: 10px;
   padding: 3em;
   padding-inline-start: 30px;
-  background: rgb(0,0,0);
+  background: #181411;
   margin-left: auto;
   text-align: center;
 }
diff --git a/src/chrome/mozapps/downloads/downloads.css b/src/chrome/mozapps/downloads/downloads.css
index c6c49f4..543157b 100644
--- a/src/chrome/mozapps/downloads/downloads.css
+++ b/src/chrome/mozapps/downloads/downloads.css
@@ -7,7 +7,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 #downloadManager {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* Download View */
@@ -15,7 +15,7 @@
   -moz-appearance: none;
   margin: 0;
   border-bottom: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* Download View Items */
@@ -118,7 +118,7 @@ richlistitem[type="download"] .dateTime {
 }
 
 #downloadManager {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 windowdragbox {
@@ -134,7 +134,7 @@ windowdragbox {
 #searchbox {
   margin-inline-end: 0;
   margin-bottom: 0;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border-radius: 5px;
   border: 1px solid rgb(64,64,64);
 }
diff --git a/src/chrome/mozapps/extensions/about.css b/src/chrome/mozapps/extensions/about.css
index 9cdfa0a..2b9d16a 100644
--- a/src/chrome/mozapps/extensions/about.css
+++ b/src/chrome/mozapps/extensions/about.css
@@ -11,8 +11,8 @@
 
 #clientBox,
 .dialog-button-box {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 .basic-info {
diff --git a/src/chrome/mozapps/extensions/eula.css b/src/chrome/mozapps/extensions/eula.css
index e8afc78..b17ed95 100644
--- a/src/chrome/mozapps/extensions/eula.css
+++ b/src/chrome/mozapps/extensions/eula.css
@@ -35,8 +35,8 @@
 
 #eula {
   -moz-appearance: none;
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
   margin: 1em;
   border: 1px solid;
   -moz-border-top-colors: ActiveBorder;
diff --git a/src/chrome/mozapps/extensions/extensions.css b/src/chrome/mozapps/extensions/extensions.css
index 6a22924..14c4b2a 100644
--- a/src/chrome/mozapps/extensions/extensions.css
+++ b/src/chrome/mozapps/extensions/extensions.css
@@ -147,7 +147,7 @@
 .category {
   -moz-appearance: none;
   background-color: transparent;
-  color: #fff;
+  color: #bfbbb6;
   min-height: 0;
   padding: 0 4px;
   border-width: 1px;
@@ -184,7 +184,7 @@
 
 .category[selected] {
   background-color: rgb(110,110,110);
-  color: #fff;
+  color: #bfbbb6;
   border-color: rgb(50,50,50);
   border-inline-end-color: rgb(75,75,75);
 }
@@ -272,8 +272,8 @@
 #header-search {
   margin: 0;
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   border: 1px solid rgb(64,64,64);
   border-radius: 5px;
   padding: 4px 5px;
@@ -307,7 +307,7 @@
 
 .sorter {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
   padding: 0 6px;
   margin: 0 6px;
   min-width: 12px !important;
@@ -377,7 +377,7 @@
 }
 
 .addon {
-  color: #fff;
+  color: #bfbbb6;
   border-top: 1px solid rgb(75,75,75);
   padding: 5px;
   background-origin: border-box;
@@ -436,7 +436,7 @@
 .name-container {
   font-size: 150%;
   font-weight: bold;
-  color: #fff;
+  color: #bfbbb6;
   margin-bottom: 0;
   -moz-box-align: end;
   -moz-box-flex: 1;
@@ -447,7 +447,7 @@
 }
 
 .creator .text-link {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .description-container {
@@ -593,7 +593,7 @@
 
 .addon[selected] {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .addon[active="false"][selected]/* .name-container*/ {
@@ -753,7 +753,7 @@
   border: 1px solid #DDD;
   margin-bottom: 2em;
   padding: 1em;
-  background-color: #000;
+  background-color: #181411;
 }
 
 #detail-contrib-description {
@@ -1056,14 +1056,14 @@ button.button-link {
   border: none;
   box-shadow: none;
   text-decoration: underline;
-  color: #fff;
+  color: #bfbbb6;
   cursor: pointer;
   min-width: 0;
   margin: 0 6px;
 }
 
 .text-link {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .button-link:hover,
diff --git a/src/chrome/mozapps/plugins/pluginProblem.css b/src/chrome/mozapps/plugins/pluginProblem.css
index 7b4b59c..05380f5 100644
--- a/src/chrome/mozapps/plugins/pluginProblem.css
+++ b/src/chrome/mozapps/plugins/pluginProblem.css
@@ -13,7 +13,7 @@
   display: table;
   width: 100%;
   height: 100%;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: white;
   -moz-user-select: none;
   position: relative;
@@ -30,7 +30,7 @@
 :-moz-handler-vulnerable-updatable .hoverBox:active,
 :-moz-handler-vulnerable-no-update .hoverBox:active,
 :-moz-handler-clicktoplay .hoverBox:active {
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
 
 :-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
@@ -195,13 +195,13 @@ html|a {
 .action-link {
   display: inline-block;
   border-radius: 10px;
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
   padding: 2px 8px;
   margin-top: 7px;
   text-decoration: none;
 }
 .action-link:active {
-  background-color: rgb(0, 0, 0);
+  background-color: #181411;
 }
 
 :-moz-handler-vulnerable-updatable .action-link {
diff --git a/src/chrome/mozapps/xpinstall/xpinstallConfirm.css b/src/chrome/mozapps/xpinstall/xpinstallConfirm.css
index cd51dd3..5eae47e 100644
--- a/src/chrome/mozapps/xpinstall/xpinstallConfirm.css
+++ b/src/chrome/mozapps/xpinstall/xpinstallConfirm.css
@@ -11,8 +11,8 @@
   margin: 3px 4px 10px 4px;
   height: 14em;
   border: 1px solid rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 #itemWarningIntro {
@@ -64,8 +64,8 @@ installitem {
   -moz-appearance: none;
   border: none;
   padding: 0;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-inline-start: 6px;
diff --git a/src/chrome/os/darwin/menu.css b/src/chrome/os/darwin/menu.css
index 2f6c4a3..96bb0f4 100644
--- a/src/chrome/os/darwin/menu.css
+++ b/src/chrome/os/darwin/menu.css
@@ -9,7 +9,7 @@ menuitem,
 menucaption {
   -moz-appearance: none;
   -moz-box-align: center;
-  color: #fff;
+  color: #bfbbb6;
   font: -moz-pull-down-menu;
   list-style-image: none;
   -moz-image-region: auto;
@@ -118,8 +118,8 @@ menubar > menu[_moz-menuactive="true"] {
 
 menubar > menu[_moz-menuactive="true"][open="true"] {
   -moz-appearance: none;
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
 }
 
 /* ..... internal content .... */
@@ -144,7 +144,7 @@ menupopup > menucaption {
 
 menu[_moz-menuactive="true"],
 menuitem[_moz-menuactive="true"] {
-  color: #fff;
+  color: #bfbbb6;
   background-color: rgb(64,64,64);
 }
 
@@ -155,7 +155,7 @@ menulist > menupopup > menucaption,
 menulist > menupopup > menu {
   max-width: none;
   font: inherit;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 /* ::::: menuitems in editable menulist popups ::::: */
diff --git a/src/chrome/os/darwin/menulist.css b/src/chrome/os/darwin/menulist.css
index f24404b..5aad189 100644
--- a/src/chrome/os/darwin/menulist.css
+++ b/src/chrome/os/darwin/menulist.css
@@ -13,8 +13,8 @@ menulist {
   -moz-border-right-colors: rgb(64,64,64);
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
@@ -40,7 +40,7 @@ menulist:not([popuponly="true"]) {
 }
 
 menulist:hover:not(:active):not([disabled=true]) {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 menulist:hover:active:not([disabled=true]) {
@@ -57,7 +57,7 @@ menulist > .menulist-dropmarker {
 /* ..... disabled state ..... */
 
 menulist[disabled="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: GrayText;
 }
 
diff --git a/src/chrome/os/darwin/notification.css b/src/chrome/os/darwin/notification.css
index 3f18bee..5867402 100644
--- a/src/chrome/os/darwin/notification.css
+++ b/src/chrome/os/darwin/notification.css
@@ -20,7 +20,7 @@
   -moz-appearance: none;
   margin: 0;
   border: 1px solid rgb(64,64,64);
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton > .button-menubutton-button {
@@ -60,14 +60,14 @@
 .popup-notification-menubutton:not([type="menu-button"]):hover,
 .popup-notification-menubutton > .button-menubutton-button:hover,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]):hover:active,
 .popup-notification-menubutton > .button-menubutton-button:hover:active,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-closebutton {
diff --git a/src/chrome/os/darwin/popup.css b/src/chrome/os/darwin/popup.css
index e10ccce..bacf149 100644
--- a/src/chrome/os/darwin/popup.css
+++ b/src/chrome/os/darwin/popup.css
@@ -5,8 +5,8 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .panel-arrowcontent {
-  --panel-arrowcontent-background: rgb(0,0,0);
-  --panel-arrowcontent-color: #fff;
+  --panel-arrowcontent-background: #181411;
+  --panel-arrowcontent-color: #ffffff;
   --panel-arrowcontent-border: rgb(64,64,64);
 }
 
@@ -15,7 +15,7 @@ panel {
   border: 1px solid transparent;
   padding: 0px;
   min-width: 1px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menupopup {
@@ -24,7 +24,7 @@ menupopup {
   -moz-border-left-colors  : rgb(64,64,64);
   -moz-border-right-colors : rgb(64,64,64);
   -moz-border-bottom-colors: rgb(64,64,64);
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 menupopup > menu > menupopup {
@@ -105,7 +105,7 @@ tooltip {
   padding: 2px 3px;
   max-width: 40em;
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
   font: message-box;
 }
 
diff --git a/src/chrome/os/darwin/radio.css b/src/chrome/os/darwin/radio.css
index 3b4fd72..1e076a4 100644
--- a/src/chrome/os/darwin/radio.css
+++ b/src/chrome/os/darwin/radio.css
@@ -37,7 +37,7 @@ radio[focused="true"] > .radio-label-box {
 /* ..... disabled state ..... */
 
 radio[disabled="true"] > .radio-check-box1 {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 radio[disabled="true"] {
@@ -56,7 +56,7 @@ radio[disabled="true"] {
   border-radius: 50%;
   width: 12px;
   height: 12px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .radio-check-box2 {
diff --git a/src/chrome/os/darwin/toolbar.css b/src/chrome/os/darwin/toolbar.css
index 3aa39d5..fa04722 100644
--- a/src/chrome/os/darwin/toolbar.css
+++ b/src/chrome/os/darwin/toolbar.css
@@ -2,8 +2,8 @@
 
 toolbar {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   min-width: 1px;
   min-height: 19px;
   border-top: 1px solid rgb(64,64,64);
@@ -20,8 +20,8 @@ toolbar:-moz-lwtheme {
 
 menubar {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   min-width: 1px;
 }
 
diff --git a/src/chrome/os/darwin/toolbarbutton.css b/src/chrome/os/darwin/toolbarbutton.css
index b5c250e..6177559 100644
--- a/src/chrome/os/darwin/toolbarbutton.css
+++ b/src/chrome/os/darwin/toolbarbutton.css
@@ -9,7 +9,7 @@ toolbarbutton {
   -moz-box-pack: center;
   margin: 0 2px;
   padding: 3px 2px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbarbutton[open="true"],
@@ -79,7 +79,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
   background-color: rgb(1,1,1);
   font-size: 9px;
   padding: 1px 2px;
-  color: #fff;
+  color: #bfbbb6;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
diff --git a/src/chrome/os/darwin/tree.css b/src/chrome/os/darwin/tree.css
index 836f7f5..e696e53 100644
--- a/src/chrome/os/darwin/tree.css
+++ b/src/chrome/os/darwin/tree.css
@@ -8,7 +8,7 @@
 
 tree {
   color: -moz-DialogText;
-  background-color: #000000;
+  background-color: #181411;
 }
 
 /* ::::: tree focusring ::::: */
@@ -131,7 +131,7 @@ treecolpicker:hover:active {
   -moz-border-right-colors: ThreeDDarkShadow;
   -moz-border-bottom-colors: ThreeDDarkShadow;
   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
-  background-color: #000000;
+  background-color: #181411;
 }
 
 /* ::::: column drag and drop styles ::::: */
diff --git a/src/chrome/os/linux/menu.css b/src/chrome/os/linux/menu.css
index bed4979..d66074e 100644
--- a/src/chrome/os/linux/menu.css
+++ b/src/chrome/os/linux/menu.css
@@ -29,7 +29,7 @@ menuitem[default="true"] {
 menu[_moz-menuactive="true"],
 menuitem[_moz-menuactive="true"],
 .splitmenu-menuitem[_moz-menuactive="true"] {
-  color: #fff;
+  color: #bfbbb6;
   background-color: rgb(64,64,64);
 }
 
@@ -42,7 +42,7 @@ menucaption[disabled="true"] {
 
 menubar > menu {
   padding: 0px 4px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menubar:-moz-lwtheme > menu {
@@ -55,12 +55,12 @@ menubar:-moz-lwtheme > menu:not([open="true"]) {
 }
 
 menubar > menu[_moz-menuactive="true"]:not([open]):not([disabled="true"]):not(:-moz-lwtheme) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menubar > menu[open] {
-  color: #fff;
-  background-color: rgb(0,0,0);
+  color: #bfbbb6;
+  background-color: #181411;
 }
 menuitem.spell-suggestion {
   font-weight:bold;
diff --git a/src/chrome/os/linux/menulist.css b/src/chrome/os/linux/menulist.css
index 680197b..640643f 100644
--- a/src/chrome/os/linux/menulist.css
+++ b/src/chrome/os/linux/menulist.css
@@ -19,8 +19,8 @@ menulist {
   -moz-border-right-colors: rgb(64,64,64);
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
@@ -38,18 +38,18 @@ menulist {
 }
 
 menulist:hover {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 menulist:hover:active,
 menulist[open="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 menulist[disabled="true"],
 menulist[disabled="true"]:hover,
 menulist[disabled="true"]:hover:active {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: GrayText;
 }
 
@@ -81,8 +81,8 @@ menulist:hover:active > .menulist-dropmarker {
 /* ..... focused state ..... */
 
 menulist:focus:not([open="true"]) > .menulist-label-box {
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
 }
 
 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
@@ -93,7 +93,7 @@ menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
 
 menulist[editable="true"] {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .menulist-editable-box {
@@ -102,13 +102,13 @@ menulist[editable="true"] {
   padding-bottom: 3px;
   padding-inline-start: 2px;
   padding-inline-end: 0px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menulist[editable="true"] > .menulist-dropmarker {
   display: -moz-box;
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 html|*.menulist-editable-input {
diff --git a/src/chrome/os/linux/popup.css b/src/chrome/os/linux/popup.css
index bc434e9..16aa9db 100644
--- a/src/chrome/os/linux/popup.css
+++ b/src/chrome/os/linux/popup.css
@@ -11,7 +11,7 @@ panel {
   border: 1px solid transparent;
   padding: 0px;
   min-width: 1px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menupopup {
@@ -20,7 +20,7 @@ menupopup {
   -moz-border-left-colors  : rgb(75,75,75);
   -moz-border-right-colors : rgb(23,23,23);
   -moz-border-bottom-colors: rgb(23,23,23);
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 /* ::::: arrow panel ::::: */
@@ -43,8 +43,8 @@ panel[type="arrow"][side="right"] {
 
 .panel-arrowcontent {
   padding: 10px;
-  color: #fff;
-  background: rgb(0,0,0);
+  color: #bfbbb6;
+  background: #181411;
   border: 1px solid rgb(75,75,75);
 }
 
@@ -91,8 +91,8 @@ tooltip {
   /* GTK hardcodes this to 4px */
   padding: 4px;
   max-width: 40em;
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   font: message-box;
 }
 
diff --git a/src/chrome/os/linux/radio.css b/src/chrome/os/linux/radio.css
index b3dc298..8a21879 100644
--- a/src/chrome/os/linux/radio.css
+++ b/src/chrome/os/linux/radio.css
@@ -46,7 +46,7 @@ radio[focused="true"] > .radio-label-box {
 /* ..... disabled state ..... */
 
 radio[disabled="true"] > .radio-check-box1 {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 radio[disabled="true"] {
@@ -65,7 +65,7 @@ radio[disabled="true"] {
   border-radius: 50%;
   width: 12px;
   height: 12px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .radio-check-box2 {
@@ -81,7 +81,7 @@ radio[disabled="true"] {
 }
 
 radio:hover:active > .radio-check-box1 {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* ..... selected state ..... */
diff --git a/src/chrome/os/linux/toolbar.css b/src/chrome/os/linux/toolbar.css
index 8216093..5e15d95 100644
--- a/src/chrome/os/linux/toolbar.css
+++ b/src/chrome/os/linux/toolbar.css
@@ -4,10 +4,10 @@
 
 toolbox {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border-top: 1px solid;
   -moz-border-top-colors: rgb(64,64,64);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbox:-moz-lwtheme {
@@ -20,11 +20,11 @@ toolbox:-moz-lwtheme {
 
 toolbar, menubar {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbar {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   min-width: 1px;
   min-height: 19px;
   border-top: 1px solid rgb(64,64,64);
@@ -39,7 +39,7 @@ toolbar:first-child, menubar {
 
 menubar, toolbar[type="menubar"] {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
   min-width: 1px;
   min-height: 20px;
   padding: 1px 0px;
diff --git a/src/chrome/os/linux/toolbarbutton.css b/src/chrome/os/linux/toolbarbutton.css
index 93471aa..b8f8106 100644
--- a/src/chrome/os/linux/toolbarbutton.css
+++ b/src/chrome/os/linux/toolbarbutton.css
@@ -16,7 +16,7 @@ toolbarbutton {
   -moz-box-pack: center;
   margin: 0;
   padding: 3px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbarbutton:-moz-lwtheme {
@@ -55,7 +55,7 @@ toolbarbutton[disabled="true"][open="true"] {
 }
 
 toolbarbutton[checked="true"]:not(:hover) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) {
@@ -106,10 +106,10 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
 }
 
 .toolbarbutton-badge {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   font-size: 10px;
   padding: 0 2px 1px;
-  color: #fff;
+  color: #bfbbb6;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,
diff --git a/src/chrome/os/winnt/browser.css b/src/chrome/os/winnt/browser.css
index 54efaf6..923a9d8 100644
--- a/src/chrome/os/winnt/browser.css
+++ b/src/chrome/os/winnt/browser.css
@@ -17,7 +17,7 @@
   box-shadow: none;
   padding: 0 1.5em .05em;
   margin: 0 0 2px;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 @media (-moz-windows-classic) {
@@ -177,7 +177,7 @@ toolbarbutton.bookmark-item[open="true"] {
 @media all and (-moz-windows-default-theme) {
   #navigator-toolbox > toolbar:not(:-moz-lwtheme),
   #addon-bar:not(:-moz-lwtheme) {
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
 
   #sidebar-splitter {
@@ -440,7 +440,7 @@ toolbarbutton.bookmark-item[open="true"] {
   
   #main-window[sizemode=fullscreen]:not(:-moz-lwtheme) {
     -moz-appearance: none;
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
   
   #main-menubar > menu:not(:-moz-lwtheme) {
@@ -531,7 +531,7 @@ toolbarbutton.bookmark-item[open="true"] {
   }
 
   #browser-bottombox:not(:-moz-lwtheme) {
-    background-color: rgb(0,0,0);
+    background-color: #181411;
     background-clip: padding-box;
   }
 
diff --git a/src/chrome/os/winnt/menu.css b/src/chrome/os/winnt/menu.css
index 5970404..7e4f0b8 100644
--- a/src/chrome/os/winnt/menu.css
+++ b/src/chrome/os/winnt/menu.css
@@ -118,7 +118,7 @@ menubar > menu {
 }
 
 menubar > menu[_moz-menuactive="true"]:not([disabled="true"]) {
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menubar > menu[_moz-menuactive="true"][open="true"] {
@@ -136,7 +136,7 @@ menubar > menu:-moz-lwtheme:not([disabled="true"]) {
 
 menubar > menu:-moz-lwtheme[_moz-menuactive="true"]:not([disabled="true"]) {
   background-color: rgb(64,64,64);
-  color: #fff !important;
+  color: #bfbbb6 !important;
   text-shadow: none;
 }
 
@@ -167,7 +167,7 @@ menu[_moz-menuactive="true"],
 menuitem[_moz-menuactive="true"],
 .splitmenu-menuitem[_moz-menuactive="true"] {
   background-color: rgb(64,64,64) !important;
-  color: #fff !important;
+  color: #bfbbb6 !important;
 }
 
 /* ::::: menu/menuitems in menulist popups ::::: */
@@ -200,7 +200,7 @@ menulist > menupopup > menu > label {
 menulist:-moz-focusring > menupopup > menuitem[_moz-menuactive="true"] {
   border: 1px dotted rgb(64,64,64);
   background-color: rgb(64,64,64);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menuitem[checked="true"] {
diff --git a/src/chrome/os/winnt/menulist.css b/src/chrome/os/winnt/menulist.css
index 03be8f8..aa6a6ed 100644
--- a/src/chrome/os/winnt/menulist.css
+++ b/src/chrome/os/winnt/menulist.css
@@ -19,8 +19,8 @@ menulist {
   -moz-border-right-colors: rgb(64,64,64);
   -moz-border-bottom-colors: rgb(64,64,64);
   -moz-border-left-colors: rgb(64,64,64);
-  background-color: rgb(0,0,0);
-  color: #fff;
+  background-color: #181411;
+  color: #bfbbb6;
   text-shadow: none;
 }
 
@@ -81,7 +81,7 @@ menulist:hover:active > .menulist-dropmarker {
 
 menulist:focus:not([open="true"]) > .menulist-label-box {
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
@@ -91,7 +91,7 @@ menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
 /* ..... disabled state ..... */
 
 menulist[disabled="true"] {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   color: GrayText;
 }
 
@@ -110,7 +110,7 @@ html|*.menulist-editable-input {
   padding: 0px !important;
   background: inherit;
   font: inherit;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 @media (-moz-windows-default-theme) {
diff --git a/src/chrome/os/winnt/notification.css b/src/chrome/os/winnt/notification.css
index c8a415c..e680f30 100644
--- a/src/chrome/os/winnt/notification.css
+++ b/src/chrome/os/winnt/notification.css
@@ -20,7 +20,7 @@
   -moz-appearance: none;
   margin: 0;
   border: 1px solid rgb(64,64,64);
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton > .button-menubutton-button {
@@ -64,14 +64,14 @@
 .popup-notification-menubutton:not([type="menu-button"]):hover,
 .popup-notification-menubutton > .button-menubutton-button:hover,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-menubutton:not([type="menu-button"]):hover:active,
 .popup-notification-menubutton > .button-menubutton-button:hover:active,
 .popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
 .popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
-  background: rgb(0,0,0);
+  background: #181411;
 }
 
 .popup-notification-closebutton {
diff --git a/src/chrome/os/winnt/popup.css b/src/chrome/os/winnt/popup.css
index 41a3795..282ed44 100644
--- a/src/chrome/os/winnt/popup.css
+++ b/src/chrome/os/winnt/popup.css
@@ -6,8 +6,8 @@
 
 /* ::::: Variables ::::: */
 .panel-arrowcontent {
-  --panel-arrowcontent-background: rgb(0,0,0);
-  --panel-arrowcontent-color: #fff;
+  --panel-arrowcontent-background: #181411;
+  --panel-arrowcontent-color: #ffffff;
   --panel-arrowcontent-border: 1px solid rgb(64,64,64);
 }
 
@@ -22,8 +22,8 @@ panel {
   -moz-border-bottom-colors: rgb(32,32,32);
   padding: 0px;
   min-width: 1px;
-  background: rgb(0,0,0);
-  color: #fff;
+  background: #181411;
+  color: #bfbbb6;
 }
 
 menupopup {
@@ -119,7 +119,7 @@ tooltip {
   padding: 2px 3px;
   max-width: 40em;
   background-color: rgb(1,1,1);
-  color: #fff;
+  color: #bfbbb6;
   font: message-box;
 }
 
@@ -141,6 +141,6 @@ menulist > menupopup {
   -moz-border-left-colors: rgb(64,64,64);
   padding: 0px;
   min-width: 0px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
diff --git a/src/chrome/os/winnt/radio.css b/src/chrome/os/winnt/radio.css
index 4fd8cc4..5d23237 100644
--- a/src/chrome/os/winnt/radio.css
+++ b/src/chrome/os/winnt/radio.css
@@ -46,7 +46,7 @@ radio[focused="true"] > .radio-label-box {
 /* ..... disabled state ..... */
 
 radio[disabled="true"] > .radio-check-box1 {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 radio[disabled="true"] {
@@ -65,7 +65,7 @@ radio[disabled="true"] {
   border-radius: 50%;
   width: 12px;
   height: 12px;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 .radio-check-box2 {
diff --git a/src/chrome/os/winnt/scrollbars.css b/src/chrome/os/winnt/scrollbars.css
index e45695e..1f6df33 100644
--- a/src/chrome/os/winnt/scrollbars.css
+++ b/src/chrome/os/winnt/scrollbars.css
@@ -15,7 +15,7 @@ scrollbar {
   -moz-appearance: none;
   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
   cursor: default;
-  background: rgb(0,0,0);
+  background: #181411;
   pointer-events: auto;
 }
 
@@ -40,7 +40,7 @@ scrollbar[orient="vertical"]
 
 thumb,
 scrollbarbutton {
-  background:rgb(0,0,0) 50% 50% no-repeat;
+  background:#181411 50% 50% no-repeat;
 }
 
 thumb {
@@ -82,7 +82,7 @@ thumb[orient="horizontal"] {
 /* ::::: scrollbar button ::::: */
 
 scrollbarbutton {
-  background: rgb(0,0,0) no-repeat 0px 1px;
+  background: #181411 no-repeat 0px 1px;
   min-width: 15px;
   min-height: 15px;
 }
@@ -106,7 +106,7 @@ scrollcorner {
   -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
   width: 16px;
   cursor: default;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* ..... increment .... */
@@ -132,7 +132,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 
 scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
   background-image: url("chrome://global/skin/arrow/arrow-v.svg#dn-dis");
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* ..... decrement .... */
@@ -146,7 +146,7 @@ scrollbarbutton[type="decrement"] {
 
 scrollbarbutton[type="decrement"][disabled="true"] {
   background-image: url("chrome://global/skin/arrow/arrow-h.svg#lft-dis");
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
@@ -158,7 +158,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 
 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
   background-image: url("chrome://global/skin/arrow/arrow-v.svg#up-dis");
-  background-color: rgb(0,0,0);
+  background-color: #181411;
 }
 
 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@@ -171,14 +171,14 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
     -moz-appearance: none;
     -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
     cursor: default;
-    background: rgb(0,0,0);
+    background: #181411;
   }
 
   /* ::::: borders for thumb and buttons ::::: */
 
   html|div thumb,
   html|div scrollbarbutton {
-    background: rgb(0,0,0) 50% 50% no-repeat;
+    background: #181411 50% 50% no-repeat;
   }
   
   html|div thumb {
@@ -211,7 +211,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
   /* ::::: scrollbar button ::::: */
 
   html|div scrollbarbutton {
-    background: rgb(0,0,0) no-repeat 0px 1px;
+    background: #181411 no-repeat 0px 1px;
     width: 15px;
     height: 15px;
   }
@@ -231,7 +231,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
 
   html|div scrollbarbutton[type="increment"][disabled="true"] {
     background-image: url("chrome://global/skin/arrow/arrow-h.svg#rit-dis");
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
@@ -243,7 +243,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
     background-image: url("chrome://global/skin/arrow/arrow-v.svg#dn-dis");
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
 
   /* ..... decrement .... */
@@ -257,7 +257,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
 
   html|div scrollbarbutton[type="decrement"][disabled="true"] {
     background-image: url("chrome://global/skin/arrow/arrow-h.svg#lft-dis");
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
@@ -269,7 +269,7 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"
 
   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
     background-image: url("chrome://global/skin/arrow/arrow-v.svg#up-dis");
-    background-color: rgb(0,0,0);
+    background-color: #181411;
   }
 
 }
diff --git a/src/chrome/os/winnt/toolbar.css b/src/chrome/os/winnt/toolbar.css
index 80298b3..656fb7e 100644
--- a/src/chrome/os/winnt/toolbar.css
+++ b/src/chrome/os/winnt/toolbar.css
@@ -4,21 +4,21 @@
 
 toolbox {
   -moz-appearance: none;
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   border-top: 1px solid;
   -moz-border-top-colors: rgb(64,64,64);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 /* ::::: toolbar & menubar ::::: */
 
 toolbar, menubar {
   -moz-appearance: none;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 toolbar {
-  background-color: rgb(0,0,0);
+  background-color: #181411;
   min-width: 1px;
   min-height: 19px;
   border-top: 1px solid rgb(64,64,64);
diff --git a/src/chrome/os/winnt/toolbarbutton.css b/src/chrome/os/winnt/toolbarbutton.css
index 04cec58..01c4cf1 100644
--- a/src/chrome/os/winnt/toolbarbutton.css
+++ b/src/chrome/os/winnt/toolbarbutton.css
@@ -18,7 +18,7 @@ toolbarbutton {
   border: 1px solid transparent;
   padding: 3px;
   background-color: transparent;
-  color: #fff;
+  color: #bfbbb6;
 }
 
 .toolbarbutton-icon[label]:not([label=""]),
@@ -69,7 +69,7 @@ toolbarbutton[checked="true"]:not([disabled="true"]) {
   padding-inline-start: 4px;
   padding-inline-end: 2px;
   background-color: rgba(64,64,64,0.5);
-  color: #fff;
+  color: #bfbbb6;
 }
 
 @media (-moz-windows-default-theme) {
@@ -141,7 +141,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
   font-size: 10px;
   font-weight: bold;
   padding: 0 2px 1px;
-  color: #fff;
+  color: #bfbbb6;
   border-radius: 2px;
   box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
               0 -1px 0 hsla(0, 0%, 0%, .1) inset,