body.dark {
/*    --main: #68a2cf;
    --dark: #2c607d;*/
/*    --main2: var(--main);
    --dark2: var(--dark);*/
}

body.dark {
    color: #fff;
    background-color: #ebedef;
    background-image: radial-gradient(circle at top, #21295f, #0d0d0d);
}

.dark .card-shadow {
    background: #000;
}

.dark .login-form {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom-color: rgba(170, 170, 255, 0.2);
    border-right-color: rgba(170, 170, 255, 0.2);
}

.dark .user-actions-dropdown .toggler {
    filter: invert(1);
}

.dark form.block {
    border-color: rgba(234, 234, 234, 0.2);
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), 0 5px 12px rgba(0, 0, 0, 0.5);
}

.dark table td {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark table tr:nth-child(2n) td {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark .back {
    filter: invert(1);
}

.dark .sidebar {
    background-color: #111629;
    border-right: 1px solid #1e2749;
    box-shadow: none;
}
.dark .sidebar .logo {
    filter: invert(0);
    opacity: 1;
}
.dark .card-wrapper .meta h2 {
    opacity: .9;
}
.dark td {
    border-right:1px solid rgba(255,255,255,0.075);
    border-bottom:1px solid rgba(255,255,255,0.1);
}
.dark .index h2 {
    color:#fff;
}
.dark .sidebar .subnav {
    background-color:rgba(255,255,255,0.1);
}
.dark .sidebar .subnav a {
    color:#fff;
}
.dark th {

    background-color: rgba(0,0,0,.2);
}

.dark .info-cards .card {
    background-color: rgba(234, 234, 234, 0.1);
}

.dark .list-toggle {
    filter: invert(1);
}
.dark.listview .card .date {
    color:#fff;
}
.dark.listview .info-cards .card {
    border-bottom-color:rgba(255,255,255,0.1);
}
.dark.listview .info-cards .card > * {
    border-right:1px solid rgba(255,255,255,0.1);
}
.dark.listview .info-cards .card.data .type {
    background-color: rgba(0,0,0,0.2);
    border-right:0;
}
.dark.gridview .info-cards .card {
    border:1px solid transparent;
    border-top-color:rgba(255,255,255,0.15);
    border-left-color:rgba(255,255,255,0.07);
}
.dark.gridview .inner:not(.due-view) .info-cards .card .date {
    color:#fff;
    background-color: rgba(255,255,255,0.07);
    backdrop-filter: blur(4px);
    border:1px solid transparent;
    border-top-color:rgba(255,255,255,.25);
    border-left-color:rgba(255,255,255,0.1);
}
.dark .toggle .icon,
.dark .toggle .icon {
    filter: invert(0) !important;
}
.dark  .subclient:before {
    border:1px solid #fff;
    border-right:0;
    border-top:0;
}
.dark .client-item {
    border-bottom:1px solid rgba(255,255,255,.2);
}