assets/css/hulga-dark.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

// bulma customize
@charset "utf-8";

// Import a Google Font
// @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

// Set your brand colors
// $archblue: #1793d0;

{{ if .Site.Params.primaryColor }}
$primary: lighten({{ .Site.Params.primaryColor }}, 5);
{{end}}

// Import only what you need from Bulma

@import "../sass/dark/variables";


// should I override night link color to primary ?
{{ if .Site.Params.primaryColor }}
$link: $primary;
$link-hover: lighten($link, 5);
$link-focus: darken($link, 5);
$link-active: darken($link, 5);
$link-focus-border: $grey-light;
$pagination-color: $link;
$pagination-border-color: $border;
{{end}}

@import "./common.scss";

@import "../sass/dark/overrides";

// dark override
.footer {
  background: #282f2f;
}
.counter-tag {
  border-left: 1px solid #282f2f;
}
.tag:not(body) {
  background-color: rgba($black-bis, 0.2);
}