Update dark theme with lower-contrast sidebars.

firefox-devtools · Feb 14, 2018 · 21fc1f7 · 21fc1f7
1 parent ffb2e34
commit 21fc1f7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/App.css b/src/components/App.css
@@ -32,6 +32,10 @@ button:focus {
   overflow: hidden;
 }
 
+.theme-dark .editor-pane {
+  background-color: var(--theme-toolbar-background);
+}
+
 .editor-container {
   width: 100%;
 }

diff --git a/src/components/SecondaryPanes/CommandBar.css b/src/components/SecondaryPanes/CommandBar.css
@@ -16,7 +16,7 @@ html[dir="rtl"] .command-bar {
 }
 
 .theme-dark .command-bar {
-  background-color: var(--theme-tab-toolbar-background);
+  background-color: var(--theme-toolbar-background);
 }
 
 img.pause,

diff --git a/src/components/shared/Accordion.css b/src/components/shared/Accordion.css
@@ -7,7 +7,7 @@
 }
 
 :root.theme-dark {
-  --accordion-header-background: #141416;
+  --accordion-header-background: #222225;
 }
 
 .accordion {