Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_progressbar.scss
Show All 11 Lines | |||||
12 | 12 | | |||
13 | &.vertical { | 13 | &.vertical { | ||
14 | trough, | 14 | trough, | ||
15 | progress { min-width: 6px; } | 15 | progress { min-width: 6px; } | ||
16 | } | 16 | } | ||
17 | 17 | | |||
18 | // FIXME: insensitive state missing and some other state should be set probably | 18 | // FIXME: insensitive state missing and some other state should be set probably | ||
19 | font-size: smaller; | 19 | font-size: smaller; | ||
20 | color: transparentize(b_color(text), 0.7); | 20 | color: gtkalpha(gtk("@theme_button_foreground_normal"), 0.3); | ||
21 | 21 | | |||
22 | trough { | 22 | trough { | ||
23 | border: 0px solid transparent; | 23 | border: 0px solid transparent; | ||
24 | border-radius: $r; | 24 | border-radius: $r; | ||
25 | background-color: transparentize(b_color(text),0.7); | 25 | background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3); | ||
26 | } | 26 | } | ||
27 | 27 | | |||
28 | &:backdrop trough { background-color: backdrop(transparentize(b_color(text),0.7)); } // looks like states are not passed to the trough component here | 28 | &:backdrop trough { background-color: gtkalpha("@theme_button_foreground_backdrop",0.3); } // looks like states are not passed to the trough component here | ||
29 | 29 | | |||
30 | progress { | 30 | progress { | ||
31 | background-color: s_color(normal); | 31 | background-color: gtk("@theme_selected_bg_color"); | ||
32 | border: 0px solid transparent; | 32 | border: 0px solid transparent; | ||
33 | border-radius: 3px; | 33 | border-radius: 3px; | ||
34 | box-shadow: none; //needed for clipping | 34 | box-shadow: none; //needed for clipping | ||
35 | } | 35 | } | ||
36 | 36 | | |||
37 | &:backdrop progress { background-color: backdrop(s_color(normal)); } // states not passed here as well | 37 | &:backdrop progress { | ||
38 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||||
39 | } // states not passed here as well | ||||
38 | 40 | | |||
39 | &.osd { // progressbar.osd used for epiphany page loading progress | 41 | &.osd { // progressbar.osd used for epiphany page loading progress | ||
40 | background-color: transparent; | 42 | background-color: transparent; | ||
41 | } | 43 | } | ||
42 | } | 44 | } | ||
43 | 45 | | |||
44 | treeview.view { | 46 | treeview.view { | ||
45 | &.progressbar { | 47 | &.progressbar { | ||
46 | border: 0px solid transparent; | 48 | border: 0px solid transparent; | ||
47 | border-radius: $r; | 49 | border-radius: $r; | ||
48 | background-color: s_color(normal); | 50 | background-color: gtk("@theme_selected_bg_color"); | ||
49 | color: s_color(text); | 51 | color: gtk("@theme_selected_fg_color"); | ||
50 | background-image: none; | 52 | background-image: none; | ||
51 | &:selected { | 53 | &:selected { | ||
52 | &:focus, & { | 54 | &:focus, & { | ||
53 | background-color: transparentize(s_color(text),0.75); | 55 | background-color: gtkalpha(gtk("@theme_selected_bg_color"),0.25); | ||
54 | } | 56 | } | ||
55 | } | 57 | } | ||
56 | } | 58 | } | ||
57 | &.trough { | 59 | &.trough { | ||
58 | background-color: $trough_color; | 60 | background-color: $trough_color; | ||
59 | &:selected { | 61 | &:selected { | ||
60 | &:focus, & { | 62 | &:focus, & { | ||
61 | background-color: transparentize(s_color(text),0.7); | 63 | background-color: gtkalpha("@theme_selected_fg_color",0.3); | ||
62 | } | 64 | } | ||
63 | } | 65 | } | ||
64 | } | 66 | } | ||
65 | } | 67 | } | ||
66 | 68 | | |||
67 | /************* | 69 | /************* | ||
68 | * Level Bar * | 70 | * Level Bar * | ||
69 | *************/ | 71 | *************/ | ||
Show All 17 Lines | 83 | trough { | |||
87 | &:backdrop { @include entry(backdrop); } | 89 | &:backdrop { @include entry(backdrop); } | ||
88 | } | 90 | } | ||
89 | 91 | | |||
90 | &.horizontal.discrete block { margin: 0 1px; } | 92 | &.horizontal.discrete block { margin: 0 1px; } | ||
91 | 93 | | |||
92 | &.vertical.discrete block { margin: 1px 0; } | 94 | &.vertical.discrete block { margin: 1px 0; } | ||
93 | 95 | | |||
94 | block:not(.empty) { | 96 | block:not(.empty) { | ||
95 | border: 1px solid s_color(normal); | 97 | border: 1px solid gtk("@theme_selected_bg_color"); | ||
96 | background-color: s_color(normal); | 98 | background-color: gtk("@theme_selected_bg_color"); | ||
97 | box-shadow: none; | 99 | box-shadow: none; | ||
98 | border-radius: 1px; | 100 | border-radius: 1px; | ||
99 | 101 | | |||
100 | &:backdrop { | 102 | &:backdrop { | ||
101 | border-color: backdrop(s_color(normal)); | 103 | border-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||
102 | background-color: backdrop(s_color(normal)); | 104 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||
103 | } | 105 | } | ||
104 | } | 106 | } | ||
105 | 107 | | |||
106 | block { | 108 | block { | ||
107 | &.low { | 109 | &.low { | ||
108 | border-color: $warning_color; | 110 | border-color: gtk("@warning_color"); | ||
109 | background-color: $warning_color; | 111 | background-color: gtk("@warning_color"); | ||
110 | &:backdrop { | 112 | &:backdrop { | ||
111 | background-color: backdrop($warning_color); | 113 | background-color: gtk("@warning_color_backdrop"); | ||
112 | border-color: backdrop($warning_color); | 114 | border-color: gtk("@warning_color_backdrop"); | ||
113 | } | 115 | } | ||
114 | } | 116 | } | ||
115 | 117 | | |||
116 | &.high { | 118 | &.high { | ||
117 | border-color: $success_color; | 119 | border-color: gtk("@success_color"); | ||
118 | background-color: $success_color; | 120 | background-color: gtk("@success_color"); | ||
119 | &:backdrop { | 121 | &:backdrop { | ||
120 | background-color: backdrop($success_color); | 122 | background-color: gtk("@success_color_backdrop"); | ||
121 | border-color: backdrop($success_color); | 123 | border-color: gtk("@success_color_backdrop"); | ||
122 | } | 124 | } | ||
123 | } | 125 | } | ||
124 | 126 | | |||
125 | &.full { | 127 | &.full { | ||
126 | border-color: $success_color; | 128 | border-color: gtk("@success_color"); | ||
127 | background-color: $success_color; | 129 | background-color: gtk("@success_color"); | ||
128 | &:backdrop { | 130 | &:backdrop { | ||
129 | background-color: backdrop($success_color); | 131 | background-color: gtk("@success_color_backdrop"); | ||
130 | border-color: backdrop($success_color); | 132 | border-color: gtk("@success_color_backdrop"); | ||
131 | } | 133 | } | ||
132 | } | 134 | } | ||
133 | 135 | | |||
134 | &.empty { | 136 | &.empty { | ||
135 | background-color: transparentize(b_color(text),0.7); | 137 | background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3); | ||
136 | border-color: transparent; | 138 | border-color: transparent; | ||
137 | box-shadow: none; | 139 | box-shadow: none; | ||
138 | &:backdrop { background-color: backdrop(transparentize(b_color(text),0.7)); } | 140 | &:backdrop { | ||
141 | background-color: gtkalpha("@theme_button_foreground_insensitive",0.3); | ||||
142 | } | ||||
139 | } | 143 | } | ||
140 | } | 144 | } | ||
141 | } | 145 | } |