fix(bulma): Only use dark text when the button is light
This makes the documents readable when using dark mode
This commit is contained in:
parent
6921373d6c
commit
faa8ea051a
1 changed files with 10 additions and 8 deletions
18
src/shared/static/bulma/bulma.scss
vendored
18
src/shared/static/bulma/bulma.scss
vendored
|
@ -26,14 +26,16 @@ body {
|
|||
margin-bottom: calc(0.5 * var(--bulma-block-spacing));
|
||||
font-size: 1.25rem;
|
||||
|
||||
// Dark color for text
|
||||
--bulma-color-l: var(--bulma-dark-l);
|
||||
--bulma-color-l-delta: 0%;
|
||||
color: hsl(
|
||||
var(--bulma-dark-h),
|
||||
var(--bulma-dark-s),
|
||||
calc(var(--bulma-color-l) + var(--bulma-color-l-delta))
|
||||
);
|
||||
&.is-light {
|
||||
// Dark color for text
|
||||
--bulma-color-l: var(--bulma-dark-l);
|
||||
--bulma-color-l-delta: 0%;
|
||||
color: hsl(
|
||||
var(--bulma-dark-h),
|
||||
var(--bulma-dark-s),
|
||||
calc(var(--bulma-color-l) + var(--bulma-color-l-delta))
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
.bt-links {
|
||||
|
|
Loading…
Add table
Reference in a new issue