diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 9e5dc1e6..2a93444a 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -48,6 +48,14 @@ $sizes: (
   --color: #{$magenta};
 }
 
+@media (prefers-color-scheme: dark) {
+  :root {
+    --foreground: #{$white};
+    --background: #{$black};
+    --color: #{$cyan};
+  }
+}
+
 // TODO: Encontrar la forma de generar esto desde los locales de Rails
 $custom-file-text: (
   en: 'Browse',