@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
Add base colors as workboard color choices
Summary: Our base color pallette is good here as well. Updating CSS classes accordingly. We have 22 choices total now.
Test Plan:
Fake via dom inspector.
{F1111310}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15271
+64
-18
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
155
155
'rsrc/css/phui/phui-tag-view.css' => '9d5d4400',
156
156
'rsrc/css/phui/phui-timeline-view.css' => '2efceff8',
157
157
'rsrc/css/phui/phui-two-column-view.css' => 'c75bfc5b',
158
-
'rsrc/css/phui/workboards/phui-workboard-color.css' => 'd30ae971',
158
+
'rsrc/css/phui/workboards/phui-workboard-color.css' => '543432b9',
159
159
'rsrc/css/phui/workboards/phui-workboard.css' => 'e6d89647',
160
160
'rsrc/css/phui/workboards/phui-workcard.css' => '3646fb96',
161
161
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
···
842
842
'phui-theme-css' => 'ab7b848c',
843
843
'phui-timeline-view-css' => '2efceff8',
844
844
'phui-two-column-view-css' => 'c75bfc5b',
845
-
'phui-workboard-color-css' => 'd30ae971',
845
+
'phui-workboard-color-css' => '543432b9',
846
846
'phui-workboard-view-css' => 'e6d89647',
847
847
'phui-workcard-view-css' => '3646fb96',
848
848
'phui-workpanel-view-css' => '92197373',
+62
-16
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
+62
-16
webroot/rsrc/css/phui/workboards/phui-workboard-color.css
···
30
30
background-color: rgba(255,255,255,.6);
31
31
}
32
32
33
-
/* Colors */
33
+
/* Gradients */
34
34
35
-
.phui-workboard-red {
35
+
.phui-workboard-gradient-red {
36
36
background-color: #e53935;
37
37
background-image: linear-gradient(to left, #e53935, #e35d5b);
38
38
}
39
39
40
-
.phui-workboard-orange {
40
+
.phui-workboard-gradient-orange {
41
41
background-color: #f46b45;
42
42
background-image: linear-gradient(to left, #f46b45, #eea849);
43
43
}
44
44
45
-
.phui-workboard-yellow {
45
+
.phui-workboard-gradient-yellow {
46
46
background-color: #FF8008;
47
47
background-image: linear-gradient(to left, #FF8008, #FFC837);
48
48
}
49
49
50
-
.phui-workboard-blue {
50
+
.phui-workboard-gradient-green {
51
+
background-color: #2fa0ac;
52
+
background-image: linear-gradient(90deg, #2fa0ac 0, #58cca6);
53
+
}
54
+
55
+
.phui-workboard-gradient-blue {
51
56
background-color: #73a5c3;
52
57
background-image: linear-gradient(90deg, #73a5c3 0, #6875be);
53
58
}
54
59
55
-
.phui-workboard-bluegrey {
60
+
.phui-workboard-gradient-bluegrey {
56
61
background-color: #517fa4;
57
62
background-image: linear-gradient(to left, #517fa4, #243949);
58
63
}
59
64
60
-
.phui-workboard-green {
61
-
background-color: #2fa0ac;
62
-
background-image: linear-gradient(90deg, #2fa0ac 0, #58cca6);
63
-
}
64
-
65
-
.phui-workboard-indigo {
65
+
.phui-workboard-gradient-indigo {
66
66
background-color: #4776E6;
67
67
background-image: linear-gradient(to left, #4776E6, #8E54E9);
68
68
}
69
69
70
-
.phui-workboard-violet {
70
+
.phui-workboard-gradient-violet {
71
71
background-color: #9f73c3;
72
72
background-image: linear-gradient(90deg, #9f73c3 0, #6875be);
73
73
}
74
74
75
-
.phui-workboard-sky {
75
+
.phui-workboard-gradient-sky {
76
76
background-color: #7474BF;
77
77
background-image: linear-gradient(to left, #7474BF, #348AC7);
78
78
}
79
79
80
-
.phui-workboard-pink {
80
+
.phui-workboard-gradient-pink {
81
81
background-color: #EA2A90;
82
82
background-image: linear-gradient(to left, #EA2A90, #79164B);
83
83
}
84
84
85
-
.phui-workboard-grey {
85
+
.phui-workboard-gradient-grey {
86
86
background-color: #283048;
87
87
background-image: linear-gradient(to left, #283048, #859398);
88
88
}
89
+
90
+
/* Colors */
91
+
92
+
.phui-workboard-red {
93
+
background-color: {$red};
94
+
}
95
+
96
+
.phui-workboard-orange {
97
+
background-color: {$orange};
98
+
}
99
+
100
+
.phui-workboard-yellow {
101
+
background-color: {$yellow};
102
+
}
103
+
104
+
.phui-workboard-green {
105
+
background-color: {$green};
106
+
}
107
+
108
+
.phui-workboard-blue {
109
+
background-color: {$blue};
110
+
}
111
+
112
+
.phui-workboard-indigo {
113
+
background-color: {$indigo};
114
+
}
115
+
116
+
.phui-workboard-violet {
117
+
background-color: {$violet};
118
+
}
119
+
120
+
.phui-workboard-sky {
121
+
background-color: {$sky};
122
+
}
123
+
124
+
.phui-workboard-pink {
125
+
background-color: {$pink};
126
+
}
127
+
128
+
.phui-workboard-fire {
129
+
background-color: {$fire};
130
+
}
131
+
132
+
.phui-workboard-grey {
133
+
background-color: {$greytext};
134
+
}