anki/qt/ts/scss/_buttons.scss
Damien Elmes 7dcbc7efec basic night mode support
Forces the Fusion theme when running night mode, so we don't need
to work around platform themes that don't respond to the defined
palette.

Feedback/suggestions on the chosen colours welcome - _vars.scss is the
file to change if you want to experiment with adjustments.
2020-01-23 17:27:07 +10:00

28 lines
597 B
SCSS

@use 'vars';
.nightMode {
button {
-webkit-appearance: none;
color: vars.$night-text-fg;
/* match the fusion button gradient */
background: linear-gradient(0deg,
vars.$fusion-button-gradient-start 0%,
vars.$fusion-button-gradient-end 100%);
box-shadow: 0 0 3px vars.$fusion-button-outline;
border: 1px solid vars.$night-faint-border;
border-radius: 3px;
height: 24px;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 18px;
}
button:hover {
background: vars.$fusion-button-hover-bg;
}
}