/* * Skin: Firefly III dark * Built upon the below with some extra things. * https://raw.githubusercontent.com/anvyst/adminlte-skin-midnight/master/build/less/skins/skin-midnight.less * ------------ */ /* Make the well darker */ .skin-firefly-iii { color: #bec5cb; } .skin-firefly-iii .well { background-color: #55606a; border-color: #454e56; } .skin-firefly-iii h4 { color: #44DEF1; } .skin-firefly-iii .content-header > .breadcrumb > li > a { color: #bec5cb; } .skin-firefly-iii .table > thead > tr > th, .skin-firefly-iii .table > tbody > tr > th, .skin-firefly-iii .table > tfoot > tr > th, .skin-firefly-iii .table > thead > tr > td, .skin-firefly-iii .table > tbody > tr > td, .skin-firefly-iii .table > tfoot > tr > td { color: #bec5cb; border-top: 0px; } .skin-firefly-iii .table > thead > tr.odd, .skin-firefly-iii .table > tbody > tr.odd, .skin-firefly-iii .table > tfoot > tr.odd { background-color: #2a2f34; } .skin-firefly-iii .table > thead > tr.odd:hover, .skin-firefly-iii .table > tbody > tr.odd:hover, .skin-firefly-iii .table > tfoot > tr.odd:hover, .skin-firefly-iii .table > thead > tr.even:hover, .skin-firefly-iii .table > tbody > tr.even:hover, .skin-firefly-iii .table > tfoot > tr.even:hover { background-color: #1e2226; } .skin-firefly-iii .table-bordered > thead > tr > th, .skin-firefly-iii .table-bordered > tbody > tr > th, .skin-firefly-iii .table-bordered > tfoot > tr > th, .skin-firefly-iii .table-bordered > thead > tr > td, .skin-firefly-iii .table-bordered > tbody > tr > td, .skin-firefly-iii .table-bordered > tfoot > tr > td { border: 1px solid #353c42; } .skin-firefly-iii .dataTables_wrapper input[type='search'] { border-radius: 4px; background-color: #353c42; border: 0; color: #bec5cb; } .skin-firefly-iii .dataTables_paginate .pagination li > a { background-color: transparent !important; border: 0; } .skin-firefly-iii .wrapper, .skin-firefly-iii .main-sidebar, .skin-firefly-iii .left-side { background-color: #272c30; } .skin-firefly-iii .user-panel > .info, .skin-firefly-iii .user-panel > .info > a { color: #fff; } .skin-firefly-iii .sidebar-menu > li.header { color: #556068; background: #1e2225; } .skin-firefly-iii .sidebar-menu > li > a { border-left: 3px solid transparent; } .skin-firefly-iii .sidebar-menu > li:hover > a, .skin-firefly-iii .sidebar-menu > li.active > a, .skin-firefly-iii .sidebar-menu > li.menu-open > a { color: #fff; background: #22272a; } .skin-firefly-iii .sidebar-menu > li.active > a { border-left-color: #272c30; } .skin-firefly-iii .sidebar-menu > li > .treeview-menu { margin: 0 1px; background: #32393e; } .skin-firefly-iii .sidebar a { color: #bec5cb; } .skin-firefly-iii .sidebar a:hover { text-decoration: none; } .skin-firefly-iii .sidebar-menu .treeview-menu > li > a { color: #949fa8; } .skin-firefly-iii .sidebar-menu .treeview-menu > li.active > a, .skin-firefly-iii .sidebar-menu .treeview-menu > li > a:hover { color: #fff; } .skin-firefly-iii .sidebar-form { border-radius: 3px; border: 1px solid #3e464c; margin: 10px 10px; } .skin-firefly-iii .sidebar-form input[type="text"], .skin-firefly-iii .sidebar-form .btn { box-shadow: none; background-color: #3e464c; border: 1px solid transparent; height: 35px; } .skin-firefly-iii .sidebar-form input[type="text"] { color: #666; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .skin-firefly-iii .sidebar-form input[type="text"]:focus, .skin-firefly-iii .sidebar-form input[type="text"]:focus + .input-group-btn .btn { background-color: #fff; color: #666; } .skin-firefly-iii .sidebar-form input[type="text"]:focus + .input-group-btn .btn { border-left-color: #fff; } .skin-firefly-iii .sidebar-form .btn { color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .skin-firefly-iii .box, .skin-firefly-iii .box-footer, .skin-firefly-iii .info-box, .skin-firefly-iii .box-comment, .skin-firefly-iii .comment-text, .skin-firefly-iii .comment-text .username { color: #bec5cb; background-color: #272c30; } .skin-firefly-iii .box-comments .box-comment { border-bottom-color: #353c42; } .skin-firefly-iii .box-footer { border-top: 1px solid #353c42; } .skin-firefly-iii .box-header.with-border { border-bottom: 1px solid #353c42; } .skin-firefly-iii .box-solid, .skin-firefly-iii .box { border: 1px solid #272c30; } .skin-firefly-iii .box-solid > .box-header, .skin-firefly-iii .box > .box-header { color: #bec5cb; background: #272c30; background-color: #272c30; } .skin-firefly-iii .box-solid > .box-header a, .skin-firefly-iii .box > .box-header a, .skin-firefly-iii .box-solid > .box-header .btn, .skin-firefly-iii .box > .box-header .btn { color: #bec5cb; } .skin-firefly-iii .box.box-info, .skin-firefly-iii .box.box-primary, .skin-firefly-iii .box.box-success, .skin-firefly-iii .box.box-warning, .skin-firefly-iii .box.box-danger { border-top-width: 3px; } .skin-firefly-iii .box.box-info { border-top-color: #00c0ef; } .skin-firefly-iii .box.box-primary { border-top-color: #075383; } .skin-firefly-iii .box.box-success { border-top-color: #00a65a; } .skin-firefly-iii .box.box-warning { border-top-color: #FF851B; } .skin-firefly-iii .box.box-danger { border-top-color: #dd4b39; } .skin-firefly-iii .main-header .navbar { background-color: #272c30; } .skin-firefly-iii .main-header .navbar .nav > li > a { color: #bec5cb; } .skin-firefly-iii .main-header .navbar .nav > li > a:hover, .skin-firefly-iii .main-header .navbar .nav > li > a:active, .skin-firefly-iii .main-header .navbar .nav > li > a:focus, .skin-firefly-iii .main-header .navbar .nav .open > a, .skin-firefly-iii .main-header .navbar .nav .open > a:hover, .skin-firefly-iii .main-header .navbar .nav .open > a:focus, .skin-firefly-iii .main-header .navbar .nav > .active > a { background: rgba(0, 0, 0, 0.1); color: #f6f6f6; } .skin-firefly-iii .main-header .navbar .sidebar-toggle { color: #bec5cb; } .skin-firefly-iii .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6; background: rgba(0, 0, 0, 0.1); } .skin-firefly-iii .timeline li .timeline-item { color: #bec5cb; background-color: #272c30; border-color: #353c42; } .skin-firefly-iii .timeline li .timeline-header { border-bottom-color: #353c42; } .skin-firefly-iii .nav-stacked > li > a { color: #bec5cb; } .skin-firefly-iii .nav-stacked > li > a:hover { color: white; background-color: #1e2226; } .skin-firefly-iii .content-wrapper, .skin-firefly-iii .right-side { background-color: #353c42; } .skin-firefly-iii .main-footer, .skin-firefly-iii .nav-tabs-custom { background-color: #272c30; border-top-color: #353c42; color: #bec5cb; } .skin-firefly-iii .main-footer .nav-tabs, .skin-firefly-iii .nav-tabs-custom .nav-tabs { border-bottom-color: #353c42; } .skin-firefly-iii .main-footer .tab-content, .skin-firefly-iii .nav-tabs-custom .tab-content { background-color: #272c30; } .skin-firefly-iii .nav-tabs-custom > .nav-tabs > li.active > a { border-left-color: #353c42; border-right-color: #353c42; } .skin-firefly-iii .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #353c42; } .skin-firefly-iii .nav-tabs-custom > .nav-tabs > li { color: #bec5cb; } .skin-firefly-iii .nav-tabs-custom > .nav-tabs > li.active > a { background-color: #272c30; } .skin-firefly-iii .nav-tabs-custom > .nav-tabs > li > a { color: #bec5cb; } .skin-firefly-iii .form-group .input-group-addon, .skin-firefly-iii .input-group .input-group-addon, .skin-firefly-iii .form-group input, .skin-firefly-iii .input-group input, .skin-firefly-iii .form-group textarea, .skin-firefly-iii .input-group textarea { background-color: #353c42; color: #bec5cb; border: 1px solid #353c42; } .skin-firefly-iii .list-group { color: #bec5cb; background-color: #272c30; } .skin-firefly-iii .list-group .list-group-item { border-color: #353c42; background-color: #272c30; } .skin-firefly-iii .input-group .input-group-addon { border-right: 1px solid #272c30; } .skin-firefly-iii .form-control { border-color: #272c30; background-color: #353c42; } .skin-firefly-iii .select2 .select2-selection { background-color: #353c42; color: #bec5cb; border: 1px solid #353c42; } .skin-firefly-iii .select2 .select2-selection .select2-container--default, .skin-firefly-iii .select2 .select2-selection .select2-selection--single, .skin-firefly-iii .select2 .select2-selection .select2-selection--multiple, .skin-firefly-iii .select2 .select2-selection .select2-selection__rendered { color: #bec5cb; } .skin-firefly-iii .select2-dropdown { background-color: #353c42; color: #bec5cb; border: 1px solid #353c42; } .skin-firefly-iii .select2-dropdown .select2-search__field { background-color: #272c30; color: #bec5cb; border: 1px solid #353c42; } .skin-firefly-iii .select2-container--default.select2-container--open { background-color: #272c30; }