fastadmin更换系统主题

发布日期： 2026-06-01 17:30 阅读量： 85 来源： 互联网

applicationadminviewcommonmeta.html页面15行

添加

applicationadminviewlayoutdefault.html页面7行

修改为

applicationadminviewindexindex.html页面7行

修改为

simple.css放在

publicassetscsssimple.css

simple.css代码如下：

.theme-body #firstnav {

box-shadow: none !important

}

.theme-body button {

border-radius: 6px;

outline: none !important

}

.theme-body .btn {

border-radius: 6px;

padding: 6px 20px !important

}

.theme-body .btn-primary {

background: #165DFF;

border-color: #165DFF;

color: #fff

}

.theme-body .btn-primary:hover,

.theme-body .btn-primary:focus,

.theme-body .btn-primary.focus {

background: rgba(22, 93, 255, 0.5);

border-color: rgba(22, 93, 255, 0.5);

color: #fff

}

.theme-body .form-control {

border-radius: 6px

}

.theme-body .btn-success.btn-primary {

color: #fff;

background-color: #18bc9c;

border-color: #18bc9c

}

.theme-body .btn-success.btn-primary :hover,

.theme-body .btn-success.btn-primary :focus,

.theme-body .btn-success.btn-primary :focus {

color: #fff;

background-color: #128f76;

border-color: #11866f

}

.theme-body .dropdown-menu.text-left a,

.theme-body .dropdown-menu.text-left li {

border-radius: 0

}

.theme-body .toolbar .dropdown {

margin-left: 10px

}

.theme-body .pagination>li>a {

margin-left: 4px !important;

border-color: transparent;

background: #fff;

border-radius: 6px !important

}

.theme-body .pagination .jumpto input {

margin-right: 0px !important

}

.theme-body .pagination .jumpto .btn {

background: transparent;

border-color: transparent;

color: #666;

box-shadow: none !important;

padding: 7px 10px !important

}

.theme-body .pagination .jumpto .btn:focus,

.theme-body .pagination .jumpto .btn:active {

color: #165DFF !important

}

.theme-body .pagination>.active>a,

.theme-body .pagination>.active>span,

.theme-body .pagination>.active>a:hover,

.theme-body .pagination>.active>span:hover,

.theme-body .pagination>.active>a:focus,

.theme-body .pagination>.active>span:focus {

background: transparent;

border-color: #165DFF;

color: #0054FE;

border-radius: 6px !important

}

.theme-body .pagination-detail .dropdown-toggle {

background: transparent;

padding: 3px 15px

}

.theme-body .panel-heading {

background: #fff;

border-radius: 6px !important;

border: none !important

}

.theme-body .panel-heading .nav-tabs>li>a {

background: #fff;

min-width: 64px !important;

text-align: center !important;

border: none !important;

color: #081615;

font-weight: 700 !important;

margin-right: 30px !important

}

.theme-body .panel-heading .nav-tabs>li.active>a {

position: relative

}

.theme-body .panel-heading .nav-tabs>li.active>a::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 4px;

background: #165DFF;

border-radius: 4px

}

.theme-body #secondnav .nav-tabs {

box-shadow: 0 4px 10px 0 rgba(78, 89, 105, 0.06);

background: transparent

}

.theme-body #secondnav .nav-tabs>li {

position: relative;

margin: 0 !important;

padding: 0 15px !important;

border: none !important;

border-width: 0 !important;

border-radius: 0 !important

}

.theme-body #secondnav .nav-tabs>li::before {

content: '';

position: absolute;

top: 50%;

transform: translateY(-50%);

left: 0;

width: 1px;

height: 20px;

background: #D8D8D8

}

.theme-body #secondnav .nav-tabs>li:first-child::before,

.theme-body #secondnav .nav-tabs>li:nth-child(2)::before,

.theme-body #secondnav .nav-tabs>li.active::before,

.theme-body #secondnav .nav-tabs>li.active+li::before {

display: none

}

