colores y arreglar loading svg

src/App.vue

@@ -42,16 +42,13 @@ export default {
 
 <style lang="sass">
 html
-  //--background: #EEEEEE
-  //--foreground: #2c3e50
-  //--accent: #42b983
-  --background: white
-  --foreground: black
+  --background: #121212
+  --foreground: #F7F7F7
   --accent: #fc00ff
   --gray: #c7c7c7
   --darkgray: #8f8f8f
-  --verydarkgray: #555
-  --darkred: #F51818
+  --verydarkgray: #BB86FC
+  --darkred: #C62828
   --red: red
 
   color: var(--foreground)

src/assets/iconos/loading.svg

@@ -68,7 +68,7 @@
          sodipodi:cx="294.99991"
          sodipodi:type="arc"
          id="path816"
-         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.537;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill" />
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:currentColor;stroke-width:0.537;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill" />
       <path
          inkscape:transform-center-y="-0.065851937"
          transform="rotate(-30,1.2952883,300.05668)"
@@ -85,7 +85,7 @@
          sodipodi:cx="5.8586311"
          sodipodi:sides="3"
          id="path818"
-         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0.537;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
+         style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:currentColor;stroke-width:0.537;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
          sodipodi:type="star" />
       <rect
          ry="1.8413005"