mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-08 11:16:47 +00:00
fix(css): outlined secondary buttons read in every theme
An outlined secondary button (Cancel, a row's ⋯ menu, the console and VM action buttons) takes the theme's secondary colour, which sits near the page background in many Bootswatch themes: its text was at 1.3:1 in Darkly and Materia, under 3:1 in a dozen others. It now takes the page's own text colour and a muted border, set on the button itself because some themes set it there and not through Bootstrap's variable; its hover and disabled looks stay the theme's.
This commit is contained in:
parent
26a10d127a
commit
fd080438c3
1 changed files with 9 additions and 0 deletions
|
|
@ -20,6 +20,15 @@
|
|||
background-color: var(--bs-body-bg) !important;
|
||||
}
|
||||
|
||||
/* an outlined secondary button (Cancel, a row's menu): Bootstrap draws it
|
||||
in the theme's secondary colour, near the page background in Cyborg,
|
||||
Darkly, Slate, Solar, Superhero and Vapor; the page's own text colours
|
||||
read in every theme, its hover stays the theme's */
|
||||
.btn-outline-secondary {
|
||||
color: var(--bs-body-color);
|
||||
border-color: var(--bs-secondary-color);
|
||||
}
|
||||
|
||||
#editor {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue