WriteFreely深色模式CSS分享2(午夜紫)v1
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
*{
font-family: 'Noto Sans TC', sans-serif!important;
}
a,nav,a:visited{
color:#dce4f5!important;
}
li a{
color:#777!important;
}
a:hover{
text-decoration: underline dotted!important;
}
code{
color:#e6478e;
}
body:not(code){
background-color: #3c374a;
color:#f5f0dc!important;
}
/* Blog description (underneath title) on index page */
header p.description,h2,h3,h4,blockquote,time{
color:#f5f0dc!important;
}
.post-title a.u-url:link{
text-decoration: none!important;
}
.post-title a.u-url:hover{
text-decoration: underline dotted!important;
}
/* "Read more..." links */
body#collection a.read-more {
text-decoration: none!important;
}
/* Links inside blog posts */
article p a {
text-decoration: none!important;
}
article p a:hover {
text-decoration: underline dotted!important;
}
/*
RECIPES
These are common patterns you may want to use on your blog.
*/
/* Center images */
img {
display: block;
margin: 0 auto;
}
/* Disable post header fade effect */
body#post header{
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}
/* Hide post views */
header nav .views {
display: none;
}
已知問題:(可能須自行斟酌調整)
- 部分超連結(元素
a
)可能要自行改色,不然會顯示深灰色 - 管理員登入後,左上角管理選單已訪問連結顏色跟全域一樣都是淺藍色,導致在白底的選單不好閱讀,但對讀者似乎沒影響
- 字的對比似乎跟背景太高,可以視個人需求降低明度