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

slight css changes

Browse Source
This commit is contained in:
ben7sys
2024-11-25 00:31:46 +01:00
parent 558df41289
commit 5c713071cb
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/header.css
View File

@@ -67,7 +67,7 @@ header {
padding: var(--space-xs) var(--space-sm); padding: var(--space-xs) var(--space-sm);
border-radius: var(--radius-md); border-radius: var(--radius-md);
position: relative; position: relative;
background-color: rgba(var(--bg-hover-nav)); background-color: rgba(var(--header-gradient-1));
letter-spacing: 0.3px; letter-spacing: 0.3px;
} }

30
public/css/variables.css
View File

@@ -68,15 +68,15 @@
--primary-gradient-3: rgba(87, 67, 237); /* #5743ed; */ --primary-gradient-3: rgba(87, 67, 237); /* #5743ed; */
--primary-gradient-4: rgba(120, 77, 237); /* #784ded; */ --primary-gradient-4: rgba(120, 77, 237); /* #784ded; */
--bg-main: #f8f8f8; --bg-main: rgba(242, 242, 242, 1); /* #f2f2f2 */
--bg-card: #f1f1f1; --bg-card: rgba(232, 232, 232, 1); /* #e8e8e8 */
--text: #333333; --text: rgba(43, 43, 43, 1); /* #2b2b2b */
--text-muted: #666666; --text-muted: rgba(89, 89, 89, 1); /* #595959 */
--header-gradient-1: rgba(237, 237, 237, 0.9); --header-gradient-1: rgba(242, 242, 242, 0.9);
--header-gradient-2: rgba(228, 228, 228, 0.9); --header-gradient-2: rgba(232, 232, 232, 0.9);
--border-color: rgba(58, 123, 224, 0.1); --border-color: rgba(58, 123, 224, 0.15);
--bg-hover-rgb: 237, 237, 237; --bg-hover-rgb: rgba(242, 242, 242, 1);
--bg-hover-nav: 207, 207, 207; --bg-hover-nav: rgba(232, 232, 232, 1);
/* Language Switcher Specific */ /* Language Switcher Specific */
--lang-switcher-bg: var(--bg-card); --lang-switcher-bg: var(--bg-card);
@@ -98,14 +98,14 @@
/* Dark Theme */ /* Dark Theme */
[data-theme="dark"] { [data-theme="dark"] {
--bg-main: #0a0a0a; --bg-main: rgba(10, 10, 10, 1); /* #0a0a0a */
--bg-card: #141414; --bg-card: rgba(20, 20, 20, 1); /* #141414 */
--text: #e0e0e0; --text: rgba(224, 224, 224, 1); /* #e0e0e0 */
--text-muted: #888888; --text-muted: rgba(136, 136, 136, 1); /* #888888 */
--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: rgba(17, 17, 17, 1);
--bg-hover-nav: 20, 20, 20; --bg-hover-nav: rgba(20, 20, 20, 1);
/* Language Switcher Dark Theme */ /* Language Switcher Dark Theme */
--lang-switcher-bg: var(--bg-card); --lang-switcher-bg: var(--bg-card);