From 7a9e4b0e8fc00e7801d5795c45f106b2b3ce6563 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 6 Jun 2022 17:01:27 -0400
Subject: [PATCH] fixes #776

---
 docs/resources/changelog.md | 1 +
 src/themes/dark.css         | 2 ++
 src/themes/light.css        | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index b3b26bc93..6267aba5c 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## Next
 
 - Added Persian translation [#774](https://github.com/shoelace-style/shoelace/pull/774)
+- Added `color-scheme` to light and dark themes to improve rendering of browser-provided UI [#776](https://github.com/shoelace-style/shoelace/issues/776)
 - Fixed focus rings for `<sl-input>`, `<sl-select>`, and `<sl-textarea>` in Safari since they don't use `:focus-visible` [#767](https://github.com/shoelace-style/shoelace/issues/767)
 - Fixed a bug where calling `HTMLFormElement.reportValidity()` would skip Shoelace form controls [#772](https://github.com/shoelace-style/shoelace/issues/772)
 - Fixed a bug that prevented `<sl-tooltip>` from closing when disabled [#775](https://github.com/shoelace-style/shoelace/issues/775)
diff --git a/src/themes/dark.css b/src/themes/dark.css
index bc0c1a1d0..3301a381b 100644
--- a/src/themes/dark.css
+++ b/src/themes/dark.css
@@ -1,5 +1,7 @@
 :host,
 .sl-theme-dark {
+  color-scheme: dark;
+
   /*
    * Color Primitives
    */
diff --git a/src/themes/light.css b/src/themes/light.css
index 98c8210ac..afb3cc3d6 100644
--- a/src/themes/light.css
+++ b/src/themes/light.css
@@ -1,6 +1,8 @@
 :root,
 :host,
 .sl-theme-light {
+  color-scheme: light;
+
   /*
    * Color Primitives
    */