From b88933469d1b23b90905b48eccbd62fea2684253 Mon Sep 17 00:00:00 2001
From: felix-ico <97440128+felix-ico@users.noreply.github.com>
Date: Thu, 3 Nov 2022 15:13:38 +0100
Subject: [PATCH] fix: handle prefers-color-scheme (#1285)

* fix: handle prefers-color-scheme
---
 .../src/components/dropdown/dropdown.css      | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/components/src/components/dropdown/dropdown.css b/packages/components/src/components/dropdown/dropdown.css
index 29ce64ea2e..bdc6603d61 100644
--- a/packages/components/src/components/dropdown/dropdown.css
+++ b/packages/components/src/components/dropdown/dropdown.css
@@ -241,3 +241,23 @@ to fix bug in Firefox/Windows, see https://github.com/telekom/scale/issues/1018)
 [data-mode='dark'] .dropdown--disabled .input__dropdown {
   background-color: var(--telekom-color-background-canvas);
 }
+
+@media (prefers-color-scheme: dark) {
+  .dropdown .input__dropdown {
+    background-color: var(--telekom-color-background-canvas);
+  }
+
+  .dropdown:not(.dropdown--disabled):not(.dropdown--status-error)
+    .input__dropdown:hover {
+    background-color: #1b1b1b;
+  }
+
+  .dropdown:not(.dropdown--disabled).dropdown--status-error
+    .input__dropdown:hover {
+    background-color: #1b1b1b;
+  }
+
+  .dropdown--disabled .input__dropdown {
+    background-color: var(--telekom-color-background-canvas);
+  }
+}