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

Mejorado soporte para modo de color automatico

Browse Source
This commit is contained in:
Araozu 2020-10-16 07:44:11 -05:00
parent 06db5ba0f3
commit 355452c18d
14 changed files with 271 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/img/simbolos-cartas/TClaro_corazon.svg Executable file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str0 {stroke:black;stroke-width:250}
.str1 {stroke:#B71C1C;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.str3 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M2117 968l-24 -26c-70,-93 -40,-92 -157,-211 -74,-76 -123,-120 -243,-173 -236,-103 -510,-82 -713,33 -362,203 -506,734 -334,1234 136,393 446,767 675,1016 84,91 743,865 796,921l794 -922c213,-260 553,-627 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -290,209 -434,425z"/>
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str3" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

25
public/img/simbolos-cartas/TClaro_diamante.svg Executable file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str1 {stroke:#ED3237;stroke-width:250}
.str0 {stroke:black;stroke-width:250}
.str3 {stroke:#B71C1C;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str3" d="M685 2124c75,89 237,275 368,428 130,151 245,278 369,439l696 926c58,-69 83,-95 175,-222 64,-92 102,-141 164,-228 115,-160 233,-318 347,-462 115,-144 227,-294 354,-429l390 -428c-51,-69 -290,-340 -375,-441 -123,-146 -236,-287 -361,-449l-694 -942 -1053 1367c-107,121 -295,313 -380,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

24
public/img/simbolos-cartas/TClaro_pica.svg Executable file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str1 {stroke:#ED3237;stroke-width:250}
.str0 {stroke:black;stroke-width:250}
.str2 {stroke:#151515;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
<path class="fil0 str2" d="M1926 3035c3,172 -86,270 -166,383 -184,261 -260,216 -270,325 312,33 903,24 1245,13 -42,-198 -335,-143 -384,-689 1001,711 1628,-451 1261,-1080 -124,-212 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -59,55 -120,115 -182,186l-1125 1105c-68,64 -127,104 -185,207 -231,416 -72,858 207,1086 129,106 342,202 575,194 258,-9 376,-121 518,-210z"/>
<path class="fil0 str1" d="M7767 3953c75,89 237,276 368,429 130,151 245,278 369,439l696 926c58,-69 82,-95 174,-222 65,-93 103,-142 165,-228 115,-161 232,-318 346,-462 115,-145 228,-294 355,-430l390 -427c-51,-70 -290,-340 -375,-442 -123,-145 -237,-286 -362,-448l-693 -942 -1054 1366c-106,122 -294,314 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

24
public/img/simbolos-cartas/TClaro_trebol.svg Executable file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str0 {stroke:#151515;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.str1 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M1435 1708c-788,-97 -1193,640 -905,1208 109,214 371,434 704,444 415,13 517,-107 702,-298 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-235 680,-446 329,-633 -205,-1296 -904,-1206 152,-306 242,-551 48,-905 -306,-560 -1129,-580 -1456,-5 -211,372 -72,637 51,910z"/>
<path class="fil0 str1" d="M13883 -3198l-23 -25c-71,-93 -40,-92 -157,-211 -74,-76 -124,-121 -244,-173 -235,-104 -510,-82 -712,32 -362,204 -507,734 -334,1235 135,393 445,766 675,1015 84,91 742,866 795,921l794 -922c213,-260 553,-627 680,-1037 292,-943 -399,-1545 -1039,-1259 -244,109 -290,209 -435,424z"/>
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str1" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

24
public/img/simbolos-cartas/TOscuro_corazon.svg Executable file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str0 {stroke:black;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.str1 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M2117 968l-24 -26c-70,-93 -40,-92 -157,-211 -74,-76 -123,-120 -243,-173 -236,-103 -510,-82 -713,33 -362,203 -506,734 -334,1234 136,393 446,767 675,1016 84,91 743,865 796,921l794 -922c213,-260 553,-627 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -290,209 -434,425z"/>
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str1" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

25
public/img/simbolos-cartas/TOscuro_diamante.svg Executable file
View File

@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str1 {stroke:#ED3237;stroke-width:250}
.str0 {stroke:black;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.str3 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
<path class="fil0 str2" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str3" d="M685 2124c75,89 237,275 368,428 130,151 245,278 369,439l696 926c58,-69 83,-95 175,-222 64,-92 102,-141 164,-228 115,-160 233,-318 347,-462 115,-144 227,-294 354,-429l390 -428c-51,-69 -290,-340 -375,-441 -123,-146 -236,-287 -361,-449l-694 -942 -1053 1367c-107,121 -295,313 -380,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

24
public/img/simbolos-cartas/TOscuro_pica.svg Executable file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str1 {stroke:#ED3237;stroke-width:250}
.str0 {stroke:black;stroke-width:250}
.str2 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M12575 3312c-788,-96 -1192,640 -905,1208 109,214 371,434 704,445 415,13 517,-108 702,-299 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-234 681,-445 328,-634 -206,-1297 -905,-1207 152,-305 242,-550 48,-905 -306,-560 -1129,-580 -1456,-5 -211,373 -72,637 51,910z"/>
<path class="fil0 str1" d="M14175 -1756l-24 -26c-70,-93 -40,-92 -156,-211 -74,-76 -124,-120 -244,-173 -235,-103 -510,-82 -712,32 -362,204 -507,735 -334,1235 135,393 445,766 675,1015 84,92 742,866 795,921l794 -921c213,-261 553,-628 680,-1038 292,-943 -399,-1545 -1040,-1259 -244,109 -289,209 -434,425z"/>
<path class="fil0 str2" d="M1926 3035c3,172 -86,270 -166,383 -184,261 -260,216 -270,325 312,33 903,24 1245,13 -42,-198 -335,-143 -384,-689 1001,711 1628,-451 1261,-1080 -124,-212 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -59,55 -120,115 -182,186l-1125 1105c-68,64 -127,104 -185,207 -231,416 -72,858 207,1086 129,106 342,202 575,194 258,-9 376,-121 518,-210z"/>
<path class="fil0 str1" d="M7767 3953c75,89 237,276 368,429 130,151 245,278 369,439l696 926c58,-69 82,-95 174,-222 65,-93 103,-142 165,-228 115,-161 232,-318 346,-462 115,-145 228,-294 355,-430l390 -427c-51,-70 -290,-340 -375,-442 -123,-145 -237,-286 -362,-448l-693 -942 -1054 1366c-106,122 -294,314 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

23
public/img/simbolos-cartas/TOscuro_trebol.svg Executable file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW X7 -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="42.3332mm" height="42.3332mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 4233 4233"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style type="text/css">
<![CDATA[
.str1 {stroke:#DEDEDE;stroke-width:250}
.str0 {stroke:#DEDEDE;stroke-width:250}
.fil0 {fill:none}
]]>
</style>
</defs>
<g id="Capa_x0020_1">
<metadata id="CorelCorpID_0Corel-Layer"/>
<path class="fil0 str0" d="M1435 1708c-788,-97 -1193,640 -905,1208 109,214 371,434 704,444 415,13 517,-107 702,-298 5,183 -47,266 -128,390 -75,114 -295,290 -304,380 119,41 1156,31 1238,-8 -35,-121 -476,-517 -475,-802 127,97 266,367 749,338 325,-20 571,-235 680,-446 329,-633 -205,-1296 -904,-1206 152,-306 242,-551 48,-905 -306,-560 -1129,-580 -1456,-5 -211,372 -72,637 51,910z"/>
<path class="fil0 str0" d="M13883 -3198l-23 -25c-71,-93 -40,-92 -157,-211 -74,-76 -124,-121 -244,-173 -235,-104 -510,-82 -712,32 -362,204 -507,734 -334,1235 135,393 445,766 675,1015 84,91 742,866 795,921l794 -922c213,-260 553,-627 680,-1037 292,-943 -399,-1545 -1039,-1259 -244,109 -290,209 -435,424z"/>
<path class="fil0 str1" d="M7621 823c4,171 -85,269 -165,382 -184,261 -260,217 -270,326 312,32 902,24 1245,12 -42,-197 -335,-143 -384,-688 1001,711 1628,-452 1261,-1080 -124,-213 -360,-396 -542,-561l-756 -763c-81,-72 -133,-130 -196,-196 -60,55 -121,115 -183,186l-1124 1104c-69,65 -127,104 -185,208 -231,415 -72,857 207,1085 129,107 342,203 575,195 258,-9 376,-121 517,-210z"/>
<path class="fil0 str0" d="M9205 -3803c75,89 237,276 368,428 130,152 245,279 369,439l696 927c58,-70 82,-95 174,-223 65,-92 102,-141 164,-227 116,-161 233,-319 347,-462 115,-145 228,-294 355,-430l390 -427c-52,-70 -290,-341 -375,-442 -123,-145 -237,-287 -362,-448l-693 -943 -1054 1367c-106,122 -294,313 -379,441z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

14
src/App.vue
View File

@ -10,9 +10,17 @@ export default defineComponent({
setup() { setup() {
const store = useStore(); const store = useStore();
const modoColor = computed<string>(() => store.state.modoColor); const modoColor = computed<string>(() => store.state.modoColor);
watch(modoColor, (n) => {
console.log(`Modo color cambiado: ${n}`); const query = window.matchMedia("(prefers-color-scheme: dark)");
}); const funActualizarMediaQuery = (ev: MediaQueryListEvent | MediaQueryList) => {
store.commit(
"setModoColorUsuario",
ev.matches? "oscuro": "claro"
);
};
query.addEventListener("change", funActualizarMediaQuery);
funActualizarMediaQuery(query);
} }
}); });

10
src/components/carta.vue
View File

@ -13,6 +13,7 @@ div(@click="fnDescartar" style="display: inline-block")
import {defineComponent, computed} from "vue"; import {defineComponent, computed} from "vue";
import {useDimensions} from "@/components/useDimensions"; import {useDimensions} from "@/components/useDimensions";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { getEsOscuro } from "@/components/getEsOscuro";
export default defineComponent({ export default defineComponent({
name: "carta", name: "carta",
@ -39,14 +40,7 @@ export default defineComponent({
const store = useStore(); const store = useStore();
const pxesc = computed(() => pH.value + "px"); const pxesc = computed(() => pH.value + "px");
const esOscuro = computed(() => { const {esOscuro} = getEsOscuro(store);
if (store.state.modoColor === "oscuro") {
return true;
} else if (store.state.modoColor === "auto" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
return true;
}
return false;
});
const tipo = computed<number>( () => (props.valor << 23) >>> 28); const tipo = computed<number>( () => (props.valor << 23) >>> 28);
const tipoCarta = computed<string>(() => { const tipoCarta = computed<string>(() => {

17
src/components/getEsOscuro.ts Normal file
View File

@ -0,0 +1,17 @@
import { computed } from "vue";
import { RiMaJonState } from "@/store";
import { Store } from "vuex";
export const getEsOscuro = (store: Store<RiMaJonState>) => {
const esOscuro = computed(() => {
if (store.state.modoColor === "oscuro") {
return true;
} else if (store.state.modoColor === "auto") {
console.log(store.state.modoColorUsuario);
return store.state.modoColorUsuario === "oscuro";
}
return false;
});
return {esOscuro};
};

35
src/components/img-cartas/v-img-corazon.vue Normal file
View File

@ -0,0 +1,35 @@
<template lang="pug">
div
img(:src="rutaSvg")
//
</template>
<script lang="ts">
import { computed, defineComponent } from "vue";
import { useStore } from "vuex";
import { getEsOscuro } from "@/components/getEsOscuro";
export default defineComponent({
name: "v-img-corazon",
setup() {
const store = useStore();
const {esOscuro} = getEsOscuro(store);
const rutaSvg = computed(() => `/img/simbolos-cartas/T${esOscuro.value? "Oscuro": "Claro"}_corazon.svg`);
return {
rutaSvg
}
}
});
</script>
<style scoped lang="sass">
//
</style>

9
src/store/index.ts
View File

@ -8,14 +8,16 @@ const vuexLocal = new VuexPersistence({
export interface RiMaJonState { export interface RiMaJonState {
idUsuario: string | undefined, idUsuario: string | undefined,
nombreUsuario: string | undefined, nombreUsuario: string | undefined,
modoColor: string modoColor: string,
modoColorUsuario: string
} }
export default createStore<RiMaJonState>({ export default createStore<RiMaJonState>({
state: { state: {
idUsuario: undefined, idUsuario: undefined,
nombreUsuario: undefined, nombreUsuario: undefined,
modoColor: "auto" modoColor: "auto",
modoColorUsuario: "claro"
}, },
mutations: { mutations: {
setIdUsuario(state, id) { setIdUsuario(state, id) {
@ -26,6 +28,9 @@ export default createStore<RiMaJonState>({
}, },
setModoColor(state, modo) { setModoColor(state, modo) {
state.modoColor = modo; state.modoColor = modo;
},
setModoColorUsuario(state, modo) {
state.modoColorUsuario = modo;
} }
}, },
actions: {}, actions: {},

6
src/views/Ayuda/Ayuda.vue
View File

@ -3,6 +3,8 @@ div
h1 Sobre el juego h1 Sobre el juego
p Ri Ma Jon es un juego inspirado en Mahjong, pero ejecutado con cartas. p Ri Ma Jon es un juego inspirado en Mahjong, pero ejecutado con cartas.
vImgCorazon
h2 Cartas h2 Cartas
p Existen 108 cartas en el juego: p Existen 108 cartas en el juego:
@ -358,6 +360,7 @@ div
import {defineComponent} from "vue"; import {defineComponent} from "vue";
import carta from "@/components/carta.vue"; import carta from "@/components/carta.vue";
import grupoCartas from "../../components/grupo-cartas.vue"; import grupoCartas from "../../components/grupo-cartas.vue";
import vImgCorazon from "../../components/img-cartas/v-img-corazon.vue"
const cartas = [2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, const cartas = [2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15,
16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 34, 34, 35, 35, 36, 36, 37, 37, 38, 38, 39, 39, 40, 40, 41, 16, 16, 17, 17, 18, 18, 19, 19, 20, 20, 21, 21, 34, 34, 35, 35, 36, 36, 37, 37, 38, 38, 39, 39, 40, 40, 41,
@ -422,7 +425,8 @@ export default defineComponent({
name: "Ayuda", name: "Ayuda",
components: { components: {
carta, carta,
grupoCartas grupoCartas,
vImgCorazon
}, },
setup() { setup() {
return { return {