fix: background-color for a dark theme

koba04 · Sep 15, 2021 · 397c1e4 · 397c1e4 · vercel · Sep 15, 2021
1 parent 1cc108b
commit 397c1e4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/swr-devtools-panel/src/components/CacheData.tsx b/packages/swr-devtools-panel/src/components/CacheData.tsx
@@ -46,7 +46,7 @@ const AsyncReactJson = ({ data }: Props) => {
       src={data}
       theme={
         matchMedia("(prefers-color-scheme: dark)").matches
-          ? "monokai"
+          ? "railscasts"
           : "rjv-default"
       }
     />

diff --git a/packages/swr-devtools-panel/src/components/SWRDevToolPanel.tsx b/packages/swr-devtools-panel/src/components/SWRDevToolPanel.tsx
@@ -45,7 +45,7 @@ const GlobalStyle = createGlobalStyle`
 
     @media (prefers-color-scheme: dark) {
       --swr-devtools-text-color: #FFF;
-      --swr-devtools-bg-color: rgb(39, 40, 34);
+      --swr-devtools-bg-color: #292a2d;
       --swr-devtools-hover-bg-color: #6d6a66;
       --swr-devtools-border-color: #555454;
       --swr-devtools-selected-bg-color: #524f4d;