Добавил тему "Веспера"

src/styles/_global.scss

@@ -1,3 +1,6 @@
+@use './themes/default' as theme_default;
+@use './themes/horizon' as theme_horizon;
+
 @import 'src/styles/variables';
 @import 'photoswipe/dist/photoswipe';
 @import 'photoswipe/dist/default-skin/default-skin';
@@ -10,16 +13,18 @@
 @import 'swiper/css/zoom';
 @import 'swiper/css/navigation';
 
+@include theme_default.apply();
+@include theme_horizon.apply();
+
 html {
   min-height: 100vh;
   box-sizing: border-box;
 }
 
 body {
-  background: darken($main_bg_color, 12%);
   min-height: 100vh;
-  background: url('../../src/sprites/noise.png') $main_bg_color;
-  color: $main_text_color;
+  background: $page_background;
+  color: $white;
   font: $font_16_regular;
   -webkit-font-smoothing: antialiased;
   fill: white;
@@ -33,8 +38,7 @@ body {
     top: 0;
     left: 0;
     z-index: -1;
-    background: url('../../src/sprites/noise_top.png') 0% 0%;
-    background-size: 600px 600px;
+    background: $page_background_top;
     pointer-events: none;
   }
 
@@ -65,11 +69,11 @@ body {
 }
 
 .todo {
-  background-color: $red;
+  background-color: $color_danger;
 }
 
 .done {
-  background-color: $green;
+  background-color: $color_primary;
 }
 
 h2 {
@@ -77,12 +81,12 @@ h2 {
 }
 
 .username {
-  color: $wisegreen;
+  color: $color_link;
   font-weight: 600;
 }
 
 a {
-  color: $primary;
+  color: $color_link;
   text-decoration: underline;
 }