sam/Hyperia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

light mode better colors

Browse Source
This commit is contained in:
metacryst
2025-11-10 09:02:24 -06:00
parent 41c0bb57a3
commit fa67271ae8
11 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/site/components/Home.js
View File

@@ -57,7 +57,7 @@ class Home extends Shadow {
.top("5vh")
.right("2em")
.background("transparent")
.border(window.location.pathname === "/" ? "1px solid var(--tan)" : "1px solid var(--periwinkle)")
.border(window.location.pathname === "/" ? "1px solid var(--tan)" : "1px solid var(--accent2)")
.color(window.location.pathname === "/" ? "var(--tan)" : "var(--accent)")
.borderRadius(5, px)
.onHover(function (hovering) {
@@ -72,7 +72,7 @@ class Home extends Shadow {
this.style.border = "1px solid var(--tan)"
this.style.color = "var(--tan)"
} else {
this.style.border = "1px solid var(--periwinkle)"
this.style.border = "1px solid var(--accent2)"
this.style.color = "var(--accent)"
}
})

2
ui/site/components/InputBox.js
View File

@@ -9,7 +9,7 @@ css(`
.input {
width: 100%;
background-color: var(--periwinkle);
background-color: var(--accent2);
opacity: 0.5;
border-radius: 12px;
border: none;

4
ui/site/components/Sidebar.js
View File

@@ -5,7 +5,7 @@ css(`
left: 0;
height: 100vh;
width: 16vw;
border-right: 0.5px solid var(--periwinkle);
border-right: 0.5px solid var(--accent2);
display: flex;
flex-direction: column;
padding-top: 13vh;
@@ -14,7 +14,7 @@ css(`
side-bar button {
color: var(--darkbrown);
margin: 1.5em;
background-color: color-mix(in srgb, var(--periwinkle) 35%, var(--orange) 65%);
background-color: color-mix(in srgb, var(--accent2) 35%, var(--orange) 65%);
border: 1px solid var(--orange);
border-radius: 12px;
padding: 0.5em;