.theme-body #secondnav .nav-tabs>li>a {

display: flex;

align-items: center;

justify-content: center

}

.theme-body #secondnav .nav-tabs>li.active {

background: #F0F5FF

}

.theme-body #secondnav .nav-tabs>li.active>a {

color: #165DFF

}

.theme-body .pull-left:has(#toolbar) {

margin-bottom: 0

}

.theme-body .pull-left #toolbar {

display: flex;

align-items: center;

flex-wrap: wrap

}

.theme-body .pull-left #toolbar>* {

margin-bottom: 10px

}

.theme-body .pull-left #toolbar>a+a,

.theme-body .pull-left #toolbar>a+div,

.theme-body .pull-left #toolbar>div+a,

.theme-body .pull-left #toolbar>a+button,

.theme-body .pull-left #toolbar>button+a,

.theme-body .pull-left #toolbar>div+button,

.theme-body .pull-left #toolbar>button+div {

margin-left: 10px !important

}

.theme-body .pull-right.search {

margin-right: 20px !important

}

.theme-body .pull-right.columns {

margin: 10px 0 !important

}

.theme-body .pull-right.columns * {

border-color: transparent !important;

border-radius: 4px !important

}

.theme-body .pull-right.columns .btn-group,

.theme-body .pull-right.columns .btn {

margin-left: 1px !important

}

.theme-body .pull-right.columns .caret {

border-width: 0 !important

}

.theme-body .pull-right.columns-right {

margin: 10px 0 !important;

margin-left: 1px !important

}

.theme-body .pull-right.columns-right .btn {

border-color: transparent !important;

border-radius: 4px !important

}

.theme-body .input-group .input-group-btn .form-control {

border-top-left-radius: 6px;

border-bottom-left-radius: 6px

}

.theme-body .bootstrap-table .table thead>tr>th {

border-color: #F6F8FB;

background: #F6F8FB

}

.theme-body .bootstrap-table .table-striped>tbody>tr:nth-of-type(odd) {

background: #fff

}

.theme-body .bootstrap-table tbody tr td {

border-left-width: 0 !important;

border-right-width: 0 !important

}

.theme-body .bootstrap-table .table-hover>tbody>tr:hover {

background: rgba(22, 93, 255, 0.05) !important

}

.theme-body .searchit .label {

display: inline-block;

padding: 4px 10px;

border-radius: 4px;

font-size: 13px;

line-height: 15px

}

.theme-body .layui-layer-dialog .layui-layer-title,

.theme-body .layui-layer-iframe .layui-layer-title {

background: #F6F8FB !important;

color: #333 !important;

font-weight: 700 !important;

font-size: 16px !important

}

.theme-body .layui-layer-dialog .layui-layer-setwin .layui-layer-ico::after,

.theme-body .layui-layer-iframe .layui-layer-setwin .layui-layer-ico::after {

color: #333 !important

}

.theme-body .layui-layer-dialog .layui-layer-btn,

.theme-body .layui-layer-iframe .layui-layer-btn {

box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;

background: transparent

}

.theme-body .layui-layer-dialog .layui-layer-btn .layui-layer-btn0,

.theme-body .layui-layer-iframe .layui-layer-btn .layui-layer-btn0 {

background: #165DFF !important;

color: #fff !important;

border-color: #165DFF !important

}

.theme-body .layui-layer-dialog .layui-layer-btn .layui-layer-btn1,

.theme-body .layui-layer-iframe .layui-layer-btn .layui-layer-btn1 {

background: #F6F8FB !important;

color: #666 !important;

border-color: #E4E4E4 !important

}

.theme-body .sdtheme-hidden-userinfo .user-panel {

display: none !important

}

