switched global css theme to catppuccin macchiato
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user