Match server branding to logo

This commit is contained in:
Alexa
2026-06-15 20:55:34 +03:00
parent 6e2b3979f1
commit 30e6ea3e8b
23 changed files with 552 additions and 62 deletions
+19 -13
View File
@@ -5,7 +5,7 @@
:root {
color-scheme: dark;
--bg: #07080b;
--bg-grad: radial-gradient(circle at 20% -10%, #1d1748 0%, #07080b 55%);
--bg-grad: radial-gradient(circle at 18% -8%, rgba(11, 149, 199, 0.22) 0%, rgba(7, 8, 11, 0) 42%), linear-gradient(135deg, #07080b 0%, #0c171c 48%, #07080b 100%);
--panel: rgba(20, 22, 30, 0.7);
--panel-2: #161922;
--panel-3: #1f2330;
@@ -14,9 +14,9 @@
--text: #f0f2f8;
--text-dim: #b0b6c8;
--muted: #757b8e;
--accent: #ff6ec7;
--accent-2: #7aa9ff;
--accent-grad: linear-gradient(135deg, #ff6ec7 0%, #b48cff 50%, #7aa9ff 100%);
--accent: #33ebff;
--accent-2: #0b95c7;
--accent-grad: linear-gradient(135deg, #33ebff 0%, #0b95c7 100%);
--good: #4ad28b;
--danger: #ff6f7d;
--shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
@@ -41,7 +41,7 @@ body {
}
a { color: var(--accent-2); text-decoration: none; transition: color var(--t); }
a:hover { color: #a3c4ff; }
a:hover { color: #c8f3ff; }
button {
background: var(--panel-2);
@@ -61,15 +61,15 @@ button.primary {
border-color: transparent;
color: #07080b;
font-weight: 600;
box-shadow: 0 4px 18px rgba(255, 110, 199, 0.25);
box-shadow: 0 4px 18px rgba(11, 149, 199, 0.28);
}
button.primary:hover { box-shadow: 0 6px 24px rgba(255, 110, 199, 0.4); }
button.primary:hover { box-shadow: 0 6px 24px rgba(51, 235, 255, 0.28); }
button.ghost {
background: transparent;
border-color: var(--border);
color: var(--text-dim);
}
button.ghost:hover { color: var(--text); border-color: var(--accent); background: rgba(255,110,199,0.06); }
button.ghost:hover { color: var(--text); border-color: var(--accent); background: rgba(11, 149, 199, 0.1); }
/* ── Site shell ──────────────────────────────────────────────────── */
@@ -97,13 +97,19 @@ button.ghost:hover { color: var(--text); border-color: var(--accent); background
}
.logo:hover { color: var(--text); }
.logo-mark {
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--accent-grad);
width: 28px;
height: 28px;
border-radius: 8px;
background: #07080b;
color: transparent;
box-shadow: 0 4px 14px rgba(255, 110, 199, 0.5);
box-shadow: 0 4px 14px rgba(11, 149, 199, 0.42);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(51, 235, 255, 0.28);
overflow: hidden;
}
.logo-mark img { width: 100%; height: 100%; object-fit: contain; padding: 1px; }
.site-nav {
display: flex;
gap: 4px;