@media (max-width:767px) {

.theme-body .content-wrapper,

.theme-body .right-side,

.theme-body .main-footer {

margin-left: 0px !important

}

.theme-body .layui-layer-ico3 {

display: inline-flex !important;

align-items: center;

justify-content: center;

border-radius: 50%;

color: #fff !important;

font: normal normal normal 12px/1 FontAwesome !important;

background: none !important;

background: #165DFF !important

}

.theme-body .layui-layer-ico3::before {

font-size: 18px !important;

content: "f12a" !important

}

.theme-body .layui-layer-ico1 {

display: inline-flex !important;

align-items: center;

justify-content: center;

border-radius: 50%;

color: #fff !important;

font: normal normal normal 12px/1 FontAwesome !important;

background: none !important;

background: #165DFF !important

}

.theme-body .layui-layer-ico1::before {

font-size: 18px !important;

content: "f00c" !important

}

.theme-body .layui-layer-ico0 {

display: inline-flex !important;

align-items: center;

justify-content: center;

border-radius: 50%;

color: #fff !important;

font: normal normal normal 12px/1 FontAwesome !important;

background: none !important;

background: #165DFF !important

}

.theme-body .layui-layer-ico0::before {

font-size: 18px !important;

content: "f058" !important

}

.theme-body .bootstrap-table .form-commonsearch .row>.form-group:last-child {

float: right

}

.theme-body .btn.btn-xs {

padding: 1px 5px !important

}

.theme-body .panel-intro>.panel-heading .nav-tabs {

padding-bottom: 10px

}

.theme-body .panel-intro .panel-heading {

border-bottom: 12px solid #F1F4F6 !important;

margin-bottom: 10px;

border-radius: 6px 6px 0px 0px !important;

padding-top: 10px

}

.theme-body .layui-layer-fast.layui-layer-dialog {

border-radius: 6px;

box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

overflow: hidden;

min-width: 330px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-content .layui-layer-ico {

position: absolute;

top: 40px;

left: 37px;

width: 25px;

height: 25px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-btn,

.theme-body .layui-layer-fast.layui-layer-dialog .theme-body .layui-layer-iframe .layui-layer-btn {

box-shadow: none !important;

display: flex;

flex-direction: row-reverse;

position: relative;

bottom: 10px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-padding {

padding: 40px 5px 30px 75px;

text-align: left

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-btn0 {

position: relative;

padding: 15px 30px;

text-align: center;

line-height: 5px;

border-radius: 8px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-btn0 button {

border-radius: 8px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-btn1 {

position: relative;

padding: 15px 30px;

text-align: center;

line-height: 5px;

border-radius: 8px

}

.theme-body .layui-layer-fast.layui-layer-dialog .layui-layer-btn1 button {

border-radius: 8px

}

.theme-body .text-success {

color: #165DFF

}

.theme-body .panel-body #toolbar {

display: flex;

align-items: center

}

.theme-body .panel-body #toolbar>.btn {

margin-left: 10px

}

.theme-body .panel-body #toolbar .btn-group {

margin-left: 10px

}

@media (max-width:767px) {

.theme-body .main-header .navbar {

margin: 0

}

.theme-body .label-primary {

background-color: rgba(0, 0, 0, 0.6)

}

.theme-body .label-success {

color: #18BC9C;

background-color: rgba(24, 188, 156, 0.1)

}

.theme-body .label-warning {

color: #f39c12;

background-color: rgba(243, 156, 18, 0.1)

}

.theme-body .label-danger {

color: #f75444;

background-color: rgba(247, 84, 68, 0.1)

}

.theme-body form .form-group .input-group-addon.no-border.no-padding {

position: relative;

left: 3px

}

.theme-body .layui-layer-btn.layui-layer-footer {

border-top: 1px solid #F6F8FB

}

.theme-body .panel-intro>.panel-heading .nav-tabs>li>a:hover {

color: #323638;

background-color: #F4F4F5;

border-radius: 6px

}

.theme-body .panel-intro>.panel-heading .nav-tabs>li.active>a {

color: #165DFF

}

.theme-body.darktheme .sidebar a,

.theme-body.darktheme .sidebar-menu li.treeview.treeview-open>a {

color: #fff;

background: #070707

}

.theme-body.darktheme .panel-heading .nav-tabs>li>a {

color: #fff !important;

background: #404040 !important

}

.theme-body.darktheme .panel-heading .nav-tabs>li.active>a {

position: relative

}

.theme-body.darktheme .panel-heading .nav-tabs>li.active>a::after {

content: '';

position: absolute;

bottom: 0;

left: 0;

width: 100%;

height: 4px;

background: #165DFF;

border-radius: 4px

}

.theme-body.darktheme .btn-default {

color: #fff

}

.theme-body.darktheme .bootstrap-table .table thead>tr>th {

border-color: #262626;

background: #262626

}

.theme-body.darktheme .bootstrap-table .table-striped>tbody>tr:nth-of-type(odd) {

background: #404040

}

.theme-body.darktheme .bootstrap-table tbody tr td {

border-left-width: 0 !important;

border-right-width: 0 !important

}

.theme-body.darktheme .bootstrap-table .table-hover>tbody>tr:hover {

background: rgba(38, 38, 38, 0.05) !important

}

.theme-body.darktheme .form-commonsearch>div {

background: #262626 !important

}

.theme-body.darktheme .panel-intro .panel-heading {

border-bottom: 12px solid #262626 !important

}

.theme-body.darktheme .panel {

background-color: #333333 !important

}

.theme-body.darktheme .panel-heading {

background: #3A3A3A

}

.table-bordered td {

/* position: relative;

left: -10px;

bottom: -20px */

}

.table-bordered.fixed-table-fast-contaner td {

position: static;

left: auto;

bottom: auto

}

#add-form {

border-top: 1px solid red

}

#add-form.form-valiator {

border-top: none

}

body.theme-white .wrapper,

body.theme-white .main-header {

background: #fff

}

body.theme-white .main-sidebar,

body.theme-white .main-header .logo {

color: #222;

background: #fff;

border-color: transparent !important

}

body.theme-white .main-sidebar:hover,

body.theme-white .main-header .logo:hover {

color: #222;

border-color: transparent !important

}

body.theme-white .sidebar-collapse ul.treeview-menu {

background: #F4F4F5 !important

}

body.theme-white .sidebar-menu li.treeview.active>a,

body.theme-white .sidebar-menu li.treeview.treeview-open>a,

body.theme-white .sidebar-menu>li>.treeview-menu {

background: #fff;

border-left-color: #fff

}

body.theme-white.sidebar-collapse .sidebar-menu>li>.treeview-menu {

margin-left: 5px !important;

left: 45px !important

}

body.theme-white .treeview-menu>li>a,

body.theme-white .sidebar a {

color: #4E5969

}

body.theme-white .sidebar-menu>li:hover>a,

body.theme-white .sidebar-menu>li.active>a {

padding-left: 5px;

margin: 0 10px;

border-radius: 8px

}

body.theme-white.sidebar-collapse .sidebar-menu>li.active>a {

margin: 5px;

padding-left: 10px

}

body.theme-white .sidebar-menu>li:hover>a {

color: #323639 !important;

background: #F4F4F5 !important

}

body.theme-white .sidebar-menu>li:hover>a i {

font-size: 16px

}

body.theme-white.sidebar-collapse .sidebar-menu li:hover>a {

color: #323639;

background: #F4F4F5

}

body.theme-white .sidebar-menu>li.active>a {

color: #165DFF !important;

background: #F0F5FF !important

}

body.theme-white .treeview-menu>li.active>a {

color: #fff

}

body.theme-white .treeview-menu>li.active>a:hover {

color: #165DFF !important

}

body.theme-white .treeview-menu>li>a:hover {

color: #323639 !important;

background: #F4F4F5;

margin: 0 10px;

border-radius: 8px;

padding-left: 8px

}

body.theme-white .treeview-menu>li>a:hover i {

font-size: 16px

}

body.theme-white .treeview-menu>li.active>a {

color: #165DFF;

background: #F0F5FF;

margin: 0 10px;

border-radius: 8px;

padding-left: 8px

}

body.theme-white .treeview-menu>li.active>a {

color: #165DFF;

background: #F0F5FF;

margin: 0 10px;

border-radius: 8px;

padding-left: 8px

}

body.theme-white.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu>li>a {

margin: 0 10px;

border-radius: 8px;

padding-left: 20px

}

body.theme-white.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu>li.active>a {

padding-left: 20px

}

body.theme-white.skin-black-blue .sidebar-menu .treeview-menu .treeview-menu>li>a:hover {

padding-left: 20px

}

body.theme-white.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.active>a {

color: #165DFF !important;

background: #F0F5FF !important

}

body.theme-white .main-header .navbar .nav>li>a:hover,

body.theme-white .main-header .navbar .nav>li>a:active,

body.theme-white .main-header .navbar .nav>li>a:focus,

body.theme-white .main-header .navbar .nav .open>a,

body.theme-white .main-header .navbar .nav .open>a:hover,

body.theme-white .main-header .navbar .nav .open>a:focus,

body.theme-white .main-header .navbar .nav>.active>a {

color: #165DFF;

background: #F0F5FF

}

body.theme-white.skin-black-blue .main-header .logo:hover {

background: #fff

}

@media (max-width:767px) {

body.theme-white.skin-black-blue .main-header .navbar .sidebar-toggle {

color: #666

}

body.theme-white.skin-black-blue .main-header .navbar {

background-color: #fff

}

body.theme-white.skin-black-blue .main-header .navbar {

margin-left: 0px

}

body.theme-white .logo {

font-size: 22px !important;

font-weight: 600 !important;

color: #222

}

body.theme-white .main-sidebar,

body.theme-white .logo {

width: 200px;

border-color: transparent

}

body.theme-white .content-wrapper,

body.theme-white .right-side,

body.theme-white .main-footer,

body.theme-white .main-header .navbar {

margin-left: 200px;

border-left: 1px solid #F1F4F6

}

body.theme-white .user-panel>.info,

body.theme-white .user-panel>.info>a {

color: #222

}

body.theme-white .sidebar-menu>li>a {

font-weight: 700 !important

}

body.theme-white .sidebar-form {

border-radius: 6px !important;

overflow: hidden !important;

border-color: #E4E4E4 !important;

background: #fff !important

}

body.theme-white .sidebar-form input[type="text"],

body.theme-white .sidebar-form .btn {

background: #fff !important

}

body.theme-white .nav-addtabs>li .close-tab {

top: 50%;

transform: translateY(-50%);

right: 2px !important;

margin-top: 0 !important

}

body.theme-white .nav-addtabs>li .close-tab:hover {

color: #165DFF !important

}

body.theme-white .nav-addtabs>li>a {

padding: 0 20px !important

}

body.theme-white .nav-addtabs>li.active>a {

color: #165DFF;

background: #F0F5FF

}

body.theme-white .nav-addtabs>li:hover>a {

color: #165DFF

}

body.theme-white .sidebar-menu li>a>.pull-right-container {

margin-top: -10px

}

body.theme-white.darktheme.skin-black-blue .main-header .logo:hover {

background: #000;

color: #fff

}

body.theme-white.darktheme .treeview-menu>li.active>a {

color: #165DFF !important;

background: #F0F5FF

}

body.theme-white.darktheme.sidebar-collapse .sidebar-menu li:hover>a,

body.theme-white.darktheme body.darktheme.sidebar-collapse .sidebar-menu li.active>a {

color: #165DFF !important;

background: #F0F5FF

}

@media (max-width:767px) {

body.theme-white.darktheme.skin-black-blue .main-header .navbar {

background-color: #0c0c0c

}

上一篇：: crmeb开源版报错SQLSTATE[HY000]: General error: 1366 Incorrect string value: '\\xF0\\x9F\\x87\\xA8\\xF0\\x9F...' for column 'nickname' at row 1

下一篇：: fastadmin更改后页登陆页样式

fastadmin更换系统主题

随便看看