TechOdysseyDesigns/TechOdyssey_Designs_Dashboard
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Inisital Asset Commit

Browse Source
This commit is contained in:
Hickmeister
2025-01-03 23:10:59 +00:00
parent 18cb77cb3d
commit b1be0cb849
833 changed files with 159911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2466
assets/sass/app.css Normal file
View File

File diff suppressed because it is too large Load Diff

1
assets/sass/app.css.map Normal file
View File

File diff suppressed because one or more lines are too long

3030
assets/sass/app.scss Normal file
View File

File diff suppressed because it is too large Load Diff

19
assets/sass/bordered-theme.css Normal file
View File

@@ -0,0 +1,19 @@
[data-bs-theme=bodered-theme] body {
background-color: #fff;
}
[data-bs-theme=bodered-theme] body .topbar {
border-bottom: 1px solid #dee2e6;
box-shadow: none;
}
[data-bs-theme=bodered-theme] body .sidebar-wrapper {
border-right: 1px solid #dee2e6;
box-shadow: none;
}
[data-bs-theme=bodered-theme] body .card {
box-shadow: none;
border: 1px solid #dee2e6;
}
[data-bs-theme=bodered-theme] body .page-footer {
border-top: 1px solid #dee2e6;
box-shadow: none;
}/*# sourceMappingURL=bordered-theme.css.map */

1
assets/sass/bordered-theme.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["bordered-theme.scss","bordered-theme.css"],"names":[],"mappings":"AAAA;EAEI,sBAAA;ACAJ;ADEI;EACI,gCAAA;EACA,gBAAA;ACAR;ADGI;EACI,+BAAA;EACA,gBAAA;ACDR;ADII;EACI,gBAAA;EACA,yBAAA;ACFR;ADKI;EACI,6BAAA;EACA,gBAAA;ACHR","file":"bordered-theme.css"}

25
assets/sass/bordered-theme.scss Normal file
View File

@@ -0,0 +1,25 @@
[data-bs-theme=bodered-theme] body {
background-color: #fff;
.topbar {
border-bottom: 1px solid #dee2e6;
box-shadow: none;
}
.sidebar-wrapper {
border-right: 1px solid #dee2e6;
box-shadow: none;
}
.card {
box-shadow: none;
border: 1px solid #dee2e6;
}
.page-footer {
border-top: 1px solid #dee2e6;
box-shadow: none;
}
}

657
assets/sass/dark-theme.css Normal file
View File

