new colors

nginx/vue/src/assets/styles.css

@@ -41,8 +41,8 @@
     /* MAIN COLORS */
     --primary: #55ffbb;
     --secondary: #62ff57;
-    --tertiary: #57d2ff;
-    --quaternary: #400;
+    --tertiary: #ff579a;
+    --quaternary: #024942;
 
     /* BACKGROUND COLORS */
     --bg_primary: #1b110e;
@@ -69,6 +69,8 @@
     --color-link: var(--link);
 
     --borderWidth-primary: var(--primary);
+    --borderWidth-secondary: var(--secondary);
+    --borderWidth-tertiary: var(--tertiary);
 
     --font-heading: var(--font_heading);
     --default-font-family: var(--font_default);

nginx/vue/src/views/Home.vue

@@ -52,8 +52,8 @@ import Consumption from "@/components/home/Consumption.vue";
     height: 297mm;
 }
 .homeGrid > * {
-    @apply border-2 border-dotted;
-    border-color: var(--primary);
+    @apply border-2 border;
+    border-color: var(--quaternary);
     background-color: var(--bg_primary);
 }
 
@@ -64,7 +64,7 @@ import Consumption from "@/components/home/Consumption.vue";
     grid-template-rows: repeat(10, 1fr);
 }
 
-@media (max-width: 800px) {
+@media (max-width: 850px) {
     .homeGrid {
         width: 100%;
         display: flex;