adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

new colors

Browse Source
This commit is contained in:
Adam French
2026-02-04 17:00:21 +00:00
parent e3384eaa21
commit 315df38887
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nginx/vue/src/assets/styles.css
View File

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

6
nginx/vue/src/views/Home.vue
View File

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