From 7b101da416900232e2502ffccdf5fe3f2966a18a Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Sat, 3 Oct 2020 10:22:02 -0500
Subject: [PATCH] Actualizado colores de las cartas a tema claro/oscuro

---
 src/components/carta.vue | 19 ++++++++-----------
 src/styles/global.sass   | 28 +++++++++++++++-------------
 2 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/components/carta.vue b/src/components/carta.vue
index 2c8ecaa..7210b57 100644
--- a/src/components/carta.vue
+++ b/src/components/carta.vue
@@ -151,33 +151,30 @@ export default defineComponent({
     vertical-align: middle
     display: inline-block
 
+
 .carta-cNegro
     background-color: var(--color-fondo)
     color: var(--color-texto)
 
 .carta-cRojo
-    background-color: #b71c1c
-    color: var(--color-texto)
+    background-color: var(--color-fondo-carta-roja)
+    color: var(--color-texto-carta-roja)
 
 .carta-cReyes
-    background-color: #2E7D32
-    color: var(--color-texto)
+    background-color: var(--color-fondo-reyes)
+    color: var(--color-texto-reyes)
 
 .carta-dNegro
     background-color: var(--color-fondo)
-    color: var(--color-texto)
 
 .carta-dRojo
-    background-color: #b71c1c
-    color: var(--color-texto)
+    background-color: var(--color-fondo-dragon-rojo)
 
 .carta-dVerde
-    background-color: #2E7D32
-    color: var(--color-texto)
+    background-color: var(--color-fondo-dragon-verde)
 
 .carta-dAzul
-    background-color: #1565C0
-    color: var(--color-texto)
+    background-color: var(--color-fondo-dragon-azul)
 
 .carta-
     opacity: 0
diff --git a/src/styles/global.sass b/src/styles/global.sass
index 049d698..882b756 100644
--- a/src/styles/global.sass
+++ b/src/styles/global.sass
@@ -3,23 +3,18 @@ body
   background-color: var(--color-fondo)
   color: var(--color-texto)
 
-
-.tema-claro
-  --color-fondo: #ffffff
-  --color-texto: #151515
-  --color-borde: gray
-
-
-.tema-oscuro
-  --color-fondo: #151515
-  --color-texto: #dedede
-  --color-borde: #c1c1c1
-
-
+// Claro
 .tema-automatico
   --color-fondo: #ffffff
   --color-texto: #151515
   --color-borde: gray
+  --color-texto-carta-roja: #b71c1c
+  --color-fondo-carta-roja: #ffffff
+  --color-fondo-dragon-rojo: #ffffff
+  --color-fondo-dragon-verde: #ffffff
+  --color-fondo-dragon-azul: #ffffff
+  --color-fondo-reyes: #ffffff
+  --color-texto-reyes: #2E7D32
 
 
 @media (prefers-color-scheme: dark)
@@ -27,3 +22,10 @@ body
     --color-fondo: #151515
     --color-texto: #dedede
     --color-borde: #c1c1c1
+    --color-texto-carta-roja: #dedede
+    --color-fondo-carta-roja: #b71c1c
+    --color-fondo-dragon-rojo: #b71c1c
+    --color-fondo-dragon-verde: #2E7D32
+    --color-fondo-dragon-azul: #1565C0
+    --color-fondo-reyes: #2E7D32
+    --color-texto-reyes: #ffffff