tlaternet-webserver/packages/templates/src/lib/scss/_custom-bulma.scss

52 lines
1.1 KiB
SCSS

@use "sass:color";
@use "./_fonts";
$black: #0f0f0f;
$green: #2aa889;
$grey-light: #dddddd;
$primary: #99d1ce;
$text: $grey-light;
$grey-darker: #11151c;
@use "bulma/sass" with (
$family-sans-serif: "Nunito",
$family-monospace: "Hack",
$black: $black,
$grey-darker: $grey-darker,
$grey-light: $grey-light,
$white: #ffffff,
$red: #dc322f,
$orange: #d26937,
$yellow: #b58900,
$blue: #195466,
$cyan: #599cab,
$green: $green,
$primary: $primary,
$link: $green,
// $link-hover: color.scale($green, $lightness: +10%),
// $link-active: color.scale($green, $lightness: +10%),
// $link-focus: color.scale($green, $lightness: +10%),
// $input-color: $grey-light,
$input-placeholder-color: $grey-light, // Some opacity is applied to this
$weight-normal: 400,
$scheme-main: $black,
$text: $grey-light,
$text-strong: $primary,
$label-color: $text,
$content-heading-color: $text,
$hr-background-color: $grey-light,
$hr-height: 1px,
$pre-background: $grey-darker
);
@import "~/node_modules/bulma";
@import "./_navbar";