diff --git a/app/javascript/flavours/glitch/styles/polls.scss b/app/javascript/flavours/glitch/styles/polls.scss index 6f1cf0589..c0f138347 100644 --- a/app/javascript/flavours/glitch/styles/polls.scss +++ b/app/javascript/flavours/glitch/styles/polls.scss @@ -111,7 +111,7 @@ &__input { display: inline-block; position: relative; - border: 1px solid $ui-primary-color; + border: 1px solid $ui-button-background-color; box-sizing: border-box; width: 18px; height: 18px; @@ -127,15 +127,10 @@ border-radius: 4px; } - &.active { - border-color: $valid-value-color; - background: $valid-value-color; - } - &:active, &:focus, &:hover { - border-color: lighten($valid-value-color, 15%); + border-color: $ui-button-focus-background-color; border-width: 4px; } @@ -249,6 +244,14 @@ color: $action-button-color; border-color: $action-button-color; margin-inline-end: 5px; + + &:hover, + &:focus, + &.active { + border-color: $action-button-color; + background-color: $action-button-color; + color: $ui-button-color; + } } li {