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));
|
margin-bottom: calc(0.5 * var(--bulma-block-spacing));
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
|
||||||
// Dark color for text
|
&.is-light {
|
||||||
--bulma-color-l: var(--bulma-dark-l);
|
// Dark color for text
|
||||||
--bulma-color-l-delta: 0%;
|
--bulma-color-l: var(--bulma-dark-l);
|
||||||
color: hsl(
|
--bulma-color-l-delta: 0%;
|
||||||
var(--bulma-dark-h),
|
color: hsl(
|
||||||
var(--bulma-dark-s),
|
var(--bulma-dark-h),
|
||||||
calc(var(--bulma-color-l) + var(--bulma-color-l-delta))
|
var(--bulma-dark-s),
|
||||||
);
|
calc(var(--bulma-color-l) + var(--bulma-color-l-delta))
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bt-links {
|
.bt-links {
|
||||||
|
|
Loading…
Reference in a new issue