0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-08 14:34:02 +08:00
discourse/themes/horizon/scss/topic-voting.scss
Kris 022194f3e8
UX: increase contrast of topic voting count (#39288)
Went a little too light here, this darkens a shade 

Before:
<img width="400" alt="image"
src="https://github.com/user-attachments/assets/6a2d0ea9-a216-4c1b-8107-bcdcff79c9ee"
/>



After: 
<img width="500" alt="image"
src="https://github.com/user-attachments/assets/2ff0649b-4c18-4c3c-8439-db29f3d8126f"
/>
2026-04-15 09:41:28 -04:00

35 lines
691 B
SCSS
Vendored

@use "lib/viewport";
.voting .voting-wrapper {
--d-button-border-radius: var(--d-border-radius-small);
--primary-100: var(--d-selected);
--primary-low: var(--d-selected);
&__button {
background: var(--secondary);
}
.discourse-no-touch & {
button {
&:focus-visible,
&:hover {
box-shadow: none;
}
&:not(.btn-success) {
.d-icon {
color: var(--primary-high);
}
}
}
}
}
.voting.header-title-voting .voting-wrapper {
--primary-high: var(--header_primary-high);
@include viewport.from(lg) {
--secondary: var(--background-color);
--content-border-color: var(--d-sidebar-border-color);
}
}