@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Standard colors for progress bars
Summary: Consilidate some of the bar colors, used in Releeph?
Test Plan: UIExamples
Reviewers: epriestley
Reviewed By: epriestley
CC: Korvin, aran
Differential Revision: https://secure.phabricator.com/D6974
+14
-14
+1
-1
src/__celerity_resource_map__.php
+1
-1
src/__celerity_resource_map__.php
+13
-13
webroot/rsrc/css/aphront/aphront-bars.css
+13
-13
webroot/rsrc/css/aphront/aphront-bars.css
···
13
13
div.aphront-bar.progress div {
14
14
width: 100px;
15
15
border: 1px solid;
16
-
border-top-color: #A4A4A4;
17
-
border-right-color: #BBB;
18
-
border-bottom-color: #D5D5D5;
19
-
border-left-color: #BBB;
16
+
border-top-color: {$lightgreyborder};
17
+
border-right-color: {$lightgreyborder};
18
+
border-bottom-color: {$lightgreyborder};
19
+
border-left-color: {$greyborder};
20
20
background: white;
21
21
float: left;
22
-
margin-right: 1em;
22
+
margin-right: 12px;
23
23
}
24
24
25
25
div.aphront-bar.progress div div {
···
47
47
position: relative;
48
48
color: #aaa;
49
49
font-family: monospace;
50
-
height: 1.3em;
50
+
height: 16px;
51
51
}
52
52
53
53
div.aphront-bar.glyph div.glyphs.starstar {
···
67
67
padding: 0;
68
68
margin: 0;
69
69
float: left;
70
-
margin-left: 1.5em;
70
+
margin-left: 12px;
71
71
color: {$greytext};
72
72
}
73
73
···
76
76
* Common color classes
77
77
*/
78
78
div.aphront-bar.progress.color-default div div {
79
-
background: #6D84B4;
79
+
background: {$blue};
80
80
}
81
81
82
82
div.aphront-bar.glyph.color-default div.glyphs div.fg {
83
-
color: #6D84B4;
83
+
color: {$blue};
84
84
}
85
85
86
86
div.aphront-bar.progress.color-warning div div {
87
-
background: #FFCC5F;
87
+
background: {$yellow};
88
88
}
89
89
90
90
div.aphront-bar.glyph.color-warning div.glyphs div.fg {
91
-
color: #FFCC5F;
91
+
color: {$yellow};
92
92
}
93
93
94
94
div.aphront-bar.progress.color-danger div div {
95
-
background: #FF6E6E;
95
+
background: {$red};
96
96
}
97
97
98
98
div.aphront-bar.glyph.color-danger div.glyphs div.fg {
99
-
color: #FF6E6E;
99
+
color: {$red};
100
100
}