Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Fix a few WCAG color scheme contrast issues (#16554)

This commit is contained in:
Penar Musaraj 2022-04-25 17:07:35 -04:00 committed by GitHub
parent 4157403308
commit c1d9822003
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
app/assets/stylesheets/wcag.scss
View File

@ -106,37 +106,23 @@ html {
background: var(--tertiary);
}
.extra-info-wrapper {
--header_primary-high: var(--header_primary);
}
// Topic list
table th {
color: var(--primary-medium);
}
.coldmap {
&-high {
color: #6c77cc !important;
}
&-med {
color: #548eaa !important;
}
&-low {
color: #32a1a5 !important;
}
color: var(--primary-high);
}
.heatmap-high,
.heatmap-high a {
color: #dc3249 !important;
}
.heatmap-high a,
.heatmap-med,
.heatmap-med a {
color: #ae5b54 !important;
}
.heatmap-med a,
.heatmap-low,
.heatmap-low a {
color: #8f6d5b !important;
color: var(--primary-medium) !important;
}
.badge-notification {
@ -226,64 +212,9 @@ html {
nav.post-controls {
.actions {
.double-button {
&:hover {
button {
background: var(--primary-medium);
color: var(--secondary);
.d-icon {
color: var(--secondary);
}
&.has-like {
.d-icon {
color: var(--love-low);
}
}
}
}
button {
&.like {
// Like button with 0 likes
&.d-hover {
background: var(--love-low);
.d-icon {
color: var(--love-low);
}
}
}
&.has-like {
// Like button after I've liked
.d-icon {
color: var(--love);
}
&.d-hover {
background: var(--primary-medium);
.d-icon {
color: var(--secondary);
}
}
}
&.button-count {
&.d-hover {
background: var(--primary-medium);
color: var(--secondary);
}
+ .toggle-like {
&.d-hover {
background: var(--primary-medium);
color: var(--secondary);
}
}
}
}
}
button.create {
button.create,
button.create .d-icon {
color: var(--primary-high-or-secondary-low);
.d-icon {
color: var(--primary-high-or-secondary-low);
}
}
button {
&.d-hover,
@ -318,6 +249,16 @@ html {
}
}
}
.double-button .button-count {
color: var(--primary-medium);
}
.double-button:hover {
button,
.d-icon,
button.has-like .d-icon {
color: var(--love);
}
}
}
.show-replies {