Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_switch.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | /********** | 3 | /********** | ||
4 | * Switch * | 4 | * Switch * | ||
5 | **********/ | 5 | **********/ | ||
6 | 6 | | |||
7 | switch { | 7 | switch { | ||
8 | margin: 2px; | 8 | margin: 2px; | ||
9 | font-weight: bold; | 9 | font-weight: bold; | ||
10 | font-size: smaller; | 10 | font-size: smaller; | ||
11 | min-width: 48px; | 11 | min-width: 48px; | ||
12 | min-height: 24px; | 12 | min-height: 24px; | ||
13 | border: 0px solid; | 13 | border: 0px solid; | ||
14 | border-radius: 12px; | 14 | border-radius: 12px; | ||
15 | color: transparent; | 15 | color: transparent; | ||
16 | background-color: transparentize(b_color(text),0.7); | 16 | background-color: gtkalpha("@theme_button_foreground_normal",0.3); | ||
17 | text-shadow: none; | 17 | text-shadow: none; | ||
18 | 18 | | |||
19 | &:checked { | 19 | &:checked { | ||
20 | background-color: s_color(normal); | 20 | background-color: gtk("@theme_selected_bg_color"); | ||
21 | } | 21 | } | ||
22 | 22 | | |||
23 | &:backdrop { | 23 | &:backdrop { | ||
24 | background-color: backdrop(transparentize(b_color(text),0.7)); | 24 | background-color: gtkalpha("@theme_button_foreground_backdrop", 0.3); | ||
25 | text-shadow: none; | 25 | text-shadow: none; | ||
26 | 26 | | |||
27 | &:checked { | 27 | &:checked { | ||
28 | background-color: backdrop(s_color(normal)); | 28 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||
29 | } | 29 | } | ||
30 | } | 30 | } | ||
31 | 31 | | |||
32 | slider { | 32 | slider { | ||
33 | min-width: 22px; | 33 | min-width: 22px; | ||
34 | min-height: 22px; | 34 | min-height: 22px; | ||
35 | border: 1px solid; | 35 | border: 1px solid; | ||
36 | border-radius: 11px; | 36 | border-radius: 11px; | ||
37 | background-color: w_color(normal); | 37 | background-color: gtk("@theme_bg_color"); | ||
38 | border-color: $border_color; | 38 | border-color: gtk("@borders"); | ||
39 | } | 39 | } | ||
40 | 40 | | |||
41 | &:hover slider { border-color: b_color(hover); } | 41 | &:hover slider { border-color: gtk("@theme_button_decoration_hover"); } | ||
42 | 42 | | |||
43 | &:disabled slider { | 43 | &:disabled slider { | ||
44 | background-color:insensitive(w_color(normal)); | 44 | background-color: gtk("@insensitive_bg_color"); | ||
45 | } | 45 | } | ||
46 | 46 | | |||
47 | &:backdrop { | 47 | &:backdrop { | ||
48 | slider { | 48 | slider { | ||
49 | background-color: backdrop(w_color(normal)); | 49 | background-color: gtk("@theme_unfocused_bg_color"); | ||
50 | } | 50 | } | ||
51 | 51 | | |||
52 | &:disabled slider { background-color: backdrop(insensitive(w_color(normal))); } | 52 | &:disabled slider { background-color: gtk("@insensitive_unfocused_bg_color"); } | ||
53 | } | 53 | } | ||
54 | } | 54 | } |