Dark Mode
Astral framework also supports dark mode
Dark mode it's pretty straight forward to use. The automatic toggling uses the media-prefers-scheme to get the user's desired theme and apply automatically. Of course, this doesn't work in some (mosts) of Linux Operating systems, and that's what the manual version is aimed for. It's also really useful if you want your users to select their own theme.
Dark theme
Dark theme panel
Card
I am a dark theme card
| Name | Item Name | Item Price |
|---|---|---|
| Abubakar | Eclair | $0.87 |
| Blessing | Jellybean | $3.76 |
| Abasifreke | Lollipop | $7.00 |
| Jumbo | KitKat | $9.99 |
Light Theme
Light theme panel
Card
I am a light theme card
| Name | Item Name | Item Price |
|---|---|---|
| Abubakar | Eclair | $0.87 |
| Blessing | Jellybean | $3.76 |
| Abasifreke | Lollipop | $7.00 |
| Jumbo | KitKat | $9.99 |
Usage:
<body class="dark-theme"></body>