Color Scheme
Tetapkan skema warna pilihan
Sintaks
visual="color-scheme:[value]"Nilai
| Nilai | CSS Output | Huraian |
|---|---|---|
light | color-scheme: light | Mod cerah |
dark | color-scheme: dark | Mod gelap |
normal | color-scheme: normal | Lalai sistem |
Contoh
html
<html visual="color-scheme:dark">Dark mode</html>Pratonton
Skema Warna
visual="color-scheme:dark" - Tetapkan mod warna pilihan
light
dark
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:small" visual="bg:primary text:white rounded:small">light</div>
<div space="p:small" visual="bg:primary text:white rounded:small">dark</div>
</div>