From 315df388877477b009e0074fbe194a1650f959fa Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 4 Feb 2026 17:00:21 +0000
Subject: [PATCH] new colors

---
 nginx/vue/src/assets/styles.css | 6 ++++--
 nginx/vue/src/views/Home.vue    | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index 2e6f4ef..8a4df08 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/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);
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index adabd67..4b1c199 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/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;