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

web-padawan · web-flow · commit 8f1df741263b · 2022-01-03T16:22:51.000+02:00
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;
+    }
+  }
 `;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@api-viewer/common': patch
 +---
++
 +Adjust colors for dark color scheme
Original file line number	Diff line number	Diff line change
@@ -72,4 +72,11 @@ export default css`
`72`	`72`	`margin-top: 0.5rem;`
`73`	`73`	`}`
`74`	`74`	`}`
	`75`	`+`
	`76`	`+ @media (prefers-color-scheme: dark) {`
	`77`	`+ :host {`
	`78`	`+ background: #fff;`
	`79`	`+ color: #000;`
	`80`	`+ }`
	`81`	`+ }`
`75`	`82`	`;