homepage/themes/custom/assets/blumatheme.scss
2021-11-01 14:00:26 +01:00

45 lines
1.1 KiB
SCSS

// Based on DARKLY
// From https://github.com/jenil/bulmaswatch/blob/gh-pages/darkly/_variables.scss
$grey-lighter: #dbdee0;
$grey-light: #8c9b9d;
$grey: darken($grey-light, 18);
$grey-dark: darken($grey, 18);
$grey-darker: darken($grey, 23);
$background-base-color: rgb(50, 40, 40);
$primary: #ff3b3b !default;
$size-6: 15px;
$size-7: 0.85em;
$title-weight: 500;
$subtitle-weight: 400;
$subtitle-color: $grey-dark;
$body-background-color: darken($background-base-color, 3);
$body-size: 15px;
$background: $background-base-color;
$footer-background-color: $background-base-color;
$footer-padding: 1rem;
$subtitle-color: $grey-light;
$subtitle-strong-color: $grey-light;
$text: #fff;
$text-light: lighten($text, 10);
$text-strong: darken($text, 5);
$box-background-color: $background-base-color;
$link: lighten($primary, 10);
$link-hover: lighten($link, 5);
$link-focus: darken($link, 5);
$link-active: darken($link, 5);
$link-focus-border: $grey-light;
$input-placeholder-color: #ccc;
$navbar-height: 3rem;
$navbar-background-color: darken($background-base-color, 6);
$navbar-item-hover-background-color: $background-base-color;