From 74d462867ad443bb197b8f955334155dc77fdf51 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 13 Jun 2024 11:39:47 -0300
Subject: [PATCH] fix: arreglos en modo oscuro #16489

---
 app/assets/stylesheets/application.scss | 7 +++++++
 app/assets/stylesheets/dark.scss        | 1 +
 2 files changed, 8 insertions(+)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 8fe16152..4b659972 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -21,6 +21,11 @@ $form-feedback-invalid-color: $magenta;
 $form-feedback-icon-valid-color: $black;
 $component-active-bg: $magenta;
 $zindex-modal-backdrop: 0;
+$modal-content-bg: var(--background);
+$card-bg: var(--background);
+$card-border-color: var(--card-border-color);
+$input-bg: var(--background);
+$input-color: var(--foreground);
 
 $spacers: (
   2-plus: 0.75rem
@@ -61,6 +66,7 @@ $sizes: (
   --foreground: #{$black};
   --background: #{$white};
   --color: #{$magenta};
+  --card-border-color: #{rgba($black, .125)};
 }
 
 @media (prefers-color-scheme: dark) {
@@ -68,6 +74,7 @@ $sizes: (
     --foreground: #{$white};
     --background: #{$black};
     --color: #{$cyan};
+    --card-border-color: #{rgba($white, .125)};
   }
 
   .btn-secondary {
diff --git a/app/assets/stylesheets/dark.scss b/app/assets/stylesheets/dark.scss
index f7f3a09d..a5a1f837 100644
--- a/app/assets/stylesheets/dark.scss
+++ b/app/assets/stylesheets/dark.scss
@@ -6,6 +6,7 @@ $cyan: #13fefe;
   --foreground: #{$white};
   --background: #{$black};
   --color: #{$cyan};
+  --card-border-color: #{rgba($white, .125)};
 }
 
 .btn {