Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_spinbutton.scss
Show All 24 Lines | 15 | entry { | |||
---|---|---|---|---|---|
25 | &:backdrop:disabled { background-color: transparent; } | 25 | &:backdrop:disabled { background-color: transparent; } | ||
26 | } | 26 | } | ||
27 | 27 | | |||
28 | button { | 28 | button { | ||
29 | min-height: 16px; | 29 | min-height: 16px; | ||
30 | margin: 0; | 30 | margin: 0; | ||
31 | padding-bottom: 0; | 31 | padding-bottom: 0; | ||
32 | padding-top: 0; | 32 | padding-top: 0; | ||
33 | color: v_color(text); | 33 | color: gtk("@theme_text_color"); | ||
34 | background-image: none; | 34 | background-image: none; | ||
35 | background-color: transparent; | 35 | background-color: transparent; | ||
36 | border-style: none; | 36 | border-style: none; | ||
37 | box-shadow: none; | 37 | box-shadow: none; | ||
38 | 38 | | |||
39 | &:hover { | 39 | &:hover { | ||
40 | color: v_color(hover); | 40 | color: gtk("@theme_view_hover_decoration_color"); | ||
41 | } | 41 | } | ||
42 | 42 | | |||
43 | &:disabled { | 43 | &:disabled { | ||
44 | color: insensitive(v_color(text)); | 44 | color: gtk("@insensitive_base_fg_color"); | ||
45 | } | 45 | } | ||
46 | 46 | | |||
47 | &:active { | 47 | &:active { | ||
48 | color: v_color(active); | 48 | color: gtk("@theme_view_active_decoration_color"); | ||
49 | box-shadow: none; | 49 | box-shadow: none; | ||
50 | } | 50 | } | ||
51 | 51 | | |||
52 | &:backdrop { | 52 | &:backdrop { | ||
53 | color: backdrop(v_color(text)); | 53 | color: gtk("@theme_unfocused_text_color"); | ||
54 | background-color: transparent; | 54 | background-color: transparent; | ||
55 | } | 55 | } | ||
56 | 56 | | |||
57 | &:backdrop:disabled { | 57 | &:backdrop:disabled { | ||
58 | color: backdrop(insensitive(v_color(text))); | 58 | color: gtk("@theme_unfocused_view_text_color"); | ||
59 | background-color: transparent; | 59 | background-color: transparent; | ||
60 | border-style: none; // It is needed or it gets overridden | 60 | border-style: none; // It is needed or it gets overridden | ||
61 | } | 61 | } | ||
62 | 62 | | |||
63 | &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } | 63 | &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } | ||
64 | 64 | | |||
65 | &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } | 65 | &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } | ||
66 | } | 66 | } | ||
67 | } | 67 | } | ||
68 | 68 | | |||
69 | // Vertical | 69 | // Vertical | ||
70 | &.vertical { | 70 | &.vertical { | ||
71 | // in the vertical configuration, we treat the spinbutton | 71 | // in the vertical configuration, we treat the spinbutton | ||
72 | // as a box, and tweak the style of the entry in the middle | 72 | // as a box, and tweak the style of the entry in the middle | ||
73 | // so that it's linked | 73 | // so that it's linked | ||
74 | 74 | | |||
75 | // FIXME: this should not be set at all, but otherwise it gets the wrong | 75 | // FIXME: this should not be set at all, but otherwise it gets the wrong | ||
76 | // color | 76 | // color | ||
77 | &:disabled { color: insensitive(v_color(text)); } | 77 | &:disabled { color: gtk("@insensitive_base_fg_color"); } | ||
78 | 78 | | |||
79 | &:backdrop:disabled { color: backdrop(insensitive(v_color(text))); } | 79 | &:backdrop:disabled { color: gtk("@theme_unfocused_view_text_color"); } | ||
80 | 80 | | |||
81 | &:drop(active) { | 81 | &:drop(active) { | ||
82 | border-color: transparent; | 82 | border-color: transparent; | ||
83 | box-shadow: none; | 83 | box-shadow: none; | ||
84 | } | 84 | } | ||
85 | 85 | | |||
86 | entry { | 86 | entry { | ||
87 | margin: 0px; | 87 | margin: 0px; | ||
88 | min-height: 26px; | 88 | min-height: 26px; | ||
89 | min-width: 26px; | 89 | min-width: 26px; | ||
90 | border-style: none solid none solid; | 90 | border-style: none solid none solid; | ||
91 | border-color: $border_color; | 91 | border-color: gtk("@borders"); | ||
92 | padding: 0; | 92 | padding: 0; | ||
93 | border-radius: 0; | 93 | border-radius: 0; | ||
94 | &:disabled { | 94 | &:disabled { | ||
95 | color: insensitive(v_color(text)); | 95 | color: gtk("@insensitive_base_fg_color"); | ||
96 | background-color: insensitive(v_color(normal)); | 96 | background-color: gtk("@insensitive_base_color"); | ||
97 | border-color: insensitive($border_color); | 97 | border-color: gtk("@insensitive_borders"); | ||
98 | } | 98 | } | ||
99 | &:backdrop:disabled { | 99 | &:backdrop:disabled { | ||
100 | color: backdrop(insensitive(v_color(text))); | 100 | color: gtk("@theme_unfocused_view_text_color"); | ||
101 | background-color: backdrop(insensitive(v_color(normal))); | 101 | background-color: gtk("@theme_unfocused_view_bg_color"); | ||
102 | border-color: backdrop(insensitive($border_color)); | 102 | border-color: gtk("@unfocused_insensitive_borders"); | ||
103 | } | 103 | } | ||
104 | } | 104 | } | ||
105 | 105 | | |||
106 | button { | 106 | button { | ||
107 | min-height: 26px; | 107 | min-height: 26px; | ||
108 | min-width: 26px; | 108 | min-width: 26px; | ||
109 | padding: 0; | 109 | padding: 0; | ||
110 | box-shadow: none; | 110 | box-shadow: none; | ||
111 | background-image: none; | 111 | background-image: none; | ||
112 | background-color: v_color(normal); | 112 | background-color: gtk("@theme_base_color"); | ||
113 | color: v_color(text); | 113 | color: gtk("@theme_base_fg_color"); | ||
114 | border-color: $border_color; | 114 | border-color: gtk("@borders"); | ||
115 | &:hover { color: v_color(hover);} | 115 | &:hover { color: gtk("@theme_view_hover_decoration_color");} | ||
116 | &:active { color: v_color(active);} | 116 | &:active { color: gtk("@theme_view_active_decoration_color");} | ||
117 | &:disabled { | 117 | &:disabled { | ||
118 | color: insensitive(v_color(text)); | 118 | color: gtk("@insensitive_base_fg_color"); | ||
119 | background-color: insensitive(v_color(normal)); | 119 | background-color: gtk("@insensitive_base_color"); | ||
120 | border-color: insensitive($border_color); | 120 | border-color: gtk("@insensitive_borders"); | ||
121 | } | 121 | } | ||
122 | &:backdrop:disabled { | 122 | &:backdrop:disabled { | ||
123 | color: backdrop(insensitive(v_color(text))); | 123 | color: gtk("@theme_unfocused_view_text_color"); | ||
124 | background-color: backdrop(insensitive(v_color(normal))); | 124 | background-color: gtk("@theme_unfocused_view_bg_color"); | ||
125 | border-color: backdrop(insensitive($border_color)); | 125 | border-color: gtk("@unfocused_insensitive_borders"); | ||
126 | } | 126 | } | ||
127 | 127 | | |||
128 | &.up { | 128 | &.up { | ||
129 | @extend %top_button; | 129 | @extend %top_button; | ||
130 | } | 130 | } | ||
131 | 131 | | |||
132 | &.down { | 132 | &.down { | ||
133 | @extend %bottom_button; | 133 | @extend %bottom_button; | ||
Show All 26 Lines |