Fix loading ring dark mode

Author: zalnaRs

Diff for: .prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  trailingComma: 'es5',
+  tabWidth: 2,
+  semi: true,
+  singleQuote: true,
+}

Diff for: res/css/dark-theme.css

@@ -1,8 +1,8 @@
 html {
-  --lighter-tone-bg: #2F3845;
+  --lighter-tone-bg: #2f3845;
   --normal-tone-bg: #252c36;
   --darker-tone-bg: #1d2229;
-  --icon-mode: "white";
+  --icon-mode: 'white';
   --shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
   --accent-tone-10: rgba(195, 117, 60, 0.1);
   --foreground-tone-10: rgba(255, 255, 255, 0.1);
@@ -27,13 +27,13 @@ html {
 }
 
 .logo {
-  background-image: url("../icons/Tauten-logo-white.svg");
+  background-image: url('../icons/Tauten-logo-white.svg');
 }
 
 .back {
-  background-image: url("../icons/arrow_back_white_24dp.svg");
+  background-image: url('../icons/arrow_back_white_24dp.svg');
 }
 
-.loading {
+.loadingring {
   background-image: url(../icons/Loadingring-white.svg);
-}
+}

Diff for: res/css/dark-theme.scss

@@ -1,25 +1,25 @@
-@use "sass:color";
+@use 'sass:color';
 
 html {
-    --lighter-tone-bg: #2F3845;
-    --normal-tone-bg: #252c36;
-    --darker-tone-bg: #1d2229;
-    --icon-mode: "white";
-    --shadow: 0 4px 4px #{rgba(black, 0.15)};
-    @for $i from 1 through 10 {
-        --accent-tone-#{$i*10}: #{rgba(#c3753c, $i * 0.1)};
-        --foreground-tone-#{$i*10}: #{rgba(white, $i * 0.1)};
-    }
+  --lighter-tone-bg: #2f3845;
+  --normal-tone-bg: #252c36;
+  --darker-tone-bg: #1d2229;
+  --icon-mode: 'white';
+  --shadow: 0 4px 4px #{rgba(black, 0.15)};
+  @for $i from 1 through 10 {
+    --accent-tone-#{$i*10}: #{rgba(#c3753c, $i * 0.1)};
+    --foreground-tone-#{$i*10}: #{rgba(white, $i * 0.1)};
+  }
 }
 
 .logo {
-    background-image: url("../icons/Tauten-logo-white.svg");
+  background-image: url('../icons/Tauten-logo-white.svg');
 }
 
 .back {
-    background-image: url("../icons/arrow_back_white_24dp.svg");
+  background-image: url('../icons/arrow_back_white_24dp.svg');
 }
 
-.loading {
-    background-image: url(../icons/Loadingring-white.svg);
-}
+.loadingring {
+  background-image: url(../icons/Loadingring-white.svg);
+}