cambiar colores a unos más pastel

src/App.vue

@@ -37,15 +37,15 @@ export default {
 
 <style lang="sass">
 html
-  --background: #121212
-  --foreground: #F7F7F7
-  --accent: #fc00ff
+  --background: #181818
+  --foreground: #d8d8d8
+  --accent: #ba8baf
   --gray: #c7c7c7
   --darkgray: #8f8f8f
-  --verydarkgray: #BB86FC
+  --verydarkgray: #b8b8b8
   --blackish: #121212
   --darkred: #C62828
-  --red: red
+  --red: #ab4642
 
   color: var(--foreground)
   background: var(--background)

src/assets/iconos/a-favor.svg

@@ -30,7 +30,7 @@
        transform="matrix(4.6888045,0,0,4.6888045,-1755.5379,-595.30666)"
        id="g4428">
       <path
-         style="fill:#00ff5c;fill-opacity:1"
+         style="fill:#97b840;fill-opacity:1"
          id="path4430"
          d="m 375.91802,188.95265 h -0.11209 c -0.45158,0 -0.79409,-0.41956 -0.67868,-0.85983 -0.51256,-0.26537 -0.49134,-0.97425 0.008,-1.22165 -0.10936,-0.42743 0.2167,-0.85326 0.67286,-0.85326 h 1.30602 c -0.0769,-0.2066 -0.0525,-0.44843 0.0918,-0.64284 0.22569,-0.30395 0.65579,-0.37063 0.96456,-0.15065 l 1.74386,1.24221 c 0.0856,0.061 0.13908,0.16475 0.13908,0.26987 v 2.30798 c 0,0.15433 -0.10654,0.28822 -0.25693,0.32288 l -1.356,0.31254 c -0.15492,0.0357 -0.31388,0.0538 -0.47285,0.0538 h -1.36229 c -0.4206,0 -0.74544,-0.36782 -0.68711,-0.78104 z" />
       <path

src/assets/iconos/en-contra.svg

@@ -30,7 +30,7 @@
        transform="matrix(7.0020783,0,0,7.0020783,-117.77848,-1656.8988)"
        id="g2153">
       <path
-         style="fill:#ff0000;fill-opacity:1;stroke-width:0.69142139"
+         style="fill:#b02e28;fill-opacity:1;stroke-width:0.69142139"
          d="m 19.778766,276.55102 c -0.139556,-0.17732 -0.377143,-0.2287 -0.571826,-0.13673 -0.108304,-0.11232 -0.259041,-0.161 -0.405187,-0.14053 v -0.52718 c 0,-0.26449 -0.212889,-0.47967 -0.474564,-0.47967 -0.261675,0 -0.474557,0.21518 -0.474557,0.47967 v 1.15358 c -0.142543,-0.053 -0.309798,-0.0365 -0.44448,0.0636 -0.210158,0.15604 -0.256255,0.45342 -0.104163,0.66691 l 0.785365,1.10254 c 0.08894,0.12483 0.232912,0.19935 0.385115,0.19935 h 1.276405 c 0.220522,0 0.412191,-0.15392 0.462181,-0.37082 l 0.196377,-0.85196 c 0.0082,-0.0357 0.01238,-0.0722 0.01238,-0.10885 v -0.60138 c 0,-0.33537 -0.333804,-0.56754 -0.643036,-0.44845 z"
          id="path4382" />
       <path

src/assets/iconos/indiferente.svg

@@ -32,7 +32,7 @@
       <path
          d="m 385.50276,186.33136 v -0.11209 c 0,-0.45158 -0.41956,-0.79409 -0.85983,-0.67869 -0.26537,-0.51255 -0.97425,-0.49133 -1.22165,0.008 -0.42743,-0.10936 -0.85326,0.2167 -0.85326,0.67286 v 1.30602 c -0.2066,-0.0769 -0.44843,-0.0525 -0.64284,0.0918 -0.30395,0.22569 -0.37063,0.65579 -0.15065,0.96456 l 1.24221,1.74386 c 0.061,0.0856 0.16475,0.13908 0.26987,0.13908 h 2.30798 c 0.15433,0 0.28822,-0.10654 0.32288,-0.25693 l 0.31254,-1.356 c 0.0357,-0.15492 0.0538,-0.31388 0.0538,-0.47285 v -1.36229 c 0,-0.4206 -0.36782,-0.74544 -0.78104,-0.68711 z"
          id="path4500"
-         style="fill:#ffff00" />
+         style="fill:#fbe44a" />
       <path
          style="fill:#000000"
          id="path4502"

src/assets/iconos/me-comprometo.svg

@@ -30,7 +30,7 @@
        transform="matrix(4.2890776,0,0,4.2890776,-1575.9315,-519.71221)"
        id="g4410">
       <path
-         style="fill:#ff00fc;fill-opacity:1;stroke:#ff00fc;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         style="fill:#b5589f;fill-opacity:1;stroke:#b5589f;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
          d="m 372.2487,185.3505 c -0.23874,-0.36126 -0.70455,-0.45053 -1.05311,-0.25139 -0.31412,-0.33538 -0.84349,-0.33137 -1.15458,-2.7e-4 -0.50261,-0.28797 -1.1586,0.0539 -1.17949,0.64805 -0.49238,-0.11554 -0.97033,0.25316 -0.97033,0.75862 v 0.60699 c 0,0.34894 0.15218,0.68159 0.41756,0.91265 l 1.04136,0.90676 c 0.0453,0.0394 0.0331,0.0594 0.0331,0.35067 0,0.18835 0.15269,0.34104 0.34105,0.34104 h 2.68571 c 0.18836,0 0.34106,-0.15269 0.34106,-0.34104 0,-0.25059 -0.0109,-0.32767 0.0424,-0.45156 l 0.45653,-1.06209 c 0.0649,-0.1511 0.0978,-0.31092 0.0978,-0.475 v -1.21969 c 0,-0.56314 -0.57885,-0.94493 -1.09919,-0.72377 z m 0.58762,1.94346"
          id="path4412" />
       <path

src/components/IconoDeEstado.vue

@@ -35,13 +35,13 @@ export default {
     color() {
       switch (this.tipo) {
         case 'compromiso':
-          return '#ff00fc'
+          return '#b5589f'
         case 'a_favor':
-          return '#00ff5c'
+          return '#97b840'
         case 'en_contra':
-          return '#ff0000'
+          return '#b02e28'
         case 'indiferente':
-          return '#ffff00'
+          return '#fbe44a'
         default:
           return 'white'
       }

src/views/Barcas.vue

@@ -73,9 +73,9 @@ export default {
       Filtros,
       prefFiltro: Filtros.ABORDADAS,
       colors: [
-        '#FD5051',
-        '#FFA959',
-        '#FFF661',
+        '#ab4642',
+        '#dc9656',
+        '#f7ca88',
         '#61EF94',
         '#6FBEFB',
         '#9063E9',