1 files changed, 12 insertions, 0 deletions

diff --git a/src/_themes.scss b/src/_themes.scss
index 7b9554e..2ca89cb 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -70,5 +70,17 @@ $static-themes: 'black' 'white' !default;
 @each $theme in $static-themes {
     @include iro.bem-theme(static-#{$theme}) {
         color: fn.global-color(--#{$theme}-transparent --800);
+
+        @include iro.bem-suffix('light') {
+            @media (prefers-color-scheme: light) {
+                background-color: fn.global-color(--base --50);
+            }
+        }
+    
+        @include iro.bem-suffix('dark') {
+            @media (prefers-color-scheme: dark) {
+                background-color: fn.global-color(--base --50);
+            }
+        }
     }
 }