Spaces:
Sleeping
Sleeping
Improve color contrast of badge-mod and usernames to meet WCAG AA guidelines
Browse files- theater_template.html +2 -2
theater_template.html
CHANGED
|
@@ -216,7 +216,7 @@
|
|
| 216 |
}
|
| 217 |
|
| 218 |
.badge-mod {
|
| 219 |
-
background: #
|
| 220 |
color: #fff;
|
| 221 |
}
|
| 222 |
|
|
@@ -358,7 +358,7 @@
|
|
| 358 |
|
| 359 |
// Assign randomized usernames color based on hash
|
| 360 |
function getUsernameColor(username) {
|
| 361 |
-
const colors = ['#
|
| 362 |
let hash = 0;
|
| 363 |
for (let i = 0; i < username.length; i++) {
|
| 364 |
hash = username.charCodeAt(i) + ((hash << 5) - hash);
|
|
|
|
| 216 |
}
|
| 217 |
|
| 218 |
.badge-mod {
|
| 219 |
+
background: #166534;
|
| 220 |
color: #fff;
|
| 221 |
}
|
| 222 |
|
|
|
|
| 358 |
|
| 359 |
// Assign randomized usernames color based on hash
|
| 360 |
function getUsernameColor(username) {
|
| 361 |
+
const colors = ['#ff85a1', '#f15bb5', '#c77dff', '#70d6ff', '#00bbf9', '#00f5d4', '#fee440', '#52b788', '#70e000', '#ff4d6d', '#ffb703', '#f4a261', '#2ec4b6', '#a2d2ff', '#ff9ebb'];
|
| 362 |
let hash = 0;
|
| 363 |
for (let i = 0; i < username.length; i++) {
|
| 364 |
hash = username.charCodeAt(i) + ((hash << 5) - hash);
|