背景色や文字色の変え方

#1

https://jahad9819jjj.github.io における背景色と文字色を変えたいです

srcは以下です

0 Likes

#2

こんにちは。こちら、このフォーラムではOTだが、基本的にbodyやhtmlをcssでターゲットすればできる:

body {
  color: shark;
}
0 Likes

#3

Hugo project の repository は jahad9819jjj/blog ですね。

  • 背景は background-color
  • 文字色は color

を変更することになるでしょう。

利用されている Hugo theme は SCSS から CSS を生成しているので、

blog/assets/ にコピーして、コピーしたファイルの background-colorcolor を変更すれば良いはずです。

0 Likes

#4

こんにちは,peaceirisさん.

ご丁寧にありがとうございます.

こちらHTMLやCSSは初めてなのですが,
background-colorやcolorを変えるにあたって,
その色のリストはどのサイトを参照するのがよろしいでしょうか.

0 Likes

#5

私がよく参照するのは HTML, CSS カラーコード一覧表 - 背景色や文字色の設定 です。

0 Likes

#6

かしこまりました.

懇切丁寧なヘルプに感謝します.

0 Likes

#7

@111
どういたしまして。
ʕ◔ϖ◔ʔ

最後に :white_check_mark: をクリックしてこのトピックを解決済みにしてください。

0 Likes

#8

すみません.

早速,/blog下にassetsディレクトリがなかったので作って,_base.scssおよび_post.scssを編集してから,

hugo server

を叩いたのですが,反映されませんでした...

ちなみに編集したところは以下のとおりです.

理想としては,メインも投稿のページも背景の色を黒にして,文字の色を白色にしたいです.

以上よろしくお願いします.

0 Likes

#9

_base.scss において、

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

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

Before

After

$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);
0 Likes