make dark theme more useful

brave · Sep 20, 2019 · 56c6df6 · 56c6df6
1 parent 8870019
commit 56c6df6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/layout/card/style.ts b/src/components/layout/card/style.ts
@@ -24,7 +24,7 @@ export const Card = styled<StyledCardProps, 'div'>('div')`
   width: 100%;
   min-height: auto;
   margin: 0;
-  background-color: #fff;
+  background-color: ${p => p.theme.color.panelBackground};
   border-radius: 4px;
   box-shadow: ${p => `0 2px 4px rgba(0, 0, 0, ${getShadowOpacity(p.emphasis)})`};
   font-size: inherit;

diff --git a/src/theme/brave-dark.ts b/src/theme/brave-dark.ts
@@ -8,7 +8,12 @@ const darkTheme: ITheme = {
   color: {
     ...defaultTheme.color,
     contextMenuBackground: colors.black,
-    contextMenuForeground: colors.white
+    contextMenuForeground: colors.white,
+    defaultControl: colors.grey400,
+    defaultControlInteracting: colors.white,
+    defaultControlActive: colors.grey500,
+    panelBackground: colors.grey900,
+    text: colors.white
   }
 }