背景色や文字色の変え方

日本語
9

_base.scss において、

main{
+  background-color: $dark;
+  color: $light;
  padding-bottom: 45px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

の2行を追加することで以下のようになります。

Before

hugo_before
hugo_before.jpg1502×1374 59.5 KB

After

hugo
hugo.jpg1420×1320 50.5 KB

$dark や $light そのものは _variables.scss にで定義されています。

$padding: 10px;
$margin: 25px;
$primary-color: #04a763;
$hover: #04a763;
$bright: #ff4447;
$light: #fff;
$dark: #24292e;
$text: #343434;
$pale: lighten($dark, 20%);
$mute: darken($light, 20%);
$linear: linear-gradient(to right bottom, darken($primary-color, 10%), $primary-color);
$font: 'Metropolis', sans-serif;
$gray: rgb(241,243,241);