From c8c3bff636bec113849b97e7dcab6f91f47305a8 Mon Sep 17 00:00:00 2001 From: 1day2die Date: Tue, 31 Jan 2023 12:37:27 +0100 Subject: [PATCH] Update Blue-ish Theme --- public/themes/blue/app.css | 117 ++++++++----------------------------- 1 file changed, 24 insertions(+), 93 deletions(-) diff --git a/public/themes/blue/app.css b/public/themes/blue/app.css index cdd91be4..10839a8e 100644 --- a/public/themes/blue/app.css +++ b/public/themes/blue/app.css @@ -1,93 +1,24 @@ -@import "default.css"; - -/******************* CUSTOM CSS ********************/ - -.layout-fixed .wrapper .sidebar { - height: calc(100vh - 3.5rem - 1px); - background: radial-gradient(#061b29, black); -} - -body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header { - transition: margin-left .3s ease-in-out; - margin-left: 250px; - background: radial-gradient(#061b29, black); -} - -[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu { - color: hsla(0,0%,100%,.8); - background: radial-gradient(#061b29, black); -} - -.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info { - transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease; - color: #d3d3d3; -} - -.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { - color: #fff; - background: radial-gradient(#1b4b61, #fd030300); - border-radius: 50px; -} - - -.dark-mode .card { - background-color: #00000000; - color: #ffffff99; - border-width: 3px; - border-color: #f7f7f7; - border-style: double; - border-radius: 15px; -} - -.btn-info { - color: #ffffff; - background-color: #b8171700; - border-color: #ffffff; - box-shadow: none; -} - - -.btn-warning { - color: #ffffff; - background-color: #ffc10700; - border-color: #ffffff; - box-shadow: none; -} - - -.card-title { - float: left; - font-size: 1.1rem; - font-weight: 400; - margin: 0; - color: white; -} - -.dark-mode .text-muted { - color: #ffffff99!important; -} - -.dark-mode .list-group-item { - background-color: #343a4000; - border-color: #ffffff99; -} - -.dark-mode .info-box { - background-color: #343a4000; - color: #fff; - border: 3px; - border-style: double; - border-radius: 15px; - border-color: white; -} - -label:not(.form-check-label):not(.custom-file-label) { - font-weight: 700; - color: #ffffffc2; -} - -.dark-mode .custom-control-label:before, .dark-mode .custom-file-label, .dark-mode .custom-file-label:after, .dark-mode .custom-select, .dark-mode .form-control, .dark-mode .input-group-text { - background-color: #007af400; - color: #828282; -} - +@import "default.css";.layout-fixed .wrapper .sidebar{ height:calc(100vh - 3.5rem - 1px);background:radial-gradient(#061b29,black);} +body:not(.sidebar-mini-md) .content-wrapper,body:not(.sidebar-mini-md) .main-footer,body:not(.sidebar-mini-md) .main-header{ transition:margin-left .3s ease-in-out;margin-left:250px;background:radial-gradient(#061b29,black);} +[class*=sidebar-dark] .brand-link,[class*=sidebar-dark] .brand-link .pushmenu{ color:hsla(0,0%,100%,.8);background:radial-gradient(#061b29,black);} +.main-sidebar .brand-text,.main-sidebar .logo-xl,.main-sidebar .logo-xs,.sidebar .nav-link p,.sidebar .user-panel .info{ transition:margin-left .3s linear,opacity .3s ease,visibility .3s ease;color:#d3d3d3;} +.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{ color:#fff;background:radial-gradient(#1b4b61,#fd030300);border-radius:50px;} +.dark-mode .card{ background-color:#00000000;color:#ffffff99;border-width:3px;border-color:#f7f7f7;border-style:double;border-radius:15px;} +.btn-info{ color:#ffffff;background-color:#b8171700;border-color:#ffffff;box-shadow:none;} +.btn-warning{ color:#ffffff;background-color:#ffc10700;border-color:#ffffff;box-shadow:none;} +.card-title{ float:left;font-size:1.1rem;font-weight:400;margin:0;color:white;} +.dark-mode .text-muted{ color:#ffffff99!important;} +.dark-mode .list-group-item{ background-color:#343a4000;border-color:#ffffff99;} +.dark-mode .info-box{ background-color:#343a4000;color:#fff;border:3px;border-style:double;border-radius:15px;border-color:white;} +label:not(.form-check-label):not(.custom-file-label){ font-weight:700;color:#ffffffc2;} +.dark-mode .custom-control-label:before,.dark-mode .custom-file-label,.dark-mode .custom-file-label:after,.dark-mode .custom-select,.dark-mode .form-control,.dark-mode .input-group-text{ background-color:#007af400;color:#828282;} +.alert-success{ color:#fff;background-color:#28a745;border-color:#ffffff;border-radius:15px;border-style:double;} +.dark-mode{ color:#fff;background:radial-gradient(#061b29,black);} +.dark-mode .invoice{ background-color:#343a4000;border:3px;border-radius:15px;border-color:white;border:double;} +.dark-mode .nav-tabs .nav-item.show .nav-link,.dark-mode .nav-tabs .nav-link.active{ background-color:#ffffff1c;color:#fff;} +.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{ background:black;} +.dark-mode .callout{ background-color:#00ff0333;} +.callout.callout-info{ border-left-color:#00e11d;} +.p-3{ padding:1rem!important;background:#04141e;} +.small-box>.small-box-footer{ color:hsla(0,0%,100%,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;z-index:10;background:#061b29;} +.dark-mode .dropdown-menu{ background-color:#061b29;border-color:white;} \ No newline at end of file