Sakura Frp 自定义主题

emm，又肝了一下午，弄了个Sakura Frp后台的主题

个人感觉挺好看的。

效果演示

使用方法

登录到Sakura Frp后台
点击账号安全
往下拉，找到自定义css
把下面这段代码复制进去

/*背景图片*/
#wrapper {
    background: url(https://i.natfrp.com/a221c28761d7183cf64f7aee2420e0fa.jpg);
    background-size: cover;
}

/*顶部*/
/*顶部标题*/
.nav-title {
  background: #ffffff00;
}

/*顶部按钮去除边框*/
.content-tabs .roll-left {
  border-right: solid 1px rgba(218, 75, 63, 0);
}
.page-tabs a {
  border-right: solid 1px rgba(200, 37, 37, 0);
}
.content-tabs .roll-right {
    border-left: solid 1px rgba(218, 75, 63, 0);
}

/*更改顶部按钮颜色*/
/*返回和退出按钮*/
.content-tabs button {
    background: rgba(218, 75, 63, 0);
}

.roll-right.J_tabExit {
    background: #ffffff00;
}
.page-tabs a.active {
    background: rgba(112, 134, 175, 0.58);
    color: #ececec;
}
/*hover*/
.content-tabs .roll-nav:hover, .page-tabs a:hover {
    color: #ffffff;
    background: rgba(64, 77, 101, 0.78);
    border-right: solid 1px rgba(200, 37, 37, 0);
}

.page-tabs a.active i:hover, .page-tabs a.active:hover {
    background: rgba(33, 50, 58, 0.59);
    color: #fff;
}
.content-tabs button:hover {
    background: rgba(64, 77, 101, 0.78);
}

/*顶部导航栏透明*/
.content-tabs {
    border-bottom: solid 2px rgba(218, 75, 63, 0);
}
.nav-title {
    background: #ffffff00 !important;
}
.content-tabs {
    background: rgba(218, 75, 63, 0);
}

/*左侧菜单透明*/
.navbar-default {
    background-color: transparent;
}

/*全局透明*/
.gray-bg {
    background-color: #f3f3f400;
}

/*左侧菜单按钮*/
.navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover {
    background-color: #07070c85!important;
    color: #fff6f6;
}

.navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover {
    transition-duration: 0.5s !important;
    border-left: 5px solid #8ab4ff!important;
}

/*通用框架*/
.ibox-title {
    background-color: #ffffff6e;
    border-color: #43647963;
}
.ibox-content {
    background-color: #ffffff85;
    border-color: #e7eaec;
    color: #001a2c;
}

/*底部*/
.footer {
    background: none repeat scroll 0 0 #fff0;
    border-top: 1px solid #e7eaec;
}

/*代码块*/
code {
    color: #bfffbb;
    background-color: #100a0a57;
    border-radius: 0;
    border: 1px solid #dadada00;
}

pre {
    color: #bfffbb;
    background-color: #100a0a57;
    border: 1px solid #ccc0;
}

/*输入框*/
.addfrp input {
    border-bottom: 1px solid #ddd0!important;
    background: #rgba(0, 0, 0, 0.4);
}