Make dark mode colors more align with mac defaults

robertying · May 6, 2020 · caf640b · caf640b
1 parent c1e2747
commit caf640b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/AutoHeightWebView.tsx b/src/components/AutoHeightWebView.tsx
@@ -5,8 +5,14 @@ import {
   WebViewMessageEvent,
   WebViewNavigation,
 } from 'react-native-webview/lib/WebViewTypes';
+import DeviceInfo from '../constants/DeviceInfo';
 
 const injectedScript = `
+  ${
+    DeviceInfo.isMac()
+      ? 'document.body.style.backgroundColor = "rgb(30,30,30)"'
+      : ''
+  }
   function waitForBridge() {
     if (!window.ReactNativeWebView.postMessage) {
       setTimeout(waitForBridge, 200);

diff --git a/src/constants/Colors.ts b/src/constants/Colors.ts
@@ -1,5 +1,7 @@
+import DeviceInfo from './DeviceInfo';
+
 const colorsDark = {
-  background: 'black',
+  background: DeviceInfo.isMac() ? 'rgb(30,30,30)' : 'black',
   foreground: 'white',
   gray: 'rgb(152,152,157)',
   yellow: 'rgb(255,214,10)',
@@ -27,7 +29,5 @@ const system = (name: keyof typeof colorsDark, colorScheme?: string) => {
 export default {
   theme: 'rgba(102,8,116,1)',
   lightTheme: 'rgba(102,8,116,0.6)',
-  // background: '#f0f0f0',
-  // placeholder: '#eeeeee',
   system,
 };