switched global css theme to catppuccin macchiato

This commit is contained in:
2026-01-07 22:07:33 +01:00
parent 5501162bf8
commit fa60d23eb3

View File

@@ -1,18 +1,18 @@
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');
:root { :root {
--bg-color: #0f1116; --bg-color: #181926;
--container-bg: #171922; --container-bg: #1e2030;
--text-main: #e2e2e9; --lighter-bg: #24273a;
--text-muted: #a1a1b5; --text-main: #cad3f5;
--text-muted: #a5adcb;
--accent: #ff4d94; --accent: #8aadf4;
--accent-glow: rgba(255, 77, 148, 0.3); --accent-glow: #c6a0f6;
--accent-dark: #cc3d76;
--code-bg: var(--container-bg); --code-bg: var(--container-bg);
--border-color: rgba(255, 255, 255, 0.1); --border-color: #494d64;
--selection-bg: rgba(255, 77, 148, 0.4); --selection-bg: rgba(91, 96, 120, 0.4);
--radius-sm: 6px; --radius-sm: 6px;
--radius-md: 12px; --radius-md: 12px;
@@ -77,7 +77,7 @@ a {
} }
a:hover { a:hover {
color: #ff80b3; color: var(--accent-glow);
text-shadow: 0 0 8px var(--accent-glow); text-shadow: 0 0 8px var(--accent-glow);
} }
@@ -144,7 +144,7 @@ table {
} }
th { th {
background: rgba(255, 77, 148, 0.1); background: var(--lighter-bg);
color: var(--accent); color: var(--accent);
text-align: left; text-align: left;
} }
@@ -155,7 +155,7 @@ th, td {
} }
tr:nth-child(even) { tr:nth-child(even) {
background: rgba(255, 255, 255, 0.02); background: rgba(255, 255, 255, 0.025);
} }
hr { hr {
@@ -224,7 +224,7 @@ nav {
background: var(--container-bg); background: var(--container-bg);
/* backdrop-filter: blur(var(--blur-amount)); */ /* backdrop-filter: blur(var(--blur-amount)); */
/* -webkit-backdrop-filter: blur(var(--blur-amount)); */ /* -webkit-backdrop-filter: blur(var(--blur-amount)); */
border-bottom: 1px solid var(--border-color); border-bottom: 2px solid var(--border-color);
padding: 1rem 2rem; padding: 1rem 2rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -239,10 +239,6 @@ nav a {
transition: color 0.2s ease; transition: color 0.2s ease;
} }
nav a:hover {
color: var(--accent);
}
.btn { .btn {
display: inline-block; display: inline-block;
color: #fff; color: #fff;
@@ -255,11 +251,6 @@ nav a:hover {
transition: background 0.2s ease; transition: background 0.2s ease;
} }
.btn:hover {
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
.btn.disabled { .btn.disabled {
color: var(--text-muted); color: var(--text-muted);
cursor: not-allowed; cursor: not-allowed;