Agatha's Blog

WriteFreely深色模式CSS分享3（黑夜）v1 #WriteFreely #網站相關 這個主題程式碼區塊有調成深色，所以預覽圖截取這個部分， 技法參考這個主題

@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:#bfc7d5!important;
}

a:hover{
    text-decoration: underline dotted!important;

}


body#post article code {
    background-color: #1f2330;
    color: #b2add9;
}

#collection #wrapper code {
    background-color: #1f2330;
    color: #b2add9;
}

#collection #wrapper pre {
    background-color: #1f2330;
}
#subpage #wrapper code {
    background-color: #1f2330;
    color: #b2add9;
}

#subpage #wrapper pre {
    background-color: #1f2330;
}
body#post pre {
    background: #1f2330;
}
body:not(code){
    background-color: #292d3e;
    color:#ded5b1!important;
    
}
/* Blog description (underneath title) on index page */
header p.description,h2,h3,h4,blockquote,time{
    color:#ded5b1!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;
    color:#bfc7d5!important;
}
article p a:hover {
    text-decoration: underline dotted!important;
    color:#bfc7d5!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;
}

覺得太在意CSS有點干擾寫作心情， 差點還因為對自己寫得主題都不滿意想搬到Wordpress.com 因為變成要錢作罷， 之後應該只會套用官方提供的主題