Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-05 20:56:13 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add different color for sidebar/header

Browse Source
This commit is contained in:
Kalle 2026-03-09 17:45:57 +02:00
parent 40ab311e3e
commit d2c7faa0f5
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/SideNav.module.css
View File

@ -1,5 +1,5 @@
.sideNav {
background-color: var(--color-bg);
background-color: var(--color-bg-nav);
min-width: var(--layout-sidenav-width);
max-width: var(--layout-sidenav-width);
border-right: 1.5px solid var(--color-border);

2
app/components/layout/index.module.css
View File

@ -10,7 +10,7 @@
align-items: center;
gap: var(--s-2);
border-bottom: 1.5px solid var(--color-border);
background-color: var(--color-bg);
background-color: var(--color-bg-nav);
font-weight: var(--weight-extra);
padding-inline: var(--s-4);
position: sticky;

5
app/styles/vars.css
View File

@ -190,6 +190,11 @@ html {
--color-bg: var(--color-base-7);
--color-bg-high: var(--color-base-6);
--color-bg-higher: var(--color-base-5);
--color-bg-nav: color-mix(
in oklch,
var(--color-bg) 75%,
var(--color-bg-high) 25%
);
--color-bg-ability: oklch(11.736% 0.00867 215.976);
--color-bg-badge: oklch(0% 0 0);