From bd5a00c61b355c857b5c99323592ca432dea5d0a Mon Sep 17 00:00:00 2001 From: Mitchell Riedstra Date: Fri, 5 Jan 2024 23:18:49 -0500 Subject: wip --- htmx/static/pico-1.5.11/docs/src/themes.html | 66 ++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) create mode 100644 htmx/static/pico-1.5.11/docs/src/themes.html (limited to 'htmx/static/pico-1.5.11/docs/src/themes.html') diff --git a/htmx/static/pico-1.5.11/docs/src/themes.html b/htmx/static/pico-1.5.11/docs/src/themes.html new file mode 100644 index 0000000..1f6cb99 --- /dev/null +++ b/htmx/static/pico-1.5.11/docs/src/themes.html @@ -0,0 +1,66 @@ + + + + ${require('./_head.html') + title=`Themes` + description=`Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark').` + canonical=`themes.html` + } + + + + ${require('./_nav.html')} + +
+ ${require('./_sidebar.html') active=`themes-link`} + +
+
+
+

Themes

+

Pico is shipped with 2 consistent themes: Light & Dark.

+
+

The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled prefers-color-scheme: dark

+
+ +
+

Themes can be forced on document level <html data-theme="light"> or on any HTML element <article data-theme="dark">

+
+

Light theme

+
+ + + +
+
+ +
<article data-theme="light">
+  …
+</article>
+ +
+
+
+

Dark theme

+
+ + + +
+
+ +
<article data-theme="dark">
+  …
+</article>
+ +
+
+
+ + ${require('./_footer.html')} + +
+
+ + + -- cgit v1.2.3