Patch #43227 » update-avatar-colors.patch
| app/assets/stylesheets/application.css | ||
|---|---|---|
| 2288 | 2288 |
} |
| 2289 | 2289 | |
| 2290 | 2290 |
.avatar-color-0 {
|
| 2291 |
background-color: #880000; |
|
| 2292 |
color: #FFFFFF; |
|
| 2293 |
} |
|
| 2291 |
background-color: #dc2626; /* fallback for browsers without oklch support */ |
|
| 2292 |
background-color: oklch(57.7% 0.245 27.325); /* red-600 from Tailwind */ |
|
| 2293 |
color: #ffffff; |
|
| 2294 |
} |
|
| 2294 | 2295 |
.avatar-color-1 {
|
| 2295 |
background-color: #ff0000; |
|
| 2296 |
color: #000000; |
|
| 2296 |
background-color: #f97316; |
|
| 2297 |
background-color: oklch(70.5% 0.213 47.604); /* orange-500 */ |
|
| 2298 |
color: #ffffff; |
|
| 2297 | 2299 |
} |
| 2298 | 2300 |
.avatar-color-2 {
|
| 2299 |
background-color: #00ff00; |
|
| 2301 |
background-color: #facc15; |
|
| 2302 |
background-color: oklch(85.2% 0.199 91.936); /* yellow-400 */ |
|
| 2300 | 2303 |
color: #000000; |
| 2301 | 2304 |
} |
| 2302 | 2305 |
.avatar-color-3 {
|
| 2303 |
background-color: #008800; |
|
| 2304 |
color: #FFFFFF; |
|
| 2306 |
background-color: #16a34a; |
|
| 2307 |
background-color: oklch(62.7% 0.194 149.214); /* green-600 */ |
|
| 2308 |
color: #ffffff; |
|
| 2305 | 2309 |
} |
| 2306 | 2310 |
.avatar-color-4 {
|
| 2307 |
background-color: #0000ff; |
|
| 2308 |
color: #FFFFFF; |
|
| 2311 |
background-color: #06b6d4; |
|
| 2312 |
background-color: oklch(71.5% 0.143 215.221); /* cyan-500 */ |
|
| 2313 |
color: #000000; |
|
| 2309 | 2314 |
} |
| 2310 | 2315 |
.avatar-color-5 {
|
| 2311 |
background-color: #000088; |
|
| 2312 |
color: #FFFFFF; |
|
| 2316 |
background-color: #2563eb; |
|
| 2317 |
background-color: oklch(54.6% 0.245 262.881); /* blue-600 */ |
|
| 2318 |
color: #ffffff; |
|
| 2313 | 2319 |
} |
| 2314 | 2320 |
.avatar-color-6 {
|
| 2315 |
background-color: #ff8800; |
|
| 2316 |
color: #000000; |
|
| 2321 |
background-color: #9333ea; |
|
| 2322 |
background-color: oklch(55.8% 0.288 302.321); /* purple-600 */ |
|
| 2323 |
color: #ffffff; |
|
| 2317 | 2324 |
} |
| 2318 | 2325 |
.avatar-color-7 {
|
| 2319 |
background-color: #ff0088; |
|
| 2320 |
color: #000000; |
|
| 2326 |
background-color: #db2777; |
|
| 2327 |
background-color: oklch(59.2% 0.249 0.584); /* pink-600 */ |
|
| 2328 |
color: #ffffff; |
|
| 2321 | 2329 |
} |
| 2322 | 2330 | |
| 2323 | 2331 |
/* Reaction styles */ |
