Skip to content

Commit 05b65b4

Browse files
authored
feat(docs): add dark mode toggle (#14)
1 parent 3d6eaaa commit 05b65b4

File tree

3 files changed

+20
-3
lines changed

3 files changed

+20
-3
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -225,9 +225,10 @@ The Navigation API is supported in:
225225

226226
- Chrome 102+
227227
- Edge 102+
228+
- Safari 26.2+
228229
- Opera 88+
229230

230-
Firefox and Safari do not yet support the Navigation API. For these browsers, consider using a polyfill.
231+
Firefox does not yet support the Navigation API. For Firefox, consider using a polyfill.
231232

232233
## License
233234

packages/docs/src/pages/GettingStartedPage.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,9 @@ yarn add @funstack/router`}</code>
2626
>
2727
Navigation API
2828
</a>{" "}
29-
which is currently supported in Chromium-based browsers. For broader
30-
browser support, consider using a polyfill.
29+
which is supported in Chrome 102+, Edge 102+, Safari 26.2+, and Opera
30+
88+. Firefox does not yet support the Navigation API; for Firefox,
31+
consider using a polyfill.
3132
</p>
3233
</section>
3334

packages/docs/src/styles.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,21 @@
2424
--header-height: 64px;
2525
}
2626

27+
@media (prefers-color-scheme: dark) {
28+
:root {
29+
--color-bg: #0f0f1a;
30+
--color-bg-secondary: #1a1a2e;
31+
--color-bg-code: #0a0a12;
32+
--color-text: #e8e8f0;
33+
--color-text-secondary: #a0a0b8;
34+
--color-text-code: #e0e0e0;
35+
--color-primary: #818cf8;
36+
--color-primary-dark: #6366f1;
37+
--color-border: #2a2a40;
38+
--color-link: #818cf8;
39+
}
40+
}
41+
2742
html {
2843
scroll-behavior: smooth;
2944
}

0 commit comments

Comments
 (0)