fix: adjust colors for dark color scheme (#138)

open-wc · Jan 3, 2022 · 8f1df74 · 8f1df74
1 parent 24ada26
commit 8f1df74
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.changeset/metal-games-tie.md b/.changeset/metal-games-tie.md
@@ -0,0 +1,5 @@
+---
+'@api-viewer/common': patch
+---
+
+Adjust colors for dark color scheme
diff --git a/packages/api-common/src/shared-styles.ts b/packages/api-common/src/shared-styles.ts
@@ -72,4 +72,11 @@ export default css`
       margin-top: 0.5rem;
     }
   }
+
+  @media (prefers-color-scheme: dark) {
+    :host {
+      background: #fff;
+      color: #000;
+    }
+  }
 `;