为了让博客前后台设计风格统一(typecho后台太丑了),花了一下午梅花了一下,现在贴出css代码

截图:


和博客样式很配啊QAQ:


博客是single模板,自己也魔改了css,自定义css在之前的文章里
下面贴出后台的css

body{
    background: white!important;
}

.typecho-login{
    padding:25px!important;
    background: white!important;
    border-radius: 15px!important;
    box-shadow: 0 0 15px lightgrey!important;
}

.typecho-login-wrap{
    height:auto!important;
    margin-top:10%!important;
}

.primary{
    background: #66ccff!important;
    color:white!important;
}

.notice{
    background: #fffa52!important;
    text-shadow: 0 0 2px #8A6D3B!important;
}

.error{
    background: #fda391!important;
    box-shadow: 0 0 15px #fda391!important;
    color: white!important;
    text-shadow: 0 0 15px white!important;
}

.typecho-head-nav{
    background:white!important;
    box-shadow: 0 0 15px lightgrey!important;
}

.typecho-table-wrap{
    box-shadow: 0 0 15px lightgrey!important;    
    margin: 35px 0px!important;
}

#typecho-nav-list{
    transition: 0.5s;
}

#typecho-nav-list .parent a:hover, #typecho-nav-list .focus .parent a, #typecho-nav-list .root:hover .parent a{
    background: #a7c8ff!important;
}

#typecho-nav-list .parent a{
    border: none!important;
}

#typecho-nav-list ul:first-child{
    border: none!important;
}

.typecho-head-nav .operate a:hover{
    background: #a7c8ff!important;
}

.typecho-head-nav .operate a{
    border: none!important;
}

#typecho-nav-list .parent a,.typecho-head-nav .operate a{
    color:grey!important;
}

.typecho-head-nav .operate a:hover,.typecho-head-nav .operate a:focus{
    color:white!important;
}

#typecho-nav-list .parent a:hover, #typecho-nav-list .focus .parent a, #typecho-nav-list .root:hover .parent a{
    color:white!important;
}

.success{
    color: white!important;
    background: #93f79f!important;
}

.success a{
    color: white!important;
    background: #93f79f!important;
}

.typecho-page-title{
    text-shadow: 0 0 1px black!important;
}

.typecho-post-area #slug{
    background: white!important;
    box-shadow: 0 0 5px lightgrey;
    margin: 0 2px;
}

.typecho-post-area input.title,textarea,#fieldname,#fieldtype{
    border: none!important;
    box-shadow: 0 0 5px lightgrey;
}

/*div[role="main"]{
    background: white!important;
}*/

.w-50 {
    background: white!important;
    border: none!important;
}
.typecho-option-tabs li.current a, .typecho-option-tabs li.active a{
    background: #a7c8ff!important;
    color:white!important;
}
.typecho-option-tabs a{
    border: none!important;
}

.typecho-option-tabs{
    box-shadow: 0 0 2px lightgrey!important;
}

.typecho-post-area .typecho-label{
    text-shadow: 0 0 1px black!important;
}

input[type=text], input[type=password], input[type=email], textarea{
    border: none!important;
    box-shadow: 0 0 5px lightgrey!important;
}

.category-option ul{
    border: none!important;
    box-shadow: 0 0 5px lightgrey!important;
}

#token-input-tags{
    box-shadow: 0 0 0!important;
}

.token-input-list{
    box-shadow: 0 0 5px lightgrey!important;
}

select{
    border: none!important;
    box-shadow: 0 0 5px lightgrey!important;
}

 #typecho-nav-list .child li a{
    background: white!important;
}

#typecho-nav-list .child li a:hover, #typecho-nav-list .child li a:focus{
    background: #a7c8ff!important;
    color:white;
}

#typecho-nav-list .child li.focus a{
    background: #a7c8ff!important;
    color:white!important;
}

.child{
    box-shadow: 0 0 5px lightgrey!important;
}

h2 > a {
    color:grey!important;
    background: white!important;
    box-shadow: 0 0 5px lightgrey!important;
    text-shadow: 0 0 0!important;
}

h2 > a:hover {
    color:white!important;
    background: skyblue!important;
    box-shadow: 0 0 5px lightgrey!important;
    text-shadow: 0 0 0!important;
}

.typecho-page-main ul.tag-list li.size-5{
    box-shadow: 0 0 5px lightgrey!important;
}

.main{
    padding:10px 20px!important;
    box-shadow: 0 0 15px lightgrey!important;
    border-radius: 15px!important;
    width:80%!important;
    margin:20px auto!important;
    min-width: 0px!important;
}

.main a:hover,.main a:focus{
    text-decoration: none!important;
    color:#00a9ff!important;
}

.main a{
    text-decoration: none!important;
    color:grey!important;
}

.balloon{
    background: white!important;
    color: grey!important;
}

使用方法

打开typecho目录admin/css
找到style.css文件,将代码贴在@charset "UTF-8";后面
保存文件,如果没变化就清除一下缓存