new palette

.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+
 *.local
 
 # Editor directories and files

style.css

@@ -8,8 +8,8 @@
   --text-color: white;
   --bg-url: url(./assets/bg-desktop.jpg);
   --stroke-color: rgba(255, 255, 255, 0.5);
-  --surface-color: #36ecefb5;
-  --surface-color-hover: #36ecef80;
+  --surface-color: #10206f;
+  --surface-color-hover: #100c7b;
   --highlight-color: rgba(255, 255, 255, 0.2);
   --switch-bg-url: url(./assets/moon-stars.svg);
 }
@@ -18,14 +18,30 @@
   --text-color: black;
   --bg-url: url(./assets/bg-desktop-light.jpg);
   --stroke-color: rgba(0, 0, 0, 0.5);
-  --surface-color: #83dacbd4;
-  --surface-color-hover: #83dacb87;
+  --surface-color: #efbc3b;
+  --surface-color-hover: #f6c240;
   --highlight-color: rgba(0, 0, 0, 0.1);
   --switch-bg-url: url(./assets/sun.svg);
 }
 
 body {
-  background: var(--bg-url) no-repeat top center/cover;
+  background: rgb(3, 10, 32);
+  background: linear-gradient(
+    0deg,
+    rgba(3, 10, 32, 1) 0%,
+    rgba(16, 32, 111, 1) 100%
+  );
+  height: 100vh;
+  overflow: hidden;
+}
+
+.light body {
+  background: rgb(34, 193, 195);
+  background: linear-gradient(
+    0deg,
+    rgba(34, 193, 195, 1) 0%,
+    rgba(253, 187, 45, 1) 100%
+  );
   height: 100vh;
   overflow: hidden;
 }