Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_scale.scss
Show All 9 Lines | 9 | &.trough { | |||
---|---|---|---|---|---|
10 | margin: 8px; | 10 | margin: 8px; | ||
11 | border-radius: $r; | 11 | border-radius: $r; | ||
12 | } | 12 | } | ||
13 | } | 13 | } | ||
14 | 14 | | |||
15 | slider { | 15 | slider { | ||
16 | min-width: 18px; | 16 | min-width: 18px; | ||
17 | min-height: 18px; | 17 | min-height: 18px; | ||
18 | background-color: b_color(normal); | 18 | background-color: gtk("@theme_button_background_normal"); | ||
19 | border: 1px solid $border_color; | 19 | border: 1px solid gtk("@borders"); | ||
20 | border-radius: 50%; | 20 | border-radius: 50%; | ||
21 | box-shadow: none; | 21 | box-shadow: none; | ||
22 | margin: -9px; | 22 | margin: -9px; | ||
23 | &:hover { | 23 | &:hover { | ||
24 | border-style: solid; | 24 | border-style: solid; | ||
25 | border-width: 2px; | 25 | border-width: 2px; | ||
26 | border-color: b_color(hover); | 26 | border-color: gtk("@theme_button_decoration_hover"); | ||
27 | border-radius: 50%; // needed for double marks scales | 27 | border-radius: 50%; // needed for double marks scales | ||
28 | &:backdrop { | 28 | &:backdrop { | ||
29 | background-color: backdrop(b_color(normal)); | 29 | background-color: gtk("@theme_button_background_backdrop"); | ||
30 | border-color: backdrop(b_color(hover)); | 30 | border-color: gtk("@theme_button_decoration_hover_insensitive"); | ||
31 | } | 31 | } | ||
32 | } | 32 | } | ||
33 | &:disabled { | 33 | &:disabled { | ||
34 | border-style: solid; // needed for double marks scales or they'll get | 34 | border-style: solid; // needed for double marks scales or they'll get | ||
35 | border-radius: 50%; // overridden | 35 | border-radius: 50%; // overridden | ||
36 | background-color: alpha2solid(insensitive(b_color(normal)),w_color(normal)); | 36 | background-color: gtkalpha("@theme_button_background_insensitive", 100.0); | ||
37 | border-color: insensitive($border_color); | 37 | opacity: 1.0; | ||
38 | border-color: gtk("@insensitive_borders"); | ||||
38 | &:backdrop { | 39 | &:backdrop { | ||
39 | background-color: alpha2solid(backdrop(insensitive(b_color(normal))),w_color(normal)); | 40 | background-color: gtkalpha("@theme_button_background_backdrop_insensitive", 100.0); | ||
40 | border-color: backdrop(insensitive($border_color)); | 41 | border-color: gtk("@unfocused_insensitive_borders"); | ||
41 | } | 42 | } | ||
42 | } | 43 | } | ||
43 | &:active { | 44 | &:active { | ||
44 | border: 2px solid b_color(active); | 45 | border: 2px solid gtk("@theme_button_decoration_focus"); | ||
45 | &:backdrop { | 46 | &:backdrop { | ||
46 | background-color: backdrop(b_color(normal)); | 47 | background-color: gtk("@theme_button_background_normal"); | ||
47 | border-color: backdrop(b_color(active)); | 48 | border-color: gtk("@theme_button_decoration_focus_backdrop"); | ||
48 | } | 49 | } | ||
49 | } | 50 | } | ||
50 | &:backdrop { | 51 | &:backdrop { | ||
51 | background-color: backdrop(b_color(normal)); | 52 | background-color: gtk("@theme_button_background_backdrop"); | ||
52 | border-color: backdrop($border_color); | 53 | border-color: gtk("@unfocused_borders"); | ||
53 | } | 54 | } | ||
54 | } | 55 | } | ||
55 | trough { | 56 | trough { | ||
56 | min-width: 6px; | 57 | min-width: 6px; | ||
57 | min-height: 6px; | 58 | min-height: 6px; | ||
58 | margin: 9px; | 59 | margin: 9px; | ||
59 | border: 0px solid; | 60 | border: 0px solid; | ||
60 | border-radius: $r; | 61 | border-radius: $r; | ||
61 | background-color: $trough_color; | 62 | background-color: $trough_color; | ||
62 | box-shadow: none; | 63 | box-shadow: none; | ||
63 | 64 | | |||
64 | &:disabled, &.vertical:disabled { | 65 | &:disabled, &.vertical:disabled { | ||
65 | border-color: insensitive($trough_color); | 66 | border-color: $trough_color_insensitive; | ||
66 | background-color: insensitive($trough_color); | 67 | background-color: $trough_color_insensitive; | ||
67 | box-shadow: none; | 68 | box-shadow: none; | ||
68 | &:backdrop { | 69 | &:backdrop { | ||
69 | background-color: backdrop(insensitive($trough_color)); | 70 | background-color: $trough_color_backdrop_insensitive; | ||
70 | border-color: backdrop(insensitive($trough_color)); | 71 | border-color: $trough_color_backdrop_insensitive; | ||
71 | } | 72 | } | ||
72 | } | 73 | } | ||
73 | &:backdrop { | 74 | &:backdrop { | ||
74 | background-color: backdrop($trough_color); | 75 | background-color: $trough_color_backdrop; | ||
75 | border-color: backdrop($trough_color); | 76 | border-color: $trough_color_backdrop; | ||
76 | } | 77 | } | ||
77 | } | 78 | } | ||
78 | highlight { | 79 | highlight { | ||
79 | border: 0px solid; | 80 | border: 0px solid; | ||
80 | border-radius: 3px; | 81 | border-radius: 3px; | ||
81 | background-color: s_color(normal); | 82 | background-color: gtk("@theme_selected_bg_color"); | ||
82 | border-color: s_color(normal); | 83 | border-color: gtk("@theme_selected_bg_color"); | ||
83 | &.vertical { | 84 | &.vertical { | ||
84 | background-color: s_color(normal); | 85 | background-color: gtk("@theme_selected_bg_color"); | ||
85 | border-color: s_color(normal); | 86 | border-color: gtk("@theme_selected_bg_color"); | ||
87 | } | ||||
88 | &:disabled { | ||||
89 | background-color: gtk("@insensitive_selected_bg_color"); | ||||
86 | } | 90 | } | ||
87 | &:disabled { background-color: insensitive(s_color(normal));} | | |||
88 | &:backdrop { | 91 | &:backdrop { | ||
89 | background-color: backdrop(s_color(backdrop)); | 92 | background-color: gtk("@theme_unfocused_selected_bg_color"); | ||
90 | border-color: backdrop(s_color(backdrop)); | 93 | border-color: gtk("@theme_unfocused_selected_bg_color"); | ||
91 | &:disabled {background-color: backdrop(insensitive(s_color(normal)));} | 94 | &:disabled { | ||
95 | background-color: gtk("@insensitive_unfocused_selected_bg_color"); | ||||
96 | } | ||||
92 | } | 97 | } | ||
93 | } | 98 | } | ||
94 | } | 99 | } |