fernando/rimajon-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Actualizado colores de las cartas a tema claro/oscuro

Browse Source
This commit is contained in:
Araozu 2020-10-03 10:22:02 -05:00
parent 2f69afb6b8
commit 7b101da416
2 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/carta.vue
View File

@ -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

28
src/styles/global.sass
View File

@ -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