From 56bf1070556c6bef38e52835c7aecddb4dd9fa6b Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Fri, 23 Oct 2020 15:37:56 -0500
Subject: [PATCH] Adaptado el color de la mesa al modo claro/oscuro

---
 src/components/carta.vue  | 2 +-
 src/styles/global.sass    | 6 ++++++
 src/views/Juego/Juego.vue | 3 +--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/carta.vue b/src/components/carta.vue
index 2b8bbfe..78bb158 100644
--- a/src/components/carta.vue
+++ b/src/components/carta.vue
@@ -179,7 +179,7 @@ export default defineComponent({
 <style lang="sass" vars="{pxesc, escala}">
 
 .c-carta-resaltada
-    transform: translateY(-1rem)
+    transform: translateY(calc(var(--pxesc) * -1))
 
 .c-carta
     position: relative
diff --git a/src/styles/global.sass b/src/styles/global.sass
index da1e9fb..aec0a44 100644
--- a/src/styles/global.sass
+++ b/src/styles/global.sass
@@ -17,6 +17,9 @@ body
   --color-fondo-reyes: #ffffff
   --color-texto-reyes: #2E7D32
 
+  --color-mesa-1: #E3F2FD
+  --color-mesa-2: #90CAF9
+
 
 @media (prefers-color-scheme: dark)
   .tema-automatico
@@ -30,3 +33,6 @@ body
     --color-fondo-dragon-azul: #1565C0
     --color-fondo-reyes: #2E7D32
     --color-texto-reyes: #ffffff
+
+    --color-mesa-1: #004D40
+    --color-mesa-2: #003027
diff --git a/src/views/Juego/Juego.vue b/src/views/Juego/Juego.vue
index 024aae6..65a0e08 100644
--- a/src/views/Juego/Juego.vue
+++ b/src/views/Juego/Juego.vue
@@ -239,7 +239,7 @@ export default defineComponent({
 .cont-2-juego
     position: absolute
     border: solid 3px #795548
-    background: radial-gradient(#004D40, #003027)
+    background: radial-gradient(var(--color-mesa-1), var(--color-mesa-2))
     transform: rotateX(2deg)
     width: 100%
     height: 100%
@@ -253,7 +253,6 @@ export default defineComponent({
     bottom: 41%
     right: 41%
     text-align: center
-    color: white
 
 //
 </style>