|
@@ -28,6 +28,8 @@
|
|
|
--chart-2: oklch(0.6231 0.188 259.8145);
|
|
--chart-2: oklch(0.6231 0.188 259.8145);
|
|
|
--chart-3: oklch(0.6056 0.2189 292.7172);
|
|
--chart-3: oklch(0.6056 0.2189 292.7172);
|
|
|
--chart-4: oklch(0.7686 0.1647 70.0804);
|
|
--chart-4: oklch(0.7686 0.1647 70.0804);
|
|
|
|
|
+ --success-fg: oklch(0.45 0.13 160);
|
|
|
|
|
+ --warning-fg: oklch(0.48 0.12 65);
|
|
|
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
|
|
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
|
|
|
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
|
--font-mono: JetBrains Mono, ui-monospace, monospace;
|
|
--font-mono: JetBrains Mono, ui-monospace, monospace;
|
|
@@ -74,6 +76,8 @@
|
|
|
--chart-2: oklch(0.7137 0.1434 254.624);
|
|
--chart-2: oklch(0.7137 0.1434 254.624);
|
|
|
--chart-3: oklch(0.709 0.1592 293.5412);
|
|
--chart-3: oklch(0.709 0.1592 293.5412);
|
|
|
--chart-4: oklch(0.8369 0.1644 84.4286);
|
|
--chart-4: oklch(0.8369 0.1644 84.4286);
|
|
|
|
|
+ --success-fg: oklch(0.8003 0.1821 151.711);
|
|
|
|
|
+ --warning-fg: oklch(0.8369 0.1644 84.4286);
|
|
|
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
|
|
--font-sans: Inter, ui-sans-serif, sans-serif, system-ui;
|
|
|
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
|
--font-mono: JetBrains Mono, ui-monospace, monospace;
|
|
--font-mono: JetBrains Mono, ui-monospace, monospace;
|
|
@@ -372,8 +376,8 @@ body {
|
|
|
transform: none;
|
|
transform: none;
|
|
|
}
|
|
}
|
|
|
.code-copy-btn.copied {
|
|
.code-copy-btn.copied {
|
|
|
- color: #22c55e;
|
|
|
|
|
- border-color: #22c55e44;
|
|
|
|
|
|
|
+ color: var(--success-fg);
|
|
|
|
|
+ border-color: color-mix(in oklab, var(--success-fg) 30%, transparent);
|
|
|
}
|
|
}
|
|
|
.code-copy-btn svg {
|
|
.code-copy-btn svg {
|
|
|
width: 11px;
|
|
width: 11px;
|
|
@@ -434,3 +438,14 @@ body {
|
|
|
background: rgba(255, 255, 255, 0.22);
|
|
background: rgba(255, 255, 255, 0.22);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+@media (prefers-reduced-motion: reduce) {
|
|
|
|
|
+ *,
|
|
|
|
|
+ *::before,
|
|
|
|
|
+ *::after {
|
|
|
|
|
+ animation-duration: 0.01ms !important;
|
|
|
|
|
+ animation-iteration-count: 1 !important;
|
|
|
|
|
+ transition-duration: 0.01ms !important;
|
|
|
|
|
+ scroll-behavior: auto !important;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|