Files
bulma/sass/themes/default.scss
Jeremy Thomas b73e183091 Init dark theme
2022-12-14 17:15:51 +00:00

112 lines
3.4 KiB
SCSS

:root {
@include register-vars(
(
scheme-main: #{$scheme-main},
scheme-main-bis: #{$scheme-main-bis},
scheme-main-ter: #{$scheme-main-ter},
scheme-invert: #{$scheme-invert},
scheme-invert-bis: #{$scheme-invert-bis},
scheme-invert-ter: #{$scheme-invert-ter},
text: #{$text},
text-invert: #{$text-invert},
text-light: #{$text-light},
text-strong: #{$text-strong},
background: #{$background},
border: #{$border},
border-hover: #{$border-hover},
border-light: #{$border-light},
border-light-hover: #{$border-light-hover},
code: #{$code},
code-background: #{$code-background},
pre: #{$pre},
pre-background: #{$pre-background},
link-hover: #{$link-hover},
link-hover-border: #{$link-hover-border},
link-focus: #{$link-focus},
link-focus-border: #{$link-focus-border},
link-active: #{$link-active},
link-active-border: #{$link-active-border},
family-sans-serif: #{$family-sans-serif},
family-monospace: #{$family-monospace},
size-1: #{$size-1},
size-2: #{$size-2},
size-3: #{$size-3},
size-4: #{$size-4},
size-5: #{$size-5},
size-6: #{$size-6},
size-7: #{$size-7},
weight-light: #{$weight-light},
weight-normal: #{$weight-normal},
weight-medium: #{$weight-medium},
weight-semibold: #{$weight-semibold},
weight-bold: #{$weight-bold},
block-spacing: #{$block-spacing},
gap: #{$gap},
easing: #{$easing},
radius-small: #{$radius-small},
radius: #{$radius},
radius-large: #{$radius-large},
radius-rounded: #{$radius-rounded},
speed: #{$speed},
family-primary: #{$family-primary},
family-secondary: #{$family-secondary},
family-code: #{$family-code},
size-small: #{$size-small},
size-normal: #{$size-normal},
size-medium: #{$size-medium},
size-large: #{$size-large},
shadow: #{$shadow},
)
);
@include register-rgb("shadow-color", $shadow-color);
@each $name, $pair in $colors {
$base: nth($pair, 1);
$invert: nth($pair, 2);
@include register-rgb($name, $base);
@include register-hsl($name, $base);
@include generate-color-palette($name, $base, $invert);
}
@each $name, $shade in $shades {
@include register-var($name, $shade);
}
/*@include register-vars(
(
scheme-main: #{getVar("white")},
scheme-main-bis: #{getVar("white-bis")},
scheme-main-ter: #{getVar("white-ter")},
scheme-invert: #{getVar("text-00")},
scheme-invert-bis: #{getVar("text-05")},
scheme-invert-ter: #{getVar("text-10")},
text: #{getVar("text-25")},
text-invert: #{getVar("white")},
text-light: #{getVar("text-55")},
text-strong: #{getVar("text-10")},
background: #{getVar("text-90")},
border: #{getVar("text-85")},
border-hover: #{getVar("text-80")},
border-light: #{getVar("text-90")},
border-light-hover: #{getVar("text-85")},
code: #{getVar("danger-60")},
code-background: #{getVar("text-90")},
pre: #{getVar("text-40")},
pre-background: #{getVar("text-90")},
link-visited: #{$link-visited},
link-hover: #{$link-hover},
link-hover-border: #{$link-hover-border},
link-focus: #{$link-focus},
link-focus-border: #{$link-focus-border},
link-active: #{$link-active},
link-active-border: #{$link-active-border},
)
);*/
}