Differential D22877 Diff 62994 src/gtk3/widgets/_progressbar.scss

Changeset View

Standalone View

View Options

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​
44treeview.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 Lines83 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​}