htmx/static/pico-1.5.11/scss/themes/default.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

/**
 * Theme: default
 */

// Variables
@import "../variables";
@import "default/colors";

// Commons styles
@import "default/styles";

// Light theme (Default)
// Can be forced with data-theme="light"
@import "default/light";

// Dark theme (Auto)
// Automatically enabled if user has Dark mode enabled
@import "default/dark";
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    @include dark;
  }
}

// Dark theme (Forced)
// Enabled if forced with data-theme="dark"
[data-theme="dark"] {
  @include dark;
}

// Accent-color
progress,
[type="checkbox"],
[type="radio"],
[type="range"] {
  accent-color: var(--primary);
}