ben7sys/web7sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added header gradient, improved horizontal line

Browse Source
This commit is contained in:
ben7sys
2024-11-17 10:05:51 +01:00
parent 172b2d0784
commit 9fd7195c2d
3 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/header-line.css
View File

@@ -4,5 +4,11 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;
background-color: var(--primary); background: linear-gradient(
90deg,
var(--primary-gradient-1),
var(--primary-gradient-2),
var(--primary-gradient-3),
var(--primary-gradient-4)
);
} }

2
public/css/header.css
View File

@@ -58,7 +58,7 @@ header {
padding: 0.5rem 0.8rem; padding: 0.5rem 0.8rem;
border-radius: var(--border-radius); border-radius: var(--border-radius);
position: relative; position: relative;
background-color: rgba(var(--bg-hover-rgb), 0.4); background-color: rgba(var(--bg-hover-nav), 0.4);
letter-spacing: 0.3px; letter-spacing: 0.3px;
} }

12
public/css/variables.css
View File

@@ -6,14 +6,15 @@
--primary-gradient-3: #5743ed; --primary-gradient-3: #5743ed;
--primary-gradient-4: #784dd9; --primary-gradient-4: #784dd9;
--bg-main: #ffffff; --bg-main: #f8f8f8;
--bg-card: #f5f5f5; --bg-card: #f1f1f1;
--text: #333333; --text: #333333;
--text-muted: #666666; --text-muted: #666666;
--header-gradient-1: rgba(220, 220, 220, 0.9); --header-gradient-1: rgba(237, 237, 237, 0.9);
--header-gradient-2: rgba(235, 235, 235, 0.9); --header-gradient-2: rgba(228, 228, 228, 0.9);
--border-color: rgba(58, 123, 224, 0.1); --border-color: rgba(58, 123, 224, 0.1);
--bg-hover-rgb: 207, 207, 207; --bg-hover-rgb: 228, 228, 228;
--bg-hover-nav: 241, 241, 241;
} }
[data-theme="dark"] { [data-theme="dark"] {
@@ -24,6 +25,7 @@
--header-gradient-1: rgba(14, 14, 14, 0.9); --header-gradient-1: rgba(14, 14, 14, 0.9);
--header-gradient-2: rgba(41, 41, 41, 0.9); --header-gradient-2: rgba(41, 41, 41, 0.9);
--bg-hover-rgb: 17, 17, 17; --bg-hover-rgb: 17, 17, 17;
--bg-hover-nav: 20, 20, 20;
} }
/* Common tokens */ /* Common tokens */