LoginSignup
0
0

More than 1 year has passed since last update.

小ネタ:Marpでスライド作成する際に、リンクの色を変える方法

Posted at

色を変えたい動機

仕事でMarpを使ってスライド作成する際、背景色を暗めに設定して作成するのですが、デフォルトのリンクの色が青で、見づらくなります。
image.png

これを変えたいと思って調べたことのメモです。

結論

Marpのstyleを設定するところで変えることができます。

やり方

styleの設定でa:linkcolorを定義すればおkです。
(CSSいじるのと一緒ですね、、、)

---
marp: true
theme: default
backgroundColor: #787878
color: white
paginate: true
style: |
    section.title {
        justify-content: center;
        text-align: center;
    }
    footer {
        color:white
    }
    section {
        justify-content: start;
    }
    a:link {
      color: #8af0b6
    }
    section::after {
        color: white;
    }
---
# ほげ
- [qiitaのHP](https://qiita.com/)

↑の結果はこうなります。
image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0