https://jahad9819jjj.github.io における背景色と文字色を変えたいです
srcは以下です
https://jahad9819jjj.github.io における背景色と文字色を変えたいです
srcは以下です
こんにちは。こちら、このフォーラムではOTだが、基本的にbodyやhtmlをcssでターゲットすればできる:
body {
color: shark;
}
Hugo project の repository は jahad9819jjj/blog ですね。
background-color
color
を変更することになるでしょう。
利用されている Hugo theme は SCSS から CSS を生成しているので、
を blog/assets/
にコピーして、コピーしたファイルの background-color
や color
を変更すれば良いはずです。
こんにちは,peaceirisさん.
ご丁寧にありがとうございます.
こちらHTMLやCSSは初めてなのですが,
background-colorやcolorを変えるにあたって,
その色のリストはどのサイトを参照するのがよろしいでしょうか.
私がよく参照するのは HTML, CSS カラーコード一覧表 - 背景色や文字色の設定 です。
かしこまりました.
懇切丁寧なヘルプに感謝します.
すみません.
早速,/blog
下にassets
ディレクトリがなかったので作って,_base.scss
および_post.scss
を編集してから,
hugo server
を叩いたのですが,反映されませんでした...
ちなみに編集したところは以下のとおりです.
理想としては,メインも投稿のページも背景の色を黒にして,文字の色を白色にしたいです.
以上よろしくお願いします.
_base.scss
において、
main{
+ background-color: $dark;
+ color: $light;
padding-bottom: 45px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
の2行を追加することで以下のようになります。
$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);