Patch #43227 » update-avatar-colors-v2.patch
app/assets/stylesheets/application.css | ||
---|---|---|
2288 | 2288 |
} |
2289 | 2289 | |
2290 | 2290 |
.avatar-color-0 { |
2291 |
background-color: #880000;
|
|
2292 |
color: #FFFFFF;
|
|
2291 |
background-color: #dc2626; /* red-600 from Tailwind CSS */
|
|
2292 |
color: #ffffff;
|
|
2293 | 2293 |
} |
2294 | 2294 |
.avatar-color-1 { |
2295 |
background-color: #ff0000;
|
|
2296 |
color: #000000;
|
|
2295 |
background-color: #f97316; /* orange-500 */
|
|
2296 |
color: #ffffff;
|
|
2297 | 2297 |
} |
2298 | 2298 |
.avatar-color-2 { |
2299 |
background-color: #00ff00;
|
|
2299 |
background-color: #facc15; /* yellow-400 */
|
|
2300 | 2300 |
color: #000000; |
2301 | 2301 |
} |
2302 | 2302 |
.avatar-color-3 { |
2303 |
background-color: #008800;
|
|
2304 |
color: #FFFFFF;
|
|
2303 |
background-color: #16a34a; /* green-600 */
|
|
2304 |
color: #ffffff;
|
|
2305 | 2305 |
} |
2306 | 2306 |
.avatar-color-4 { |
2307 |
background-color: #0000ff;
|
|
2308 |
color: #FFFFFF;
|
|
2307 |
background-color: #06b6d4; /* cyan-500 */
|
|
2308 |
color: #000000;
|
|
2309 | 2309 |
} |
2310 | 2310 |
.avatar-color-5 { |
2311 |
background-color: #000088;
|
|
2312 |
color: #FFFFFF;
|
|
2311 |
background-color: #2563eb; /* blue-600 */
|
|
2312 |
color: #ffffff;
|
|
2313 | 2313 |
} |
2314 | 2314 |
.avatar-color-6 { |
2315 |
background-color: #ff8800;
|
|
2316 |
color: #000000;
|
|
2315 |
background-color: #9333ea; /* purple-600 */
|
|
2316 |
color: #ffffff;
|
|
2317 | 2317 |
} |
2318 | 2318 |
.avatar-color-7 { |
2319 |
background-color: #ff0088;
|
|
2320 |
color: #000000;
|
|
2319 |
background-color: #db2777; /* pink-600 */
|
|
2320 |
color: #ffffff;
|
|
2321 | 2321 |
} |
2322 | 2322 | |
2323 | 2323 |
/* Reaction styles */ |