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 | } | ||