@@ -0,0 +1,657 @@
/*
Template Name: Syndron Admin
Author: codervent
Email: codervent@gmail.com
File: app.css
*/
[data-bs-theme=dark] body {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-2: #181c1f;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
color: var(--bs-body-color);
background-color: var(--bs-body-bg-2);
/* sidebar wrapper */
/* top header */
/* search */
/* switcher */
/* footer */
/* back to top button */
/* breadcrumb */
/* theme components */
/* select2 */
/* chat process */
/* email */
}
[data-bs-theme=dark] body .bg-light {
background-color: var(--bs-light-bg-subtle) !important;
}
[data-bs-theme=dark] body .h1, [data-bs-theme=dark] body .h2, [data-bs-theme=dark] body .h3, [data-bs-theme=dark] body .h4, [data-bs-theme=dark] body .h5, [data-bs-theme=dark] body .h6, [data-bs-theme=dark] body h1, [data-bs-theme=dark] body h2, [data-bs-theme=dark] body h3, [data-bs-theme=dark] body h4, [data-bs-theme=dark] body h5, [data-bs-theme=dark] body h6 {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .card {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(24, 28, 31, 0.54);
}
[data-bs-theme=dark] body .text-secondary {
color: #a8aeb3 !important;
}
[data-bs-theme=dark] body .wrapper {
width: 100%;
position: relative;
}
[data-bs-theme=dark] body .sidebar-wrapper {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .sidebar-wrapper .sidebar-header {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .logo-text {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon:hover, [data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
[data-bs-theme=dark] body .sidebar-wrapper .metismenu a {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .sidebar-wrapper .metismenu ul {
background: var(--bs-body-bg);
}
[data-bs-theme=dark] body .sidebar-wrapper .metismenu .mm-active > a,
[data-bs-theme=dark] body .sidebar-wrapper .metismenu a:active,
[data-bs-theme=dark] body .sidebar-wrapper .metismenu a:focus,
[data-bs-theme=dark] body .sidebar-wrapper .metismenu a:hover {
color: var(--bs-emphasis-color);
background-color: rgba(255, 255, 255, 0.1);
}
[data-bs-theme=dark] body .topbar {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .topbar .navbar .navbar-nav .nav-link {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .topbar .navbar .navbar-nav .nav-link:hover, [data-bs-theme=dark] body .topbar .navbar .navbar-nav .nav-link:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
[data-bs-theme=dark] body .topbar .navbar .dropdown-app .dropdown-menu {
border: 1px solid var(--bs-border-color-translucent);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
[data-bs-theme=dark] body .topbar .navbar .dropdown-app .dropdown-menu .app-box:hover {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .topbar .navbar .dropdown-app .dropdown-menu .app-name {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .topbar .navbar .dropdown-large .dropdown-menu::after {
content: "";
background: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
border-left: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .topbar .navbar .dropdown-menu::after {
content: "";
background: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
border-left: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .user-info .user-name {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .user-info .designattion {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .user-box {
border-left: 1px solid var(--bs-border-color-translucent);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-large .dropdown-menu {
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-large .dropdown-menu .dropdown-item {
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-large .msg-header {
border-bottom: 1px solid var(--bs-border-color-translucent);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .dropdown-large .msg-header .msg-header-title {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .dropdown-large .msg-header .msg-header-clear {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .dropdown-large .msg-footer {
color: var(--bs-body-color);
border-top: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-large .user-online:after {
background: #16e15e;
}
[data-bs-theme=dark] body .dropdown-large .msg-name {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .dropdown-large .msg-info {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .dropdown-large .msg-time {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .dropdown-large .notify {
background-color: var(--bs-secondary-bg-subtle);
}
[data-bs-theme=dark] body .dropdown-large .cart-product-title {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .dropdown-large .cart-product-price {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .dropdown-large .cart-product-cancel {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-large .cart-product {
border: 1px solid var(--bs-border-color-translucent);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .dropdown-menu {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .dropdown-item:hover {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .search-bar a.btn,
[data-bs-theme=dark] body .search-bar a.btn:focus {
color: var(--bs-light-text-emphasis);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .mobile-toggle-menu {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .mobile-toggle-menu:hover, [data-bs-theme=dark] body .mobile-toggle-menu:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
[data-bs-theme=dark] body .switcher-wrapper {
background: var(--bs-body-bg-2);
border-left: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .switcher-btn {
background: #008cff;
box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.13);
color: #fff;
}
[data-bs-theme=dark] body .header-colors-indigators .indigator {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .highcharts-background {
fill: var(--bs-body-bg);
}
[data-bs-theme=dark] body .highcharts-title {
fill: var(--bs-body-color);
}
[data-bs-theme=dark] body .highcharts-axis-labels {
fill: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .highcharts-legend-item > text,
[data-bs-theme=dark] body .highcharts-data-label text,
[data-bs-theme=dark] body text.highcharts-data-label {
fill: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .page-footer {
background-color: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .back-to-top {
color: #fff;
background-color: #008cff;
}
[data-bs-theme=dark] body .back-to-top:hover {
color: #fff;
background-color: #000;
}
[data-bs-theme=dark] body .breadcrumb-title {
border-right: 1.5px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .product-discount {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .imageuploadify {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .bootstrap-tagsinput {
background-color: var(--bs-body-bg);
border-color: var(--bs-border-color);
}
[data-bs-theme=dark] body .input-group-text {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .bs-stepper-line, [data-bs-theme=dark] body .bs-stepper .line {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .bs-stepper-circle {
color: var(--bs-body-color);
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .bs-stepper.vertical .bs-stepper-header {
background-color: var(--bs-body-bg-2);
border-right: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-selection {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-dropdown {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
color: var(--bs-body-color);
border: 1px solid var(--bs-border-color);
}
[data-bs-theme=dark] body .alert {
background-color: #292f34;
}
[data-bs-theme=dark] body .color-indigator-item {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .icon-badge {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .widgets-icons {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .widgets-icons-2 {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .more-options {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .more-options:hover {
background-color: var(--bs-light-border-subtle);
color: var(--bs-emphasis-color);
}
[data-bs-theme=dark] body .apexcharts-datalabel,
[data-bs-theme=dark] body .apexcharts-datalabel-label,
[data-bs-theme=dark] body .apexcharts-datalabel-value,
[data-bs-theme=dark] body .apexcharts-datalabels,
[data-bs-theme=dark] body .apexcharts-pie-label {
fill: #fff;
}
[data-bs-theme=dark] body .product-img-2 {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .product-list .row {
background-color: var(--bs-body-bg);
}
@media (min-width: 992px) {
[data-bs-theme=dark] body .product-list .row:hover {
background-color: var(--bs-body-bg);
}
}
[data-bs-theme=dark] body .recent-product-img {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .theme-icons {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .fm-menu .list-group a {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .fm-menu .list-group a:hover {
background-color: #008cff;
color: #fff;
}
[data-bs-theme=dark] body .fm-file-box {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .fm-icon-box {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .user-plus {
background-color: var(--bs-body-bg);
border: 1px dotted var(--bs-border-color-translucent);
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .user-groups img {
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .contacts-social a {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .customers-contacts a {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .order-actions a {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .auth-cover-left {
background-color: var(--bs-body-bg-2);
}
[data-bs-theme=dark] body .auth-cover-right {
background-color: var(--bs-body-bg);
}
@media (min-width: 992px) {
[data-bs-theme=dark] body .customers-list .customers-list-item:hover {
background-color: var(--bs-light-bg-subtle);
}
}
[data-bs-theme=dark] body .w_chart {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .chip {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .invoice {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .invoice main .notices {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .invoice table .no {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .invoice table .unit {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .invoice table tfoot td {
border-top: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .invoice footer {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .invoice table td,
[data-bs-theme=dark] body .invoice table th {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-wrapper {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .chat-sidebar {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-sidebar-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
border-right: 0 solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-sidebar-header .chat-user-online:before {
box-shadow: 0 0 0 2px var(--bs-body-bg);
}
[data-bs-theme=dark] body .chat-list .chat-user-online:before {
box-shadow: 0 0 0 2px var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-list .list-group-item {
border: 1px solid rgba(0, 0, 0, 0);
}
[data-bs-theme=dark] body .chat-list .list-group-item:hover {
border: 1px solid rgba(0, 0, 0, 0);
background-color: rgba(13, 110, 253, 0.12);
}
[data-bs-theme=dark] body .chat-list .list-group-item.active {
background-color: rgba(13, 110, 253, 0.12);
}
[data-bs-theme=dark] body .chat-header {
background: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-footer {
background-color: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-footer-menu a {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-tab-menu li a.nav-link {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .chat-title {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .chat-msg {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .chat-time {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .chat-top-header-menu a {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .chat-content-leftside .chat-left-msg {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .chat-content-rightside .chat-right-msg {
background-color: var(--bs-secondary-bg-subtle);
}
[data-bs-theme=dark] body .chat-toggle-btn {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-wrapper {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .email-sidebar {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-sidebar-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
border-right: 0 solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-navigation {
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-navigation a.list-group-item {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .email-navigation a:hover {
color: var(--bs-emphasis-color);
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .email-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-content {
background-color: var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-meeting a.list-group-item {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .email-hangout .chat-user-online:before {
box-shadow: 0 0 0 2px var(--bs-body-bg);
}
[data-bs-theme=dark] body .email-toggle-btn {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 0 solid var(--bs-border-color-translucent);
}
[data-bs-theme=dark] body .email-time {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .email-list div.email-message {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .email-list div.email-message:hover {
transition: all 0.2s ease-out;
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .email-star {
color: var(--bs-secondary-text-emphasis);
}
[data-bs-theme=dark] body .email-read-box {
background-color: var(--bs-body-bg);
}
[data-bs-theme=dark] body .compose-mail-close {
background-color: rgba(255, 255, 255, 0);
}
[data-bs-theme=dark] body .compose-mail-close:hover {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .fc-theme-standard td,
[data-bs-theme=dark] body .fc-theme-standard th {
border: 1px solid var(--bs-border-color);
border: 1px solid var(--fc-border-color, var(--bs-border-color));
}
[data-bs-theme=dark] body .fc-non-business {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .nav-search input.form-control {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .nav-search input.form-control::-moz-placeholder {
opacity: 0.5 !important;
color: #fff !important;
}
[data-bs-theme=dark] body .nav-search input.form-control::placeholder {
opacity: 0.5 !important;
color: #fff !important;
}
[data-bs-theme=dark] body .nav-search input.form-control::-ms-input-placeholder {
color: #fff !important;
}
[data-bs-theme=dark] body .nav-search button[type=submit] {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: #fff;
}
[data-bs-theme=dark] body .error-social a {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .login-separater span {
background-color: var(--bs-body-bg);
color: var(--bs-body-color);
}
[data-bs-theme=dark] body .btn-light {
color: var(--bs-body-color);
background-color: var(--bs-light-bg-subtle);
border-color: var(--bs-border-color);
}
[data-bs-theme=dark] body .btn-white {
background-color: var(--bs-body-bg);
border-color: var(--bs-border-color);
}
[data-bs-theme=dark] body .gmaps,
[data-bs-theme=dark] body .gmaps-panaroma {
background-color: var(--bs-light-bg-subtle);
}
[data-bs-theme=dark] body .pricing-table .card ul li.list-group-item {
color: var(--bs-body-color);
}
[data-bs-theme=dark] body input::-moz-placeholder {
color: #fff !important;
}
[data-bs-theme=dark] body input::placeholder {
color: #fff !important;
}
@media screen and (max-width: 1024px) {
[data-bs-theme=dark] body .wrapper.toggled .overlay {
background: #fff;
}
[data-bs-theme=dark] body .chat-toggled .overlay {
background: #fff;
}
[data-bs-theme=dark] body .email-toggled .overlay {
background-color: #fff;
}
}/*# sourceMappingURL=dark-theme.css.map */

1
assets/sass/dark-theme.css.map Normal file
View File

File diff suppressed because one or more lines are too long

959
assets/sass/dark-theme.scss Normal file
View File

@@ -0,0 +1,959 @@
/*
Template Name: Syndron Admin
Author: codervent
Email: codervent@gmail.com
File: app.css
*/
[data-bs-theme=dark] body {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-2: #181c1f;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
color: var(--bs-body-color);
background-color: var(--bs-body-bg-2);
.bg-light {
background-color: var(--bs-light-bg-subtle) !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--bs-body-color);
}
.card {
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(24 28 31 / 54%);
}
.text-secondary {
color: #a8aeb3 !important;
}
.wrapper {
width: 100%;
position: relative;
}
/* sidebar wrapper */
.sidebar-wrapper {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
.sidebar-header {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
.logo-text {
color: var(--bs-body-color);
}
.mobile-toggle-icon {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
&:hover,
&:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
}
}
.metismenu {
a {
color: var(--bs-body-color);
}
ul {
background: var(--bs-body-bg);
}
}
.metismenu .mm-active>a,
.metismenu a:active,
.metismenu a:focus,
.metismenu a:hover {
color: var(--bs-emphasis-color);
background-color: rgba(255, 255, 255, 0.1);
}
}
/* top header */
.topbar {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
.navbar {
.navbar-nav {
.nav-link {
color: var(--bs-body-color);
&:hover,
&:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
}
}
.dropdown-app {
.dropdown-menu {
border: 1px solid var(--bs-border-color-translucent);
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
.app-box {
&:hover {
background-color: var(--bs-light-bg-subtle);
}
}
.app-name {
color: var(--bs-body-color);
}
}
}
.dropdown-large {
.dropdown-menu {
&::after {
content: '';
background: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
border-left: 1px solid var(--bs-border-color-translucent);
}
}
}
.dropdown-menu {
&::after {
content: '';
background: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
border-left: 1px solid var(--bs-border-color-translucent);;
}
}
}
}
.user-info {
.user-name {
color: var(--bs-body-color);
}
.designattion {
color: var(--bs-secondary-text-emphasis);
}
}
.user-box {
border-left: 1px solid var(--bs-border-color-translucent);
border-right: 1px solid var(--bs-border-color-translucent);
}
.dropdown-large {
.dropdown-menu {
border: 1px solid var(--bs-border-color-translucent);
.dropdown-item {
border-bottom: 1px solid var(--bs-border-color-translucent);
}
}
.msg-header {
border-bottom: 1px solid var(--bs-border-color-translucent);
background-color: var(--bs-body-bg);
.msg-header-title {
color: var(--bs-body-color);
}
.msg-header-clear {
color: var(--bs-secondary-text-emphasis);
}
}
.msg-footer {
color: var(--bs-body-color);
border-top: 1px solid var(--bs-border-color-translucent);
}
.user-online {
&:after {
background: #16e15e;
}
}
.msg-name {
color: var(--bs-body-color);
}
.msg-info {
color: var(--bs-secondary-text-emphasis);
}
.msg-time {
color: var(--bs-secondary-text-emphasis);
}
.notify {
background-color: var(--bs-secondary-bg-subtle);
}
.cart-product-title {
color: var(--bs-body-color);
}
.cart-product-price {
color: var(--bs-body-color);
}
.cart-product-cancel {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
.cart-product {
border: 1px solid var(--bs-border-color-translucent);
background-color: var(--bs-body-bg);
}
}
.dropdown-menu {
-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
border: 1px solid var(--bs-border-color-translucent);
}
.dropdown-item:hover{
background-color: var(--bs-light-bg-subtle);
color: var(--bs-body-color);
}
/* search */
.search-bar a.btn,
.search-bar a.btn:focus {
color: var(--bs-light-text-emphasis);
background-color: var(--bs-body-bg);
}
.mobile-toggle-menu {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
&:hover,
&:focus {
background-color: var(--bs-light-bg-subtle);
color: var(--bs-emphasis-color);
}
}
/* switcher */
.switcher-wrapper {
background: var(--bs-body-bg-2);
border-left: 1px solid var(--bs-border-color-translucent);
}
.switcher-btn {
background: #008cff;
box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .13);
color: #fff;
}
.header-colors-indigators {
.indigator {
background-color: var(--bs-light-bg-subtle);
}
}
.highcharts-background {
fill: var(--bs-body-bg);
}
.highcharts-title {
fill: var(--bs-body-color);
}
.highcharts-axis-labels {
fill: var(--bs-secondary-text-emphasis);
}
.highcharts-legend-item > text,
.highcharts-data-label text,
text.highcharts-data-label {
fill: var(--bs-secondary-text-emphasis);
}
/* footer */
.page-footer {
background-color: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
}
/* back to top button */
.back-to-top {
color: #fff;
background-color: #008cff;
&:hover {
color: #fff;
background-color: #000;
}
}
/* breadcrumb */
.breadcrumb-title {
border-right: 1.5px solid var(--bs-border-color-translucent);
}
.page-breadcrumb {
.breadcrumb-item {
&+.breadcrumb-item {
&::before {
color: var(--bs-secondary-text-emphasis);
}
}
}
}
/* theme components */
.product-discount {
background-color: var(--bs-light-bg-subtle);
}
.imageuploadify {
background-color: var(--bs-light-bg-subtle);
}
.bootstrap-tagsinput {
background-color: var(--bs-body-bg);
border-color: var(--bs-border-color);
}
.input-group-text {
background-color: var(--bs-body-bg);
}
.bs-stepper-line, .bs-stepper .line {
background-color: var(--bs-light-bg-subtle);
}
.bs-stepper-circle {
color: var(--bs-body-color);
background-color: var(--bs-light-bg-subtle);
}
.bs-stepper.vertical .bs-stepper-header {
background-color: var(--bs-body-bg-2);
border-right: 1px solid var(--bs-border-color);
}
/* select2 */
.select2-container--bootstrap-5 .select2-selection {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
}
.select2-container--bootstrap-5 .select2-dropdown {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
color: var(--bs-body-color);
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
color: var(--bs-body-color);
border: 1px solid var(--bs-border-color);
}
.alert {
background-color: #292f34;
}
.color-indigator-item {
background-color: var(--bs-body-bg);
}
.icon-badge {
background-color: var(--bs-body-bg);
}
.widgets-icons {
background-color: var(--bs-body-bg);
}
.widgets-icons-2 {
background-color: var(--bs-body-bg);
}
.more-options {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
&:hover {
background-color: var(--bs-light-border-subtle);
color: var(--bs-emphasis-color);
}
}
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value,
.apexcharts-datalabels,
.apexcharts-pie-label {
fill: #fff
}
.product-img-2 {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
.product-list {
.row {
background-color: var(--bs-body-bg);
}
}
@media (min-width:992px) {
.product-list {
.row {
&:hover {
background-color: var(--bs-body-bg);
}
}
}
}
.recent-product-img {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
.theme-icons {
background-color: var(--bs-body-bg)
}
.fm-menu {
.list-group {
a {
color: var(--bs-secondary-text-emphasis);
&:hover {
background-color: #008cff;
color: #fff;
}
}
}
}
.fm-file-box {
background-color: var(--bs-light-bg-subtle);
}
.fm-icon-box {
background-color: var(--bs-body-bg);
}
.user-plus {
background-color: var(--bs-body-bg);
border: 1px dotted var(--bs-border-color-translucent);
color: var(--bs-secondary-text-emphasis);
}
.user-groups {
img {
border: 1px solid var(--bs-border-color-translucent);
}
}
.contacts-social {
a {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
}
.customers-contacts {
a {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
}
.order-actions {
a {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
}
}
.auth-cover-left {
background-color: var(--bs-body-bg-2);
}
.auth-cover-right {
background-color: var(--bs-body-bg);
}
@media (min-width:992px) {
.customers-list {
.customers-list-item {
&:hover {
background-color: var(--bs-light-bg-subtle);
}
}
}
}
.w_chart {
color: var(--bs-body-color);
}
.chip {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
.invoice {
background-color: var(--bs-body-bg);
main {
.notices {
background-color: var(--bs-body-bg);
}
}
table {
.no {
color: var(--bs-body-color);
}
.unit {
background-color: var(--bs-light-bg-subtle);
}
tfoot {
td {
border-top: 1px solid var(--bs-border-color-translucent);
}
}
}
footer {
color: var(--bs-body-color);
}
}
.invoice table td,
.invoice table th {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
/* chat process */
.chat-wrapper {
background-color: var(--bs-body-bg);
}
.chat-sidebar {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
.chat-sidebar-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
border-right: 0 solid var(--bs-border-color-translucent);
.chat-user-online {
&:before {
box-shadow: 0 0 0 2px var(--bs-body-bg);
}
}
}
.chat-list {
.chat-user-online {
&:before {
box-shadow: 0 0 0 2px var(--bs-border-color-translucent);
}
}
.list-group-item {
border: 1px solid rgb(0 0 0 / 0%);
&:hover {
border: 1px solid rgb(0 0 0 / 0%);
background-color: rgb(13 110 253 / .12);
}
&.active {
background-color: rgb(13 110 253 / .12);
}
}
}
.chat-header {
background: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
.chat-footer {
background-color: var(--bs-body-bg);
border-top: 1px solid var(--bs-border-color-translucent);
}
.chat-footer-menu {
a {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
}
.chat-tab-menu {
li {
a {
&.nav-link {
color: var(--bs-body-color);
}
}
}
}
.chat-title {
color: var(--bs-body-color);
}
.chat-msg {
color: var(--bs-secondary-text-emphasis);
}
.chat-time {
color: var(--bs-secondary-text-emphasis);
}
.chat-top-header-menu {
a {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
}
.chat-content-leftside {
.chat-left-msg {
background-color: var(--bs-light-bg-subtle);
}
}
.chat-content-rightside {
.chat-right-msg {
background-color: var(--bs-secondary-bg-subtle);
}
}
.chat-toggle-btn {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color-translucent);
}
/* email */
.email-wrapper {
background-color: var(--bs-body-bg);
}
.email-sidebar {
background-color: var(--bs-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
.email-sidebar-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
border-right: 0 solid var(--bs-border-color-translucent);
}
.email-navigation {
border-bottom: 1px solid var(--bs-border-color-translucent);
a {
&.list-group-item {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
&:hover {
color: var(--bs-emphasis-color);
background-color: var(--bs-light-bg-subtle);
}
}
}
.email-header {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
}
.email-content {
background-color: var(--bs-border-color-translucent);
}
.email-meeting {
a {
&.list-group-item {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
}
}
}
.email-hangout {
.chat-user-online {
&:before {
box-shadow: 0 0 0 2px var(--bs-body-bg);
}
}
}
.email-toggle-btn {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border: 0 solid var(--bs-border-color-translucent);
}
.email-time {
color: var(--bs-secondary-text-emphasis);
}
.email-list {
div {
&.email-message {
background-color: var(--bs-body-bg);
border-bottom: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
&:hover {
transition: all .2s ease-out;
background-color: var(--bs-light-bg-subtle);
}
}
}
}
.email-star {
color: var(--bs-secondary-text-emphasis);
}
.email-read-box {
background-color: var(--bs-body-bg);
}
.compose-mail-close {
background-color: rgb(255 255 255 / 0%);
&:hover {
background-color: var(--bs-light-bg-subtle)
}
}
.fc-theme-standard td,
.fc-theme-standard th {
border: 1px solid var(--bs-border-color);
border: 1px solid var(--fc-border-color, var(--bs-border-color));
}
.fc-non-business {
background-color: var(--bs-light-bg-subtle);
}
.nav-search {
input {
&.form-control {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: var(--bs-body-color);
&::placeholder {
opacity: .5 !important;
color: #fff !important;
}
&::-ms-input-placeholder {
color: #fff !important;
}
}
}
button[type=submit] {
background-color: var(--bs-light-bg-subtle);
border: 1px solid var(--bs-border-color-translucent);
color: #fff;
}
}
.error-social {
a {
color: var(--bs-body-color);
}
}
.login-separater {
span {
background-color: var(--bs-body-bg);
color: var(--bs-body-color);
}
}
.btn-light {
color: var(--bs-body-color);
background-color: var(--bs-light-bg-subtle);
border-color: var(--bs-border-color);
}
.btn-white {
background-color: var(--bs-body-bg);
border-color: var(--bs-border-color);
}
.gmaps,
.gmaps-panaroma {
background-color: var(--bs-light-bg-subtle);
}
.pricing-table {
.card {
ul {
li {
&.list-group-item {
color: var(--bs-body-color);
}
}
}
}
}
input {
&::placeholder {
color: #fff !important;
}
}
@media screen and (max-width:1024px) {
.wrapper {
&.toggled {
.overlay {
background: #fff;
}
}
}
.chat-toggled {
.overlay {
background: #fff;
}
}
.email-toggled {
.overlay {
background-color: #fff;
}
}
}
}

74
assets/sass/semi-dark.css Normal file
View File

@@ -0,0 +1,74 @@
[data-bs-theme=semi-dark] body {
--bs-semi-body-color: #dee2e6;
--bs-semi-body-color-rgb: 222, 226, 230;
--bs-semi-body-bg: #212529;
--bs-semi-body-bg-2: #181c1f;
--bs-semi-border-color: #495057;
--bs-semi-emphasis-color:#fff;
--bs-semi-light-bg-subtle: #343a40;
--bs-semi-border-color-translucent: rgba(255, 255, 255, 0.15);
/* sidebar wrapper */
}
[data-bs-theme=semi-dark] body .sidebar-wrapper {
background-color: var(--bs-semi-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header {
background-color: var(--bs-semi-body-bg);
border-right: 1px solid var(--bs-semi-border-color-translucent);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .logo-text {
color: var(--bs-semi-body-color);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon {
color: var(--bs-semi-body-color);
background-color: var(--bs-semi-body-bg);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon:hover, [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .mobile-toggle-icon:focus {
background-color: var(--bs-semi-light-bg-subtle);
color: var(--bs-semi-emphasis-color);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu a {
color: var(--bs-semi-body-color);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu ul {
background: var(--bs-semi-body-bgbody-bg);
}
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu .mm-active > a,
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu a:active,
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu a:focus,
[data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu a:hover {
color: var(--bs-semi-emphasis-color);
background-color: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 1025px) {
[data-bs-theme=semi-dark] body .wrapper.toggled .sidebar-wrapper:hover .sidebar-header .mobile-toggle-icon {
display: flex;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper {
width: 70px;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
width: 70px;
justify-content: center;
width: 70px;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text {
display: none;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {
justify-content: center;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {
display: none;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {
display: none;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {
display: none;
}
[data-bs-theme=semi-dark] body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {
display: none;
}
}/*# sourceMappingURL=semi-dark.css.map */

1
assets/sass/semi-dark.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["semi-dark.scss","semi-dark.css"],"names":[],"mappings":"AAAA;EAEI,6BAAA;EACA,uCAAA;EACA,0BAAA;EACA,4BAAA;EACA,+BAAA;EACA,6BAAA;EACH,kCAAA;EACG,6DAAA;EAKJ,oBAAA;ACJA;ADKA;EACC,wCAAA;EACA,0DAAA;ACHD;ADKC;EACC,wCAAA;EACA,+DAAA;ACHF;ADKE;EACC,gCAAA;ACHH;ADME;EACU,gCAAA;EACA,wCAAA;ACJZ;ADKY;EAEI,gDAAA;EACA,oCAAA;ACJhB;ADWE;EACC,gCAAA;ACTH;ADYE;EACC,yCAAA;ACVH;ADcC;;;;EAIC,oCAAA;EACA,0CAAA;ACZF;ADmBA;EAOM;IACC,aAAA;ECvBL;ED8BE;IACC,WAAA;EC5BH;ED6BG;IACC,WAAA;IACA,uBAAA;IACA,WAAA;EC3BJ;ED4BI;IACC,aAAA;EC1BL;ED8BI;IACC,uBAAA;EC5BL;ED8BI;IACC,aAAA;EC5BL;ED+BK;IACC,aAAA;EC7BN;ED+BK;IACC,aAAA;EC7BN;EDiCK;IACC,aAAA;EC/BN;AACF","file":"semi-dark.css"}

118
assets/sass/semi-dark.scss Normal file
View File

@@ -0,0 +1,118 @@
[data-bs-theme=semi-dark] body {
--bs-semi-body-color: #dee2e6;
--bs-semi-body-color-rgb: 222, 226, 230;
--bs-semi-body-bg: #212529;
--bs-semi-body-bg-2: #181c1f;
--bs-semi-border-color: #495057;
--bs-semi-emphasis-color:#fff;
--bs-semi-light-bg-subtle: #343a40;
--bs-semi-border-color-translucent: rgba(255, 255, 255, 0.15);
/* sidebar wrapper */
.sidebar-wrapper {
background-color: var(--bs-semi-body-bg);
border-right: 1px solid var(--bs-border-color-translucent);
.sidebar-header {
background-color: var(--bs-semi-body-bg);
border-right: 1px solid var(--bs-semi-border-color-translucent);
.logo-text {
color: var(--bs-semi-body-color);
}
.mobile-toggle-icon {
color: var(--bs-semi-body-color);
background-color: var(--bs-semi-body-bg);
&:hover,
&:focus {
background-color: var(--bs-semi-light-bg-subtle);
color: var(--bs-semi-emphasis-color);
}
}
}
.metismenu {
a {
color: var(--bs-semi-body-color);
}
ul {
background: var(--bs-semi-body-bgbody-bg);
}
}
.metismenu .mm-active>a,
.metismenu a:active,
.metismenu a:focus,
.metismenu a:hover {
color: var(--bs-semi-emphasis-color);
background-color: rgba(255, 255, 255, 0.1);
}
}
@media screen and (min-width:1025px) {
.wrapper {
&.toggled {
.sidebar-wrapper {
&:hover {
.sidebar-header {
.mobile-toggle-icon {
display: flex;
}
}
}
}
&:not(.sidebar-hovered) {
.sidebar-wrapper {
width: 70px;
.sidebar-header {
width: 70px;
justify-content: center;
width: 70px;
.logo-text {
display: none;
}
}
.metismenu {
a {
justify-content: center;
}
.menu-title {
display: none;
}
li {
ul {
display: none;
}
&.menu-label {
display: none;
}
}
.has-arrow {
&:after {
display: none;
}
}
}
}
}
}
}
}
}