Updated dark skins

This commit is contained in:
snipe 2020-03-31 21:10:55 -07:00
parent bfa9c0c528
commit c408c27bf4
23 changed files with 46 additions and 46 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -7,18 +7,18 @@
"/css/skins/skin-red.css": "/css/skins/skin-red.css?id=3161759c00be8a16387e", "/css/skins/skin-red.css": "/css/skins/skin-red.css?id=3161759c00be8a16387e",
"/css/skins/skin-contrast.css": "/css/skins/skin-contrast.css?id=732ee1ee283c8275b0c3", "/css/skins/skin-contrast.css": "/css/skins/skin-contrast.css?id=732ee1ee283c8275b0c3",
"/css/skins/skin-green.css": "/css/skins/skin-green.css?id=191049461e7b9606e5ca", "/css/skins/skin-green.css": "/css/skins/skin-green.css?id=191049461e7b9606e5ca",
"/css/skins/skin-green-dark.css": "/css/skins/skin-green-dark.css?id=afcc1b413bba696f1237", "/css/skins/skin-green-dark.css": "/css/skins/skin-green-dark.css?id=cb34691dbbb72cae7f5f",
"/css/skins/skin-black.css": "/css/skins/skin-black.css?id=1dfec89b8640b69dc0fc", "/css/skins/skin-black.css": "/css/skins/skin-black.css?id=1dfec89b8640b69dc0fc",
"/css/skins/skin-black-dark.css": "/css/skins/skin-black-dark.css?id=d3e17a59a4261e7af22a", "/css/skins/skin-black-dark.css": "/css/skins/skin-black-dark.css?id=2729852ce23eb6c53e1f",
"/css/skins/skin-red-dark.css": "/css/skins/skin-red-dark.css?id=aff0dcabe1295cd520ef", "/css/skins/skin-red-dark.css": "/css/skins/skin-red-dark.css?id=5c8c8a8612f7f6d249e9",
"/css/skins/skin-purple.css": "/css/skins/skin-purple.css?id=a3d679dc5d219e2311c9", "/css/skins/skin-purple.css": "/css/skins/skin-purple.css?id=a3d679dc5d219e2311c9",
"/css/skins/skin-purple-dark.css": "/css/skins/skin-purple-dark.css?id=39a8a2495bb64ae056ff", "/css/skins/skin-purple-dark.css": "/css/skins/skin-purple-dark.css?id=ac1bf57c994303df68f9",
"/css/skins/skin-yellow.css": "/css/skins/skin-yellow.css?id=326096b7e7c0af8a4adf", "/css/skins/skin-yellow.css": "/css/skins/skin-yellow.css?id=326096b7e7c0af8a4adf",
"/css/skins/skin-yellow-dark.css": "/css/skins/skin-yellow-dark.css?id=a4d510ebabd6d182d728", "/css/skins/skin-yellow-dark.css": "/css/skins/skin-yellow-dark.css?id=ef5c5bffa1729937cbda",
"/css/skins/skin-blue-dark.css": "/css/skins/skin-blue-dark.css?id=4c0480eb584a7d358024", "/css/skins/skin-blue-dark.css": "/css/skins/skin-blue-dark.css?id=d25c77d9c6f4cfe2efd4",
"/css/skins/skin-orange-dark.css": "/css/skins/skin-orange-dark.css?id=e5177317fb1f1baa1a46", "/css/skins/skin-orange-dark.css": "/css/skins/skin-orange-dark.css?id=abc219c1fed59cecb860",
"/css/skins/skin-orange.css": "/css/skins/skin-orange.css?id=d5d91824310f39239fc2", "/css/skins/skin-orange.css": "/css/skins/skin-orange.css?id=d5d91824310f39239fc2",
"/js/build/vue.js.map": "/js/build/vue.js.map?id=2d3913576a1a114ba151", "/js/build/vue.js.map": "/js/build/vue.js.map?id=a5d4a263b47aa1a076c8",
"/css/AdminLTE.css.map": "/css/AdminLTE.css.map?id=5a2d6f3c59191ce716e2", "/css/AdminLTE.css.map": "/css/AdminLTE.css.map?id=5a2d6f3c59191ce716e2",
"/css/app.css.map": "/css/app.css.map?id=96b5c985e860716e6a16", "/css/app.css.map": "/css/app.css.map?id=96b5c985e860716e6a16",
"/css/overrides.css.map": "/css/overrides.css.map?id=750ac6db3f6c3533777a", "/css/overrides.css.map": "/css/overrides.css.map?id=750ac6db3f6c3533777a",
@ -26,16 +26,16 @@
"/css/skins/skin-red.css.map": "/css/skins/skin-red.css.map?id=d9e30ec9a781e3d1175e", "/css/skins/skin-red.css.map": "/css/skins/skin-red.css.map?id=d9e30ec9a781e3d1175e",
"/css/skins/skin-contrast.css.map": "/css/skins/skin-contrast.css.map?id=5dbf3db4b4665efd1246", "/css/skins/skin-contrast.css.map": "/css/skins/skin-contrast.css.map?id=5dbf3db4b4665efd1246",
"/css/skins/skin-green.css.map": "/css/skins/skin-green.css.map?id=4b6523370cb6abc02826", "/css/skins/skin-green.css.map": "/css/skins/skin-green.css.map?id=4b6523370cb6abc02826",
"/css/skins/skin-green-dark.css.map": "/css/skins/skin-green-dark.css.map?id=fae3a02b49b2f545b7b3", "/css/skins/skin-green-dark.css.map": "/css/skins/skin-green-dark.css.map?id=988cf7da13d22c56bd8c",
"/css/skins/skin-black.css.map": "/css/skins/skin-black.css.map?id=ad0bf20283280a01b34f", "/css/skins/skin-black.css.map": "/css/skins/skin-black.css.map?id=ad0bf20283280a01b34f",
"/css/skins/skin-black-dark.css.map": "/css/skins/skin-black-dark.css.map?id=842817a4469098c57090", "/css/skins/skin-black-dark.css.map": "/css/skins/skin-black-dark.css.map?id=f15511c14609c70c641f",
"/css/skins/skin-red-dark.css.map": "/css/skins/skin-red-dark.css.map?id=f379cd11992fddecbe03", "/css/skins/skin-red-dark.css.map": "/css/skins/skin-red-dark.css.map?id=de49574e94466ac1b2c5",
"/css/skins/skin-purple.css.map": "/css/skins/skin-purple.css.map?id=1904684da5f92dbc14de", "/css/skins/skin-purple.css.map": "/css/skins/skin-purple.css.map?id=1904684da5f92dbc14de",
"/css/skins/skin-purple-dark.css.map": "/css/skins/skin-purple-dark.css.map?id=05a3efe13f8de7273a2c", "/css/skins/skin-purple-dark.css.map": "/css/skins/skin-purple-dark.css.map?id=9bd3178f252823e99c70",
"/css/skins/skin-yellow.css.map": "/css/skins/skin-yellow.css.map?id=f4652aa1bd9463b2c210", "/css/skins/skin-yellow.css.map": "/css/skins/skin-yellow.css.map?id=f4652aa1bd9463b2c210",
"/css/skins/skin-yellow-dark.css.map": "/css/skins/skin-yellow-dark.css.map?id=86dbeaea1092787eed79", "/css/skins/skin-yellow-dark.css.map": "/css/skins/skin-yellow-dark.css.map?id=8ef6b327183be556c708",
"/css/skins/skin-blue-dark.css.map": "/css/skins/skin-blue-dark.css.map?id=aaa8570a4592e62abbaf", "/css/skins/skin-blue-dark.css.map": "/css/skins/skin-blue-dark.css.map?id=32784cb5d02773eb0e69",
"/css/skins/skin-orange-dark.css.map": "/css/skins/skin-orange-dark.css.map?id=37c54504668ee3ef58d8", "/css/skins/skin-orange-dark.css.map": "/css/skins/skin-orange-dark.css.map?id=68b998638217fd08ef29",
"/css/skins/skin-orange.css.map": "/css/skins/skin-orange.css.map?id=5cb51f4917038fd753ce", "/css/skins/skin-orange.css.map": "/css/skins/skin-orange.css.map?id=5cb51f4917038fd753ce",
"/css/dist/all.css": "/css/dist/all.css?id=9c6b075989db098ee828", "/css/dist/all.css": "/css/dist/all.css?id=9c6b075989db098ee828",
"/js/dist/all.js": "/js/dist/all.js?id=67e4a9bf8c403850a6ec", "/js/dist/all.js": "/js/dist/all.js?id=67e4a9bf8c403850a6ec",

