Project

General

Profile

Feature #43256 ยป 0001-Add-Open-Color-CSS-for-consistent-UI-color-scheme.patch

Go MAEDA, 2025-09-27 11:44

View differences:

app/assets/stylesheets/open-color.css
1
/*
2
 *
3
 *  ๐—– ๐—ข ๐—Ÿ ๐—ข ๐—ฅ
4
 *  v 1.9.1
5
 *
6
 *  โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ”โ” */
7

  
8
:root {
9

  
10
/*  General
11
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
12

  
13
  --oc-white: #ffffff;
14
  --oc-white-rgb: 255, 255, 255;
15
  --oc-black: #000000;
16
  --oc-black-rgb: 0, 0, 0;
17

  
18

  
19
/*  Gray
20
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
21

  
22
  --oc-gray-0: #f8f9fa;
23
  --oc-gray-0-rgb: 248, 249, 250;
24
  --oc-gray-1: #f1f3f5;
25
  --oc-gray-1-rgb: 241, 243, 245;
26
  --oc-gray-2: #e9ecef;
27
  --oc-gray-2-rgb: 233, 236, 239;
28
  --oc-gray-3: #dee2e6;
29
  --oc-gray-3-rgb: 222, 226, 230;
30
  --oc-gray-4: #ced4da;
31
  --oc-gray-4-rgb: 206, 212, 218;
32
  --oc-gray-5: #adb5bd;
33
  --oc-gray-5-rgb: 173, 181, 189;
34
  --oc-gray-6: #868e96;
35
  --oc-gray-6-rgb: 134, 142, 150;
36
  --oc-gray-7: #495057;
37
  --oc-gray-7-rgb: 73, 80, 87;
38
  --oc-gray-8: #343a40;
39
  --oc-gray-8-rgb: 52, 58, 64;
40
  --oc-gray-9: #212529;
41
  --oc-gray-9-rgb: 33, 37, 41;
42

  
43

  
44
/*  Red
45
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
46

  
47
  --oc-red-0: #fff5f5;
48
  --oc-red-0-rgb: 255, 245, 245;
49
  --oc-red-1: #ffe3e3;
50
  --oc-red-1-rgb: 255, 227, 227;
51
  --oc-red-2: #ffc9c9;
52
  --oc-red-2-rgb: 255, 201, 201;
53
  --oc-red-3: #ffa8a8;
54
  --oc-red-3-rgb: 255, 168, 168;
55
  --oc-red-4: #ff8787;
56
  --oc-red-4-rgb: 255, 135, 135;
57
  --oc-red-5: #ff6b6b;
58
  --oc-red-5-rgb: 255, 107, 107;
59
  --oc-red-6: #fa5252;
60
  --oc-red-6-rgb: 250, 82, 82;
61
  --oc-red-7: #f03e3e;
62
  --oc-red-7-rgb: 240, 62, 62;
63
  --oc-red-8: #e03131;
64
  --oc-red-8-rgb: 224, 49, 49;
65
  --oc-red-9: #c92a2a;
66
  --oc-red-9-rgb: 201, 42, 42;
67

  
68

  
69
/*  Pink
70
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
71

  
72
  --oc-pink-0: #fff0f6;
73
  --oc-pink-0-rgb: 255, 240, 246;
74
  --oc-pink-1: #ffdeeb;
75
  --oc-pink-1-rgb: 255, 222, 235;
76
  --oc-pink-2: #fcc2d7;
77
  --oc-pink-2-rgb: 252, 194, 215;
78
  --oc-pink-3: #faa2c1;
79
  --oc-pink-3-rgb: 250, 162, 193;
80
  --oc-pink-4: #f783ac;
81
  --oc-pink-4-rgb: 247, 131, 172;
82
  --oc-pink-5: #f06595;
83
  --oc-pink-5-rgb: 240, 101, 149;
84
  --oc-pink-6: #e64980;
85
  --oc-pink-6-rgb: 230, 73, 128;
86
  --oc-pink-7: #d6336c;
87
  --oc-pink-7-rgb: 214, 51, 108;
88
  --oc-pink-8: #c2255c;
89
  --oc-pink-8-rgb: 194, 37, 92;
90
  --oc-pink-9: #a61e4d;
91
  --oc-pink-9-rgb: 166, 30, 77;
92

  
93

  
94
/*  Grape
95
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
96

  
97
  --oc-grape-0: #f8f0fc;
98
  --oc-grape-0-rgb: 248, 240, 252;
99
  --oc-grape-1: #f3d9fa;
100
  --oc-grape-1-rgb: 243, 217, 250;
101
  --oc-grape-2: #eebefa;
102
  --oc-grape-2-rgb: 238, 190, 250;
103
  --oc-grape-3: #e599f7;
104
  --oc-grape-3-rgb: 229, 153, 247;
105
  --oc-grape-4: #da77f2;
106
  --oc-grape-4-rgb: 218, 119, 242;
107
  --oc-grape-5: #cc5de8;
108
  --oc-grape-5-rgb: 204, 93, 232;
109
  --oc-grape-6: #be4bdb;
110
  --oc-grape-6-rgb: 190, 75, 219;
111
  --oc-grape-7: #ae3ec9;
112
  --oc-grape-7-rgb: 174, 62, 201;
113
  --oc-grape-8: #9c36b5;
114
  --oc-grape-8-rgb: 156, 54, 181;
115
  --oc-grape-9: #862e9c;
116
  --oc-grape-9-rgb: 134, 46, 156;
117

  
118

  
119
/*  Violet
120
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
121

  
122
  --oc-violet-0: #f3f0ff;
123
  --oc-violet-0-rgb: 243, 240, 255;
124
  --oc-violet-1: #e5dbff;
125
  --oc-violet-1-rgb: 229, 219, 255;
126
  --oc-violet-2: #d0bfff;
127
  --oc-violet-2-rgb: 208, 191, 255;
128
  --oc-violet-3: #b197fc;
129
  --oc-violet-3-rgb: 177, 151, 252;
130
  --oc-violet-4: #9775fa;
131
  --oc-violet-4-rgb: 151, 117, 250;
132
  --oc-violet-5: #845ef7;
133
  --oc-violet-5-rgb: 132, 94, 247;
134
  --oc-violet-6: #7950f2;
135
  --oc-violet-6-rgb: 121, 80, 242;
136
  --oc-violet-7: #7048e8;
137
  --oc-violet-7-rgb: 112, 72, 232;
138
  --oc-violet-8: #6741d9;
139
  --oc-violet-8-rgb: 103, 65, 217;
140
  --oc-violet-9: #5f3dc4;
141
  --oc-violet-9-rgb: 95, 61, 196;
142

  
143

  
144
/*  Indigo
145
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
146

  
147
  --oc-indigo-0: #edf2ff;
148
  --oc-indigo-0-rgb: 237, 242, 255;
149
  --oc-indigo-1: #dbe4ff;
150
  --oc-indigo-1-rgb: 219, 228, 255;
151
  --oc-indigo-2: #bac8ff;
152
  --oc-indigo-2-rgb: 186, 200, 255;
153
  --oc-indigo-3: #91a7ff;
154
  --oc-indigo-3-rgb: 145, 167, 255;
155
  --oc-indigo-4: #748ffc;
156
  --oc-indigo-4-rgb: 116, 143, 252;
157
  --oc-indigo-5: #5c7cfa;
158
  --oc-indigo-5-rgb: 92, 124, 250;
159
  --oc-indigo-6: #4c6ef5;
160
  --oc-indigo-6-rgb: 76, 110, 245;
161
  --oc-indigo-7: #4263eb;
162
  --oc-indigo-7-rgb: 66, 99, 235;
163
  --oc-indigo-8: #3b5bdb;
164
  --oc-indigo-8-rgb: 59, 91, 219;
165
  --oc-indigo-9: #364fc7;
166
  --oc-indigo-9-rgb: 54, 79, 199;
167

  
168

  
169
/*  Blue
170
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
171

  
172
  --oc-blue-0: #e7f5ff;
173
  --oc-blue-0-rgb: 231, 245, 255;
174
  --oc-blue-1: #d0ebff;
175
  --oc-blue-1-rgb: 208, 235, 255;
176
  --oc-blue-2: #a5d8ff;
177
  --oc-blue-2-rgb: 165, 216, 255;
178
  --oc-blue-3: #74c0fc;
179
  --oc-blue-3-rgb: 116, 192, 252;
180
  --oc-blue-4: #4dabf7;
181
  --oc-blue-4-rgb: 77, 171, 247;
182
  --oc-blue-5: #339af0;
183
  --oc-blue-5-rgb: 51, 154, 240;
184
  --oc-blue-6: #228be6;
185
  --oc-blue-6-rgb: 34, 139, 230;
186
  --oc-blue-7: #1c7ed6;
187
  --oc-blue-7-rgb: 28, 126, 214;
188
  --oc-blue-8: #1971c2;
189
  --oc-blue-8-rgb: 25, 113, 194;
190
  --oc-blue-9: #1864ab;
191
  --oc-blue-9-rgb: 24, 100, 171;
192

  
193

  
194
/*  Cyan
195
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
196

  
197
  --oc-cyan-0: #e3fafc;
198
  --oc-cyan-0-rgb: 227, 250, 252;
199
  --oc-cyan-1: #c5f6fa;
200
  --oc-cyan-1-rgb: 197, 246, 250;
201
  --oc-cyan-2: #99e9f2;
202
  --oc-cyan-2-rgb: 153, 233, 242;
203
  --oc-cyan-3: #66d9e8;
204
  --oc-cyan-3-rgb: 102, 217, 232;
205
  --oc-cyan-4: #3bc9db;
206
  --oc-cyan-4-rgb: 59, 201, 219;
207
  --oc-cyan-5: #22b8cf;
208
  --oc-cyan-5-rgb: 34, 184, 207;
209
  --oc-cyan-6: #15aabf;
210
  --oc-cyan-6-rgb: 21, 170, 191;
211
  --oc-cyan-7: #1098ad;
212
  --oc-cyan-7-rgb: 16, 152, 173;
213
  --oc-cyan-8: #0c8599;
214
  --oc-cyan-8-rgb: 12, 133, 153;
215
  --oc-cyan-9: #0b7285;
216
  --oc-cyan-9-rgb: 11, 114, 133;
217

  
218

  
219
/*  Teal
220
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
221

  
222
  --oc-teal-0: #e6fcf5;
223
  --oc-teal-0-rgb: 230, 252, 245;
224
  --oc-teal-1: #c3fae8;
225
  --oc-teal-1-rgb: 195, 250, 232;
226
  --oc-teal-2: #96f2d7;
227
  --oc-teal-2-rgb: 150, 242, 215;
228
  --oc-teal-3: #63e6be;
229
  --oc-teal-3-rgb: 99, 230, 190;
230
  --oc-teal-4: #38d9a9;
231
  --oc-teal-4-rgb: 56, 217, 169;
232
  --oc-teal-5: #20c997;
233
  --oc-teal-5-rgb: 32, 201, 151;
234
  --oc-teal-6: #12b886;
235
  --oc-teal-6-rgb: 18, 184, 134;
236
  --oc-teal-7: #0ca678;
237
  --oc-teal-7-rgb: 12, 166, 120;
238
  --oc-teal-8: #099268;
239
  --oc-teal-8-rgb: 9, 146, 104;
240
  --oc-teal-9: #087f5b;
241
  --oc-teal-9-rgb: 8, 127, 91;
242

  
243

  
244
/*  Green
245
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
246

  
247
  --oc-green-0: #ebfbee;
248
  --oc-green-0-rgb: 235, 251, 238;
249
  --oc-green-1: #d3f9d8;
250
  --oc-green-1-rgb: 211, 249, 216;
251
  --oc-green-2: #b2f2bb;
252
  --oc-green-2-rgb: 178, 242, 187;
253
  --oc-green-3: #8ce99a;
254
  --oc-green-3-rgb: 140, 233, 154;
255
  --oc-green-4: #69db7c;
256
  --oc-green-4-rgb: 105, 219, 124;
257
  --oc-green-5: #51cf66;
258
  --oc-green-5-rgb: 81, 207, 102;
259
  --oc-green-6: #40c057;
260
  --oc-green-6-rgb: 64, 192, 87;
261
  --oc-green-7: #37b24d;
262
  --oc-green-7-rgb: 55, 178, 77;
263
  --oc-green-8: #2f9e44;
264
  --oc-green-8-rgb: 47, 158, 68;
265
  --oc-green-9: #2b8a3e;
266
  --oc-green-9-rgb: 43, 138, 62;
267

  
268

  
269
/*  Lime
270
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
271

  
272
  --oc-lime-0: #f4fce3;
273
  --oc-lime-0-rgb: 244, 252, 227;
274
  --oc-lime-1: #e9fac8;
275
  --oc-lime-1-rgb: 233, 250, 200;
276
  --oc-lime-2: #d8f5a2;
277
  --oc-lime-2-rgb: 216, 245, 162;
278
  --oc-lime-3: #c0eb75;
279
  --oc-lime-3-rgb: 192, 235, 117;
280
  --oc-lime-4: #a9e34b;
281
  --oc-lime-4-rgb: 169, 227, 75;
282
  --oc-lime-5: #94d82d;
283
  --oc-lime-5-rgb: 148, 216, 45;
284
  --oc-lime-6: #82c91e;
285
  --oc-lime-6-rgb: 130, 201, 30;
286
  --oc-lime-7: #74b816;
287
  --oc-lime-7-rgb: 116, 184, 22;
288
  --oc-lime-8: #66a80f;
289
  --oc-lime-8-rgb: 102, 168, 15;
290
  --oc-lime-9: #5c940d;
291
  --oc-lime-9-rgb: 92, 148, 13;
292

  
293

  
294
/*  Yellow
295
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
296

  
297
  --oc-yellow-0: #fff9db;
298
  --oc-yellow-0-rgb: 255, 249, 219;
299
  --oc-yellow-1: #fff3bf;
300
  --oc-yellow-1-rgb: 255, 243, 191;
301
  --oc-yellow-2: #ffec99;
302
  --oc-yellow-2-rgb: 255, 236, 153;
303
  --oc-yellow-3: #ffe066;
304
  --oc-yellow-3-rgb: 255, 224, 102;
305
  --oc-yellow-4: #ffd43b;
306
  --oc-yellow-4-rgb: 255, 212, 59;
307
  --oc-yellow-5: #fcc419;
308
  --oc-yellow-5-rgb: 252, 196, 25;
309
  --oc-yellow-6: #fab005;
310
  --oc-yellow-6-rgb: 250, 176, 5;
311
  --oc-yellow-7: #f59f00;
312
  --oc-yellow-7-rgb: 245, 159, 0;
313
  --oc-yellow-8: #f08c00;
314
  --oc-yellow-8-rgb: 240, 140, 0;
315
  --oc-yellow-9: #e67700;
316
  --oc-yellow-9-rgb: 230, 119, 0;
317

  
318

  
319
/*  Orange
320
 *  โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
321

  
322
  --oc-orange-0: #fff4e6;
323
  --oc-orange-0-rgb: 255, 244, 230;
324
  --oc-orange-1: #ffe8cc;
325
  --oc-orange-1-rgb: 255, 232, 204;
326
  --oc-orange-2: #ffd8a8;
327
  --oc-orange-2-rgb: 255, 216, 168;
328
  --oc-orange-3: #ffc078;
329
  --oc-orange-3-rgb: 255, 192, 120;
330
  --oc-orange-4: #ffa94d;
331
  --oc-orange-4-rgb: 255, 169, 77;
332
  --oc-orange-5: #ff922b;
333
  --oc-orange-5-rgb: 255, 146, 43;
334
  --oc-orange-6: #fd7e14;
335
  --oc-orange-6-rgb: 253, 126, 20;
336
  --oc-orange-7: #f76707;
337
  --oc-orange-7-rgb: 247, 103, 7;
338
  --oc-orange-8: #e8590c;
339
  --oc-orange-8-rgb: 232, 89, 12;
340
  --oc-orange-9: #d9480f;
341
  --oc-orange-9-rgb: 217, 72, 15;
342

  
343
}
doc/README_FOR_APP
22 22
along with this program; if not, write to the Free Software
23 23
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
24 24

  
25
Icons credits:
25
Icons and styles credits:
26 26

  
27 27
* Mark James (Silk Icons) licensed under a Creative Commons Attribution 2.5 License (https://creativecommons.org/licenses/by/2.5).
28 28
* Yusuke Kamiyamane (Fugue Icons https://p.yusukekamiyamane.com/) licensed under a Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0).
29 29
* Paweล‚ Kuna (Tabler Icons https://tabler.io/icons) licensed under MIT License (https://github.com/tabler/tabler-icons/blob/master/LICENSE).
30
* heeyeun (Open Color https://yeun.github.io/open-color/) licensed under MIT License (https://github.com/tabler/tabler-icons/blob/master/LICENSE).
(5-5/7)