docs: use nova starlight theme

This commit is contained in:
3252a8
2026-05-26 16:18:15 +03:00
parent 5833b18052
commit 804ccdabec
4 changed files with 318 additions and 55 deletions
+28 -55
View File
@@ -1,63 +1,36 @@
:root {
--sl-color-accent-low: #d7f6ef;
--sl-color-accent: #0f766e;
--sl-color-accent-high: #0b3d39;
--sl-color-white: #171717;
--sl-color-gray-1: #2a2f35;
--sl-color-gray-2: #46505a;
--sl-color-gray-3: #6b7580;
--sl-color-gray-4: #aab4bd;
--sl-color-gray-5: #d7dde2;
--sl-color-gray-6: #edf1f4;
--sl-color-gray-7: #f7f9fa;
--sl-color-black: #ffffff;
--sl-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@layer starlight, nova, minishop;
:root[data-theme='dark'] {
--sl-color-accent-low: #06302d;
--sl-color-accent: #2dd4bf;
--sl-color-accent-high: #cbfbf1;
--sl-color-white: #f8fafc;
--sl-color-gray-1: #e6eef5;
--sl-color-gray-2: #c1ccd6;
--sl-color-gray-3: #95a3b3;
--sl-color-gray-4: #526171;
--sl-color-gray-5: #303b49;
--sl-color-gray-6: #1e2937;
--sl-color-gray-7: #111827;
--sl-color-black: #0a0f18;
}
@layer minishop {
.site-title {
font-weight: 760;
}
.site-title {
font-weight: 760;
}
.hero {
gap: clamp(2rem, 6vw, 5rem);
padding-block: clamp(3.5rem, 10vw, 6.5rem);
}
.hero {
gap: clamp(2rem, 6vw, 5rem);
padding-block: clamp(3.5rem, 10vw, 6.5rem);
}
.hero img {
border: 1px solid var(--sl-color-gray-5);
border-radius: 10px;
box-shadow: 0 24px 70px rgb(15 23 42 / 18%);
}
.hero img {
border: 1px solid var(--sl-color-gray-5);
border-radius: 10px;
box-shadow: 0 24px 70px rgb(15 23 42 / 18%);
}
:root[data-theme='dark'] .hero img {
box-shadow: 0 24px 70px rgb(0 0 0 / 36%);
}
:root[data-theme='dark'] .hero img {
box-shadow: 0 24px 70px rgb(0 0 0 / 36%);
}
.sl-markdown-content :is(h2, h3) {
letter-spacing: 0;
}
.sl-markdown-content :is(h2, h3) {
letter-spacing: 0;
}
.sl-markdown-content table {
font-size: 0.92rem;
}
.sl-markdown-content table {
font-size: 0.92rem;
}
.sl-markdown-content code:not(:where(pre *)) {
border: 1px solid var(--sl-color-gray-5);
border-radius: 5px;
padding: 0.08rem 0.28rem;
.sl-markdown-content code:not(:where(pre *)) {
border: 1px solid var(--sl-color-gray-5);
border-radius: 5px;
padding: 0.08rem 0.28rem;
}
}