Blog主题背景色

主题背景色

  • [ ] 这样改的话动效设置要把post页面波浪颜色也改成相应的

  • 新建文件source/css/color.css或在已引入的css中新增以下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#footer {
  -webkit-backdrop-filter: saturate(100%) blur(5px);
  backdrop-filter: saturate(100%) blur(5px);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  color: #000
}

#footer,#footer:before {
  background: hsla(0,0%,100%,.15)
}

#footer #footer-wrap,#footer #footer-wrap a {
  color: #333;
}
#footer #footer-wrap{
  background: transparent!important;
}

#web_bg {
  background: linear-gradient(90deg,rgba(247,149,51,.1),rgba(243,112,85,.1) 15%,rgba(239,78,123,.1) 30%,rgba(161,102,171,.1) 44%,rgba(80,115,184,.1) 58%,rgba(16,152,173,.1) 72%,rgba(7,179,155,.1) 86%,rgba(109,186,130,.1))
}
  • 在_config.anzhiyu.yml主题配置文件下inject配置项中head处引入color.css文件
1
2
3
inject:
  head:
    - <link rel="stylesheet" href="/css/color.css"> # 主题背景色