diff --git a/resources/assets/less/skins/_all-skins.less b/resources/assets/less/skins/_all-skins.less deleted file mode 100755 index 265a51108f..0000000000 --- a/resources/assets/less/skins/_all-skins.less +++ /dev/null @@ -1,17 +0,0 @@ -//All skins in one file -@import "skin-black.less"; -@import "skin-black-dark.less"; -@import "skin-blue.less"; -@import "skin-blue-dark.less"; -@import "skin-contrast.less"; -@import "skin-green.less"; -@import "skin-green-dark.less"; -@import "skin-orange-dark.less"; -@import "skin-purple.less"; -@import "skin-purple-dark.less"; -@import "skin-red.less"; -@import "skin-red-dark.less"; -@import "skin-orange.less"; -@import "skin-yellow.less"; -@import "skin-yellow-dark.less"; - diff --git a/resources/assets/less/skins/skin-black-dark.less b/resources/assets/less/skins/skin-black-dark.less deleted file mode 100644 index 3218ec0098..0000000000 --- a/resources/assets/less/skins/skin-black-dark.less +++ /dev/null @@ -1,464 +0,0 @@ -/* - * Skin: black dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-black-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@black; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@black, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #333; - &:hover { - background: darken(@black, 5%); - color: #fff; - } - } - } - } - } - } - @media (max-width: 991px) { - .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { - background-color: var(--back-sub); - } - } - //Logo - - li.user-header { - background-color: @black; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@black); -} - -.skin-black-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #fff; - - &.btn-primary, .btn-primary:link { - background-color: darken(@black, 10%); - border-color: #FFF; - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@black, 20%); - border-color: darken(@black, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@black, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@black, 30%); - color: #fff; - } -} -.btn-info { - border-color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - -a { - &:hover { - color: #fff; - } - &:visited { - color: #fff; - } -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@black, 15%); - --button-primary: darken(@black, 25%); - --button-hover: darken(@black, 30%); - --header: @black; /* Use same as Header picker */ - --text-main: #fff; - --text-sub: #9b9b9b; - --link: #fff; /* Use same as Header picker, lighten by 70% */ - --visited-link: #fff; /* Use same as Header picker, lighten by 70% */ - --hover-link: #949494; /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -a.actions { - color:#fff !important; -} -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -a:hover > h2.task_menu{ - color:var(--header); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li.header{ - background-color:var(--header); - color:var(--link); -} - -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} -.far fa-life-ring{ - color:var(--link); -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} -a:link.btn-default{ - color: var(--nav-link); -} -/* Trying to figure out a way of having links different shades based on what row they are on (even/odd). -a unique challenge for this dark mode skin. -Probably writing the specificity for this incorrectly. --Godfrey Martinez 02/04/21 - -.table-striped>tbody>tr:nth-of-type(even)>a:link{ - color:#000d07; -} -.table-striped>tbody>tr:nth-of-type(odd)>a:link{ - color:#bfbfbf; - -}*/ - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-black { - color: var(--nav-link)!important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--link)!important; -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -.search-highlight, .search-highlight:hover{ - background-color: var(--back-sub) !important; -} - -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--header); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--nav-link); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--back-sub); - color: var(--visited-link); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-black-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-black-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #000000; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} - -a { - color: var(--link); - - &:link { - color: var(--link) } - &:hover { - color: var(--hover-link); - text-decoration: underline; - } -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -div.container.row-new-striped{ - background-color: var(--back-sub); -} -.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { - background-color: var(--back-sub); -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-black.less b/resources/assets/less/skins/skin-black.less deleted file mode 100755 index 1f85a90691..0000000000 --- a/resources/assets/less/skins/skin-black.less +++ /dev/null @@ -1,144 +0,0 @@ -/* - * Skin: Black - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-black { - //Navbar - .main-header { - .navbar { - .navbar-variant(@black; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@black, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@black, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @black; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@black); -} - -.skin-black.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #000 ; - - &.btn-primary, .btn-primary:link { - background-color: @dark-gray; - border-color: #FFF; - color: #FFF; - } - - - &a.btn-primary:hover { - background-color: @black; - border-color: darken(@dark-gray, 20%); - color: #fff; - } - - &.btn-white:link { - color: #fff; - } - - &.btn-white:hover { - color: #fff; - } - - &.btn-white:visited { - color: #fff; - } -} - - -a { - color: var(--link); - - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: darken(@black, 20%); -} -:root { - --button-default: darken(@black, 15%); - --button-primary: darken(@black, 25%); - --button-hover: darken(@black, 30%); - --header: @black; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #black; /* Use same as Header picker, lighten by 70% */ - --visited-link: @black; /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#000, 60%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} -.btn-danger.btn-sm.disabled{ - color: #FFF; -} -.far fa-life-ring{ - color:var(--link); -} - -.sidebar-toggle-mobile { - color: #FFF !important; -} - -.skin-black .main-header .navbar .nav>li>a, .skin-black .main-header .navbar .nav>li>a { - text-decoration: none; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: @black; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-blue-dark.less b/resources/assets/less/skins/skin-blue-dark.less deleted file mode 100644 index 6043be2aa4..0000000000 --- a/resources/assets/less/skins/skin-blue-dark.less +++ /dev/null @@ -1,461 +0,0 @@ -/* - * Skin: blue dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-blue-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@blue; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@blue, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@blue, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @blue; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@blue); -} - -.skin-blue-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #fff !important; - - &.btn-primary, .btn-primary:link { - background-color: darken(@blue, 10%); - border-color: #FFF; - color: #FFF; - } - - - &a.btn-primary:hover { - background-color: darken(@blue, 20%); - border-color: darken(@blue, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@blue, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@blue, 30%); - color: #fff; - } -} -.btn-info { - border-color: #fff; -} - -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - - -a { - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: #fff; -} -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - - - - -:root { - --background: #222; - --back-main: #333; - --back-sub: #272727; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@blue, 15%); - --button-primary: darken(@blue, 25%); - --button-hover: darken(@blue, 30%); - --header: @blue; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #00BFFF; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#00BFFF,15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#00BFFF,30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -a.actions { - color:#fff !important; -} -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} - -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} -.far fa-life-ring{ - color:var(--link); -} -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -a:link { - color: var(--link); -} - -.btn-primary.hover { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} - - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - color: var(--link); -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner{ - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--header); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-blue-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-blue-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #3c8dbc; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-main); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} - -a { - color: var(--link); - - &:link { - color: var(--link) } - &:hover { - color: var(--hover-link); - text-decoration: underline; - } - &:visited { - color: var(--visited-link) - } -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--background); - color: var(--visited-link); -} -#customFieldsTable a[href*='/fieldsets']{ - background-color: transparent; -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-blue.less b/resources/assets/less/skins/skin-blue.less deleted file mode 100755 index 43be718b9a..0000000000 --- a/resources/assets/less/skins/skin-blue.less +++ /dev/null @@ -1,173 +0,0 @@ -/* - * Skin: Blue - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-blue { - //Navbar - .main-header { - .navbar { - .navbar-variant(@light-blue; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@light-blue, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@light-blue, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @light-blue; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@light-blue); -} - -.skin-blue.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: unset; - } -} - - - -.btn, btn-sm, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(@light-blue, 10%); - border-color: darken(@light-blue, 20%); - color: #fff !important; - } - - - &a.btn-primary:hover { - background-color: darken(@light-blue, 20%); - border-color: darken(@light-blue, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@light-blue, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@light-blue, 30%); - color: #fff; - } - - &.btn-white:visited { - background-color: darken(@light-blue, 30%); - color: #fff; - } -} - - - -.btn-warning, .btn-warning:link, a.btn-warning:hover, .btn-warning:link, .btn-warning:visited, -.btn-danger, .btn-danger:link, a.btn-danger:hover, .btn-danger:link, .btn-danger:visited -{ - color: #fff; -} - -.btn-default:link, a.btn-default:hover, .btn-default:visited -{ - color: @dark-gray; -} - - -:root { - --button-default: @dark-gray; - --button-primary: darken(@blue, 25%); - --button-hover: darken(@blue, 30%); - --header: @blue; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link:darken(@blue, 15%); /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(@blue,10%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(@blue,20%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} -a:link { - color: var(--link); -} - -a:visited { - color: var(--visited-link); -} - -a:hover { - color: var(--hover-link); -} - -.text-primary { - color: darken(@light-blue, 20%); -} -.far fa-life-ring{ - color:var(--link); -} - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #3c8dbc; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} - -// Link colors for the settings page -a.settings_button:link, a.settings_button:visited, a.settings_button:hover { - color: @light-blue; -} - -a.label.label-default:link { - color: darken(#3c8dbc, 10%); /* Use same as Header picker, lighten by 70% */ -} - -a.label.label-default:visited { - color: darken(#3c8dbc,20%); /* Use same as Header picker, lighten by 70% */ -} - -a.label.label-default:hover { - background-color: #BBB; - color: darken(#3c8dbc,15%); -} - diff --git a/resources/assets/less/skins/skin-contrast.less b/resources/assets/less/skins/skin-contrast.less deleted file mode 100644 index b645f11860..0000000000 --- a/resources/assets/less/skins/skin-contrast.less +++ /dev/null @@ -1,191 +0,0 @@ -/* - * Skin: Contrast - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-contrast { - //Navbar - .main-header { - .navbar { - .navbar-variant(@navy; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@navy, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #fff; - &:hover { - background: darken(@navy, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @navy; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@navy); -} - -.skin-contrast.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-default, .btn-default:link { - &:hover { - color: darken(@navy, 10%) - } - &:visited { - color: darken(@navy, 10%) - } - } - - &.btn-primary, .btn-primary:link { - background-color: darken(@navy, 10%); - border-color: darken(@navy, 20%); - color: #fff; - } - - &a.btn-primary:hover { - background-color: darken(@navy, 20%); - border-color: darken(@navy, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@navy, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@navy, 30%); - color: #fff; - } -} -a.btn.btn-link.text-left{ - color:@navy; - border: 1px solid #000; -} -a.btn.btn-link.text-left:hover{ - color:@navy; -} - -a { - color: @navy; - &:hover { - color: @navy; - text-decoration: underline; - - } - &:visited { - color: @navy; - } -} - -a.btn { - &:hover { - color: #fff; - text-decoration: underline; - } - &:visited { - color: #fff; - text-decoration: none; - - } -} - -.text-primary { - color: darken(@navy, 20%); -} - -.skin-contrast .treeview-menu>li>a { - color: #FFF; -} - -.bg-teal { - background-color: darken(@teal, 25%)!important; -} - -.bg-orange { - background-color: darken(@orange, 20%)!important; -} - -.bg-purple { - background-color: darken(@purple, 20%)!important; -} - -.bg-maroon { - background-color: darken(@maroon, 20%)!important; -} - -.pagination>li>a { - color: darken(@navy, 10%)!important; -} - -.pagination>.active>a { - background-color: @navy; - color: #FFF!important; -} - -.btn-success { - background-color: darken(@green, 30%); -} - - - -input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ - color: darken(@gray, 10%) !important; -} -input::-moz-placeholder { /* Firefox 19+ */ - color: darken(@gray, 10%) !important; -} -input::-ms-input-placeholder { /* IE 10+ */ - color: darken(@gray, 10%) !important; -} - -.select2-default, .select2-selection__placeholder { - color: darken(@dark-gray, 10%) !important; -} - -.callout.callout-info { - background-color: darken(@blue, 20%)!important; -} - - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-green-dark.less b/resources/assets/less/skins/skin-green-dark.less deleted file mode 100644 index a188a7c0b5..0000000000 --- a/resources/assets/less/skins/skin-green-dark.less +++ /dev/null @@ -1,448 +0,0 @@ -/* - * Skin: green dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-green-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@green; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@green, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@green, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @green; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@green); -} - -.skin-green-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #FFF !important; - - &.btn-primary, .btn-primary:link { - background-color: darken(@green, 10%); - border-color: #FFF; - color: #FFF; - } - - - &a.btn-primary:hover { - background-color: darken(@green, 20%); - border-color: darken(@green, 20%); - color: #FFF; - } - - &.btn-white:link { - background-color: darken(@green, 10%); - color: #FFF; - } - - &.btn-white:hover { - background-color: darken(@green, 30%); - color: #FFF; - } -} -.btn-info { - border-color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - -a { - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - - - -:root { - --background: #222; - --back-main: #333; - --back-sub: #312F2F; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #006400; - --button-primary: darken(#006400, 10%); - --button-hover: darken(#006400, 30%); - --header: #006400; /* Use same as Header picker */ - --text-main: #FFF; - --text-sub: #9b9b9b; - --link: #9ACD32; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#9ACD32, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#9ACD32, 30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -a.actions { - color:#fff !important; -} -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} - -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.far fa-life-ring{ - color:var(--link); -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} - - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - color: var(--link); -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-green { - color: var(--text-main); -} -.btn-primary:hover { - background-color: var(--button-primary); -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner{ - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-green-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-green-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #006300; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} - -a { - color: var(--link); - - &:link { - color: var(--link) } - &:hover { - color: var(--hover-link); - text-decoration: underline; - } - &:visited { - color: var(--visited-link) - } -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--background); - color: var(--visited-link); -} -#customFieldsTable a[href*='/fieldsets']{ - background-color: transparent; -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} - - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-green.less b/resources/assets/less/skins/skin-green.less deleted file mode 100755 index a152c67206..0000000000 --- a/resources/assets/less/skins/skin-green.less +++ /dev/null @@ -1,140 +0,0 @@ -/* - * Skin: Green - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; -:root{ - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@green, 15%); - --button-primary: darken(@green, 25%); - --button-hover: darken(@green, 30%); - --header: @green; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: @green; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(@green, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(@green, 20%); -} -.skin-green { - //Navbar - .main-header { - .navbar { - .navbar-variant(@green; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@green, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@green, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @green; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@green); -} - -.skin-green.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(@green, 10%); - border-color: darken(@green, 20%); - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@green, 20%); - border-color: darken(@green, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@green, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@green, 30%); - color: #fff; - } -} -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} -a:link { - color: var(--link); -} - -a:visited { - color: var(--visited-link); -} - -a { - color: @green; - &:hover { - color: darken(@green, 20%); - } - &:visited { - color: @green; - } -} - -.text-primary { - color: darken(@green, 20%); -} -.far fa-life-ring{ - color:var(--link); -} -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: @green; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-orange-dark.less b/resources/assets/less/skins/skin-orange-dark.less deleted file mode 100644 index bf17e65960..0000000000 --- a/resources/assets/less/skins/skin-orange-dark.less +++ /dev/null @@ -1,444 +0,0 @@ -/* - * Skin: orange dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-orange-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@orange; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@orange, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@orange, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @orange; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@orange); -} - -.skin-orange-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #fff !important; - - &.btn-primary, .btn-primary:link { - background-color: darken(@orange, 10%); - border-color: #fff; - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@orange, 20%); - border-color: darken(@orange, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@orange, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@orange, 30%); - color: #fff; - } -} -.btn-info { - border-color: #fff; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - -:root { - --background: #222; - --back-main: #333; - --back-sub: #2E2C2C; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@orange, 15%); - --button-primary: darken(@orange, 25%); - --button-hover: darken(@orange, 30%); - --header: @orange; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #FFA500; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#FFA500, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#FFA500, 30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -a.actions { - color:#fff !important; -} -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} - -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} -.far fa-life-ring{ - color:var(--link); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} - -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -a:link { - color: var(--link); -} - -a:visited { - color: var(--visited-link); -} - -a:hover { - color: var(--hover-link); -} - -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} - - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - color: var(--nav-link); -} -a:link.btn-default{ - color: var(--nav-link); -} -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--background); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-orange { - color: var(--nav-link)!important; - border-color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner{ - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--header); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-orange-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-orange-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #ff8c00; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub-alt); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--background); - color: var(--visited-link); -} -#customFieldsTable a[href*='/fieldsets']{ - background-color: transparent; -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-orange.less b/resources/assets/less/skins/skin-orange.less deleted file mode 100644 index 966a6741ee..0000000000 --- a/resources/assets/less/skins/skin-orange.less +++ /dev/null @@ -1,135 +0,0 @@ -/* - * Skin: Orange - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-orange { - //Navbar - .main-header { - .navbar { - .navbar-variant(@orange; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@orange, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@orange, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @orange; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@orange); -} - -.skin-orange.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(@orange, 10%); - border-color: darken(@orange, 20%); - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@orange, 20%); - border-color: darken(@orange, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@orange, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@orange, 30%); - color: #fff; - } -} - - -a { - color: var(--link); - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: darken(@orange, 20%); -} -:root { - --button-default: darken(@orange, 15%); - --button-primary: darken(@orange, 25%); - --button-hover: darken(@orange, 30%); - --header: @orange; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: @orange; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(@orange, 10%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(@orange, 15%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} -.far fa-life-ring{ - color:var(--link); -} - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: @orange; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-purple-dark.less b/resources/assets/less/skins/skin-purple-dark.less deleted file mode 100644 index 6d4d2f6b90..0000000000 --- a/resources/assets/less/skins/skin-purple-dark.less +++ /dev/null @@ -1,456 +0,0 @@ -/* - * Skin: purple dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-purple-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@purple; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@purple, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@purple, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @purple; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@purple); -} - -.skin-purple-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - color: #fff !important; - - &.btn-primary, .btn-primary:link { - background-color: darken(@purple, 10%); - border-color: #FFF; - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@purple, 20%); - border-color: darken(@purple, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@purple, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@purple, 30%); - color: #fff; - } -} -.btn-info { - border-color: #fff; -} - -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - -a { - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - -:root { - --background: #222; - --back-main: #333; - --back-sub: #080808; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@purple, 15%); - --button-primary: darken(@purple, 25%); - --button-hover: darken(@purple, 30%); - --header: @purple; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #AC83FF; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#AC83FF, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#AC83FF, 30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} - -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} -.label-default{ - background-color:var(--back-sub); - color:#fff; -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -a:link { - color: var(--link); -} -.far fa-life-ring{ - color:var(--link); -} -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} - -a:link.btn-default{ - color: var(--nav-link); -} -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-purple { - color: var(--nav-link)!important; -} -.btn-primary:hover { - background-color: var(--button-primary); -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner{ - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--link); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-purple-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-purple-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #5f5ca8; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub-alt); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} - -a { - color: var(--link); - - &:link { - color: var(--link) } - &:hover { - color: var(--hover-link); - text-decoration: underline; - } - &:visited { - color: var(--visited-link) - } -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--back-sub); - color: var(--visited-link); -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-purple.less b/resources/assets/less/skins/skin-purple.less deleted file mode 100755 index feec378305..0000000000 --- a/resources/assets/less/skins/skin-purple.less +++ /dev/null @@ -1,136 +0,0 @@ -/* - * Skin: Purple - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-purple { - //Navbar - .main-header { - .navbar { - .navbar-variant(@purple; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@purple, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@purple, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @purple; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@purple); -} - -.skin-purple.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(@purple, 10%); - border-color: darken(@purple, 20%); - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@purple, 20%); - border-color: darken(@purple, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@purple, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@purple, 30%); - color: #fff; - } -} - - -a { - color: var(--link); - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: darken(@purple, 20%); -} - -:root { - --button-default: darken(@purple, 15%); - --button-primary: darken(@purple, 25%); - --button-hover: darken(@purple, 30%); - --header: @purple; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: @purple; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(@purple, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(@purple, 30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: @purple; -} -.far fa-life-ring{ - color:var(--link); -} -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-red-dark.less b/resources/assets/less/skins/skin-red-dark.less deleted file mode 100644 index 379e16e085..0000000000 --- a/resources/assets/less/skins/skin-red-dark.less +++ /dev/null @@ -1,465 +0,0 @@ -/* - * Skin: red dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-red-dark { - //Navbar - .main-header { - .navbar { - .navbar-variant(@red; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@red, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@red, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @red; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@red); -} - -.skin-red-dark.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - -.btn, .btn:hover { - color: #fff; - - &.btn-primary, .btn-primary:link { - background-color: darken(@red, 10%); - border-color: #FFF; - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@red, 20%); - border-color: darken(@red, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@red, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@red, 30%); - color: #fff; - } -} -.btn-info { - border-color: #fff; -} - -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - - -a { - &:hover { - color: #fff; - } - &:visited { - color: #fff; - } -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: darken(@red, 15%); - --button-primary: darken(@red, 25%); - --button-hover: darken(@red, 30%); - --header: @red; /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: #e00000; /* Use same as Header picker, lighten by 70% */ - --visited-link: #D24D57; /* Use same as Header picker, lighten by 70% */ - --hover-link: #D24D57; /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} - -//pagination -.pagination > li >a{ - color: var(--light-link); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--visited-link); - border-color: var(--light-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} - -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--nav-link); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} - -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -a:link { - color: var(--link); -} -a:hover { - color: var(--hover-link); -} -a:visited { - color: var(--nav-link); -} -.far fa-life-ring{ - color:var(--link); -} - -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: var(--nav-link) !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} - - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--back-sub); -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-red { - color: var(--button-primary); -} -.btn-primary:hover { - background-color: var(--button-primary); -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.fixed-table-body thead th .th-inner{ - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--header); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-red-dark .main-header .navbar .dropdown-menu li a { - color: #FFFFFF; -} -.skin-red-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #c23320; -} -.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; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub-alt); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} -#upload-table tbody > tr.warning > td,#upload-table h3,#upload-table p{ - background-color:#fcf8e3; - color:#000; -} - -a { - color: var(--link); - - &:link { - color: var(--nav-link); - } - &:hover { - color: var(--nav-link); - text-decoration: underline; - } - &:visited { - color: var(--nav-link); - } -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--back-sub); - color: var(--visited-link); -} -#customFieldsTable a[href*='/fieldsets']{ - background-color: transparent; -} -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; - -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; - -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} - -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-red.less b/resources/assets/less/skins/skin-red.less deleted file mode 100755 index 0ddc4bec64..0000000000 --- a/resources/assets/less/skins/skin-red.less +++ /dev/null @@ -1,143 +0,0 @@ -/* - * Skin: Red - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-red { - //Navbar - .main-header { - .navbar { - .navbar-variant(@red; #fff); - .sidebar-toggle { - color: #fff; - &:hover { - background-color: darken(@red, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(@red, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @red; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@red); -} - -.skin-red.layout-top-nav .main-header > .logo { - .logo-variant { - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(@red, 10%); - border-color: darken(@red, 20%); - color: #fff; - } - - - &a.btn-primary:hover { - background-color: darken(@red, 20%); - border-color: darken(@red, 20%); - color: #fff; - } - - &.btn-white:link { - background-color: darken(@red, 10%); - color: #fff; - } - - &.btn-white:hover { - background-color: darken(@red, 30%); - color: #fff; - } -} - - -a { - color: @red; - &:hover { - color: darken(@red, 20%); - } - &:visited { - color: @red; - } -} - -.text-primary { - color: darken(@red, 20%); -} - -:root { - --button-default: darken(@red, 15%); - --button-primary: darken(@red, 25%); - --button-hover: darken(@red, 30%); - --header: @red; /* Use same as Header picker */ - --text-main: #BBB; - --text-alt: #222; - --text-sub: #9b9b9b; - --link: @red; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(@red, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(@red, 30%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #FFF; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} -a:link { - color: var(--link); -} - -a:visited { - color: var(--visited-link); -} -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: @red; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.far fa-life-ring{ - color:var(--link); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-yellow-dark.less b/resources/assets/less/skins/skin-yellow-dark.less deleted file mode 100644 index 3a69a27c1a..0000000000 --- a/resources/assets/less/skins/skin-yellow-dark.less +++ /dev/null @@ -1,437 +0,0 @@ -/* - * Skin: yellow dark - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-yellow-dark { - //Navbar - .main-header { - .navbar { - .sidebar-toggle { - color: #000 !important; - &:hover { - background-color: var(--link); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - color: #fff; - } - a { - color: #fff; - &:hover { - background: darken(@yellow, 5%); - color: #fff; - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: @yellow; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(@yellow); -} - -.btn, .btn:hover { - - &.btn-primary, .btn-primary:link { - background-color: var(--button-default); - border-color: #000000; - color: #545454; - } - - &a.btn-primary:hover { - background-color: var(--button-hover); - border-color: var(--button-hover); - color: #545454; - } - - &.btn-white:link { - background-color: var(--button-default); - color: #545454; - } - - &.btn-white:hover { - background-color: var(--hover-link); - color: #545454; - } -} -.btn-info { - border-color: #fff; -} -a.actions { - color:#fff !important; -} -a:visited.label-default, a:link.label-default{ - color:#444; -} -/** -The dropdown is white, so use a darker color - */ -li.dropdown-item-marker { - color: var(--button-primary); -} - -a { - &:link { - color: var(--link); - } - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: #fff; -} - -#sort tr.cansort{ - background-color:var(--back-main); - color:var(--text-main); -} - -:root { - --background: #222; - --back-main: #333; - --back-sub: #3d4144; - --back-sub-alt: rgba(0, 0, 0, 0.36); - --button-default: #FFCC32; - --button-primary: darken(#FFCC32, 25%); - --button-hover: darken(#FFCC32, 30%); - --header: #FFCC32; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: #F0E68C; /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#F0E68C, 15%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#F0E68C, 45%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; /* Use same as Header picker */ - --light-link: #545454; /* Use same as Header picker */ -} - -#ldapad_test_results.well.well-sm{ - color: var(--back-main); -} -//pagination -.pagination > li >a{ - color: var(--text-main); - background-color: var(--back-main); -} -.pagination > .active > a { - background-color: var(--button-default); - border-color: var(--light-link); - color:var(--nav-link); -} -.pagination > .active > a:hover{ - background-color: var(--hover-link); -} -.tasks-menu > .dropdown-menu > li .menu{ - background-color: var(--back-main); -} - -.tasks-menu > .dropdown-menu > li .menu > li > a:hover .progress{ - background-color: var(--background); -} -h2.task_menu{ - color:var(--link); -} -.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ - background-color:var(--back-main); - color:var(--link); -} -.main-header .navbar, .main-header .logo { - background-color: var(--header); - background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%); - background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%); - border-color: var(--header); -} -a.btn.btn-default{ - color:var(--nav-link); -} -.bootstrap-table .fixed-table-container .table thead th .sortable { - color: var(--text-main); -} -.bootstrap-table .fixed-table-toolbar .columns label { - color:#000; -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} -.navbar-nav>li>a:visited { - color: var(--nav-link); -} - -.modal-content { - background-color: var(--back-main); - color: var(--text-main); -} - -a:link.btn-default{ - color: var(--nav-link); -} -.btn-primary.hover { - color: var(--nav-link); -} - -.small-box h3, .small-box p { - color: #fff !important; - a:hover { - text-decoration: none; - color: var(--nav-link) !important; - } -} -.far fa-life-ring{ - color:var(--link); -} - -#accessoriesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#assetsListingTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} - -#assetsListingTable>tbody>tr.selected>td { - background-color: var(--back-main); -} -body { - color: var(--text-main); -} -.box, .box.box-default { - border-top: 3px solid var(--header); - border-top-color: var(--header); -} -.box-body, .box-footer, .box-header { - background-color: var(--back-sub); - color: var(--header); -} -.btn-default{ - background-color: var(--button-default); - -} - -.btn-default dropdown-toggle { - background-color: var(--button-default); - color: var(--nav-link); -} - -.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active { - background-color: var(--button-hover); - color: var(--nav-link); -} -.btn-primary, .btn-primary.hover, .btn-primary:active, .text-yellow { - color: var(--nav-link)!important; -} -.btn-primary:hover { - background-color: var(--button-primary); - color: var(--nav-link)!important; -} -#componentsTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -#consumablesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.content-wrapper { - background-color: var(--background); -} -#create-form>div>div>div>span>i.fa { - background-color: var(--back-sub); - color: var(--header); -} -.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { - background-color: var(--header); -} -.datepicker.dropdown-menu { - background-color: var(--back-main); - color: var(--text-main); -} -#details>div>div>div>table { - background-color: transparent; -} -.dropdown-menu>li>a:hover { - background-color: var(--back-main); - color: var(--nav-link); -} -.form-control { - background-color: var(--back-main); - color: var(--text-main); -} -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ - background-color: var(--back-main); - color: var(--text-main); -} -h1, h2, h3, h4, h5, h6, p { - color: var(--text-main); -} -.help-block { - color: var(--text-sub); -} -input[type=text], input[type=search] { - background-color: var(--back-sub); - color: var(--text-main); -} -#licensesTable>tbody>tr>td>nobr>a>i.fa { - color: var(--text-main); -} -.main-footer { - background-color: var(--back-main); - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a { - color: var(--text-main); -} -.nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--header); -} -.nav-tabs-custom>.nav-tabs>li.active>a { - background-color: var(--back-main); -} -.nav-tabs-custom>.nav-tabs>li.active>a:hover { - background-color: var(--back-sub); - color: var(--text-main); -} -.nav-tabs-custom, .nav-tabs-custom>.tab-content { - background-color: var(--back-main); -} -.navbar-nav>.tasks-menu>.dropdown-menu>li.header { - background-color: var(--back-main); - color: var(--header); -} -.open>.dropdown-toggle.btn-default { - background-color: var(--back-sub); - color: var(--header); -} -.panel { - background-color: var(--back-sub); - color: var(--text-main); -} -.panel-default>.panel-heading { - background-color: var(--back-main); - color: var(--header); -} -.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { - background-color: var(--back-sub); - color: var(--header); -} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--header); - color: var(--back-main); -} -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: var(--text-main); -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: var(--header); -} -.select2-selection--single { - background-color: var(--back-sub)!important; - color: var(--text-main)!important; -} -.select2-dropdown { - background-color: var(--back-main); - color: var(--text-main); -} -.skin-yellow-dark .main-header .navbar .dropdown-menu li a { - color: var(--header); -} -.skin-yellow-dark .main-header .navbar .dropdown-menu li a:hover { - background-color: #000000; -} -tr th div.th-inner { - color: #FFFFFF; -} -.tab-content, .tab-pane { - background-color: var(--back-main); - color: var(--text-main); -} -.table-striped>tbody>tr:nth-of-type(odd) { - background-color: var(--back-sub); -} -.table-striped>tbody>tr:nth-of-type(even){ - background-color: var(--back-sub-alt); -} -.th-inner{ - color: var(--nav-link); -} -#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa, .box-body, .box-footer, .box-header { - color: var(--text-main); -} - -.box-header.with-border { - border-bottom: #000; -} -#customFieldsTable a[href*='/models'] { - background-color: var(--back-sub-alt); - color: var(--link); -} -#customFieldsTable a[href*='/models']:hover { - background-color: var(--text-sub); - color: var(--button-hover); -} -#customFieldsTable a[href*='/models']:visited { - background-color: var(--background); - color: var(--visited-link); -} - -.row-striped { - vertical-align: top; - line-height: 2.6; - padding: 0px; - margin-left: 20px; - box-sizing: border-box; - //border-left: 1px solid #dddddd; - //border-right: 1px solid #dddddd; - display: table; -} - -.row-striped .row:nth-of-type(odd) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} - -.row-striped .row:nth-of-type(even) div { - background-color: var(--back-sub); - color: var(--text-main); - border-top: 1px solid #dddddd; - display: table-cell; -} - -.row-new-striped > .row:nth-of-type(odd){ - background-color: var(--back-sub); - color: var(--text-main); -} -.row-new-striped > .row:nth-of-type(even){ - background-color: var(--back-sub-alt); - color: var(--text-main); -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.table > tbody > tr.warning > td{ - background-color:var(--back-sub); -} \ No newline at end of file diff --git a/resources/assets/less/skins/skin-yellow.less b/resources/assets/less/skins/skin-yellow.less deleted file mode 100755 index b277561540..0000000000 --- a/resources/assets/less/skins/skin-yellow.less +++ /dev/null @@ -1,147 +0,0 @@ -/* - * Skin: Yellow - * ---------- - */ -@import "../bootstrap-less/mixins.less"; -@import "../bootstrap-less/variables.less"; -@import "../variables.less"; -@import "../mixins.less"; - -.skin-yellow { - //Navbar - .main-header { - .navbar { - .navbar-variant(#FBCC34); - .sidebar-toggle { - color: #000; - &:hover { - background-color: darken(#FBCC34, 5%); - } - } - @media (max-width: @screen-header-collapse) { - .dropdown-menu { - li { - &.divider { - background-color: rgba(255, 255, 255, 0.1); - } - a { - color: #333; - &:hover { - background: darken(#FBCC34, 5%); - } - } - } - } - } - } - //Logo - - li.user-header { - background-color: #FBCC34; - } - } - - //Content Header - .content-header { - background: transparent; - } - - //Create the sidebar skin - .skin-dark-sidebar(#FBCC34); -} - -.skin-yellow.layout-top-nav .main-header > .logo { - .logo-variant { - color: #413F42; - background-color: none; - } -} - - - -.btn, .btn:hover { - - - &.btn-primary, .btn-primary:link { - background-color: darken(#FBCC34, 10%); - border-color: darken(#FBCC34, 20%); - color: var(--nav-link); - } - - - &a.btn-primary:hover { - background-color: darken(#FBCC34, 20%); - border-color: darken(#FBCC34, 20%); - color: var(--nav-link); - } - - &.btn-white:link { - background-color: darken(#FBCC34, 10%); - color: var(--nav-link); - } - - &.btn-white:hover { - background-color: darken(#FBCC34, 30%); - color: var(--nav-link); - } -} -a.btn-info:link, a.btn-warning:link, a.btn-danger:link{ - color: #FFF; -} -&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{ - color: #FFF; -} - -a { - color: var(--link); - &:hover { - color: var(--hover-link); - } - &:visited { - color: var(--visited-link); - } -} - -.text-primary { - color: darken(#FBCC34, 20%); -} - -:root { - --button-default: darken(#FBCC34, 15%); - --button-primary: darken(#FBCC34, 25%); - --button-hover: darken(#FBCC34, 30%); - --header: #FBCC34; /* Use same as Header picker */ - --text-main: #BBB; - --text-sub: #9b9b9b; - --link: lighten( #413F42, 10%); /* Use same as Header picker, lighten by 70% */ - --visited-link: lighten(#413F42, 20%); /* Use same as Header picker, lighten by 70% */ - --hover-link: lighten(#413F42, 45%); /* Use same as Header picker, lighten by 70% */ - --nav-link: #222; /* Use same as Header picker */ - --light-link: #fff; /* Use same as Header picker */ -} - -.fixed-table-container tbody .selected td { - background-color: #fff8af; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #FBCC34; -} - -.search-highlight, .search-highlight:hover { - background-color: #e9d15b; -} -.thead, .navbar-nav>li>a:link { - color: var(--nav-link); -} -.navbar-nav>li>a:visited { - color: var(--nav-link); -} -&:hover{ - color: var(--nav-link); -} -.skin-yellow .main-header .navbar .nav > li > a { - color: #413F42; -} -.far fa-life-ring{ - color:var(--link); -} \ No newline at end of file