Settings
スタイルを変更できる
ref /help-jp/UserCSS
font
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.line {
font-family: 'Noto Sans JP', sans-serif;
}
.title, .line-title {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
過去に使ったもの
Kosugi Maru
Murecho
M Plus 1p
Noto Sans JP
強調にカラーマーカーをつける
code:style.css
.line strong {
background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #f3fd7f 50%);
}
背景模様
飽きたら https://projects.verou.me/css3patterns/ から好きなCSS拾う
code:style.css
body {
background-color: #abc7d5;
background-color: rgba(29,208,176,.25);
background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
background-size: 13px, 29px, 37px, 53px;
}
過去に使ったもの
Cicada Stripes
ヘッダ
code:style.css
#app-container > div > nav {
background-color: #353535;
}
#app-container > div > nav > div > div.left > a > span {
color: #ffffff;
}
navbarのアイコン
code:style.css
.navbar-brand::before {
content: '';
width: 36px;
height: 36px;
position: absolute;
background-image: url(https://avatars.githubusercontent.com/u/1811616?s=36);
background-size: cover;
border-radius: 18px;
}