View file

@ -1,5 +1,5 @@
/* /*
* Skin: black * Skin: orange
* ---------- * ----------
*/ */
@import "../bootstrap-less/mixins.less"; @import "../bootstrap-less/mixins.less";
@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-black-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-black-dark .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -1,5 +1,5 @@
/* /*
* Skin: blue * Skin: orange
* ---------- * ----------
*/ */
@import "../bootstrap-less/mixins.less"; @import "../bootstrap-less/mixins.less";
@ -11,11 +11,11 @@
//Navbar //Navbar
.main-header { .main-header {
.navbar { .navbar {
.navbar-variant(@navy; #fff); .navbar-variant(@blue; #fff);
.sidebar-toggle { .sidebar-toggle {
color: #fff; color: #fff;
&:hover { &:hover {
background-color: darken(@navy, 5%); background-color: darken(@blue, 5%);
} }
} }
@media (max-width: @screen-header-collapse) { @media (max-width: @screen-header-collapse) {
@ -28,7 +28,7 @@
a { a {
color: #fff; color: #fff;
&:hover { &:hover {
background: darken(@navy, 5%); background: darken(@blue, 5%);
color: #fff; color: #fff;
} }
} }
@ -39,7 +39,7 @@
//Logo //Logo
li.user-header { li.user-header {
background-color: @navy; background-color: @blue;
} }
} }
@ -49,7 +49,7 @@
} }
//Create the sidebar skin //Create the sidebar skin
.skin-dark-sidebar(@navy); .skin-dark-sidebar(@blue);
} }
.skin-blue-dark.layout-top-nav .main-header > .logo { .skin-blue-dark.layout-top-nav .main-header > .logo {
@ -64,25 +64,25 @@
color: #fff; color: #fff;
&.btn-primary, .btn-primary:link { &.btn-primary, .btn-primary:link {
background-color: darken(@navy, 10%); background-color: darken(@blue, 10%);
border-color: darken(@navy, 20%); border-color: darken(@blue, 20%);
color: #fff; color: #fff;
} }
&a.btn-primary:hover { &a.btn-primary:hover {
background-color: darken(@navy, 20%); background-color: darken(@blue, 20%);
border-color: darken(@navy, 20%); border-color: darken(@blue, 20%);
color: #fff; color: #fff;
} }
&.btn-white:link { &.btn-white:link {
background-color: darken(@navy, 10%); background-color: darken(@blue, 10%);
color: #fff; color: #fff;
} }
&.btn-white:hover { &.btn-white:hover {
background-color: darken(@navy, 30%); background-color: darken(@blue, 30%);
color: #fff; color: #fff;
} }
} }
@ -108,10 +108,10 @@ a {
--background: #222; --background: #222;
--back-main: #333; --back-main: #333;
--back-sub: #444; --back-sub: #444;
--header: @navy; /* Use same as Header picker */ --header: @blue; /* Use same as Header picker */
--text-main: #FFF; --text-main: #FFF;
--text-sub: #BBB; --text-sub: #BBB;
--link: lighten(@navy, 50%); /* Use same as Header picker */ --link: lighten(@blue, 50%); /* Use same as Header picker */
--nav-link: #FFF; /* Use same as Header picker */ --nav-link: #FFF; /* Use same as Header picker */
--light-link: #fff; /* Use same as Header picker */ --light-link: #fff; /* Use same as Header picker */
} }
@ -280,7 +280,7 @@ input[type=text], input[type=search] {
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-blue-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -1,5 +1,5 @@
/* /*
* Skin: green * Skin: orange
* ---------- * ----------
*/ */
@import "../bootstrap-less/mixins.less"; @import "../bootstrap-less/mixins.less";
@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-green-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-green-dark .sidebar-menu>li.active>a, .skin-green .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-orange-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-orange-dark .sidebar-menu>li.active>a, .skin-orange .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -1,5 +1,5 @@
/* /*
* Skin: purple * Skin: orange
* ---------- * ----------
*/ */
@import "../bootstrap-less/mixins.less"; @import "../bootstrap-less/mixins.less";
@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-purple-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-purple-dark .sidebar-menu>li.active>a, .skin-purple .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -1,5 +1,5 @@
/* /*
* Skin: red * Skin: orange
* ---------- * ----------
*/ */
@import "../bootstrap-less/mixins.less"; @import "../bootstrap-less/mixins.less";
@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-red-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-red-dark .sidebar-menu>li.active>a, .skin-red .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {

View file

@ -277,10 +277,10 @@ input[type=text], input[type=search] {
background-color: var(--back-main); background-color: var(--back-main);
color: var(--text-main); color: var(--text-main);
} }
.skin-blue-dark .main-header .navbar .dropdown-menu li a { .skin-yellow-dark .main-header .navbar .dropdown-menu li a {
color: var(--header); color: var(--header);
} }
.skin-blue-dark .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a, .sidebar-toggle:hover { .fixed-table-body thead th .th-inner, .skin-yellow-dark .sidebar-menu>li.active>a, .skin-yellow .sidebar-menu>li:hover>a, .sidebar-toggle:hover {
background-color: var(--header)!important; background-color: var(--header)!important;
} }
.tab-content, .tab-pane { .tab-content, .tab-pane {