[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --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; }

.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}


html[data-bs-theme="dark"] #logo {
  filter: brightness(3); }

[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); }


[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }

[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}
  
[data-bs-theme="dark"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
}

[data-bs-theme="dark"] .btn-close {
  filter: var(--bs-btn-close-white-filter); }

  [data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
[data-bs-theme="dark"] .carousel .carousel-control-next-icon, 
[data-bs-theme="dark"].carousel .carousel-control-prev-icon,
[data-bs-theme="dark"].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] {
  background-color: #000; }

[data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption {
  color: #000; 
}

[data-bs-theme="dark"] .tree > ol li.active label {
  color: var(--bs-primary); }

  [data-bs-theme="dark"] .tree > ol li label {
  filter: invert(93%) hue-rotate(180deg);
  color: var(--bs-dark); }

    html[data-bs-theme="dark"] #vvveb-builder #top-panel img {
      filter: invert(93%) hue-rotate(180deg); }

        html[data-bs-theme="dark"] li[data-type][data-drag-type="component"] {
    border-color: var(--bs-gray-500);
    filter: invert(93%) hue-rotate(180deg);
    background-color: transparent; }
    html[data-bs-theme="dark"] li[data-type][data-drag-type="component"] a {
      color: var(--bs-gray-900); }

  html[data-bs-theme="dark"] .components .drag-elements-sidepane li[data-type][data-drag-type="component"], html[data-bs-theme="dark"]
  #add-section-box li[data-type][data-drag-type="component"] {
    border-color: var(--bs-gray-500);
    filter: invert(93%) hue-rotate(180deg);
    background-color: transparent; }      

    html[data-bs-theme="dark"] .components .drag-elements-sidepane li[data-type][data-drag-type="component"] a, html[data-bs-theme="dark"]
    #add-section-box li[data-type][data-drag-type="component"] a {
      color: var(--bs-gray-900); }    

[data-bs-theme='dark'] #vvveb-builder #left-panel #filemanager .header{
  background: unset;
}

[data-bs-theme='dark'] #cancel_builder, [data-bs-theme='dark'] #save-draft{
  background: #DEE2E6 !important;
  background-color: #DEE2E6 !important;
  border: unset !important;
  color:#000 !important
}

[data-bs-theme='dark'] #vvveb-builder #elements-tabs .nav-item{
  background-color: unset !important;
}

[data-bs-theme='dark'] #vvveb-builder #elements-tabs a.active{
  background: unset;
}

[data-bs-theme='dark'] .nav-fill .nav-item{
  background: unset;
}

[data-bs-theme='dark'] #vvveb-builder .nav-tabs .nav-link.active {
  background: unset;
}

[data-bs-theme='dark'] li.header>input.header_check:checked+ol{
  background: unset;
}

[data-bs-theme='dark'] .left-nav-tree.tree>ol li.active{
  background-color: #5c79ff;
  border: unset;
}

[data-bs-theme="dark"] .tree > ol li.active label{
  color: #000;
}

[data-bs-theme="dark"] #vvveb-builder #bottom-panel{
  background-color: unset;
}

[data-bs-theme="dark"] label.header {
  color: unset;
}

[data-bs-theme="dark"] #version-history-list{
  background: #212529;
}

[data-bs-theme="dark"] #version-history-list .version-item:hover {
  background: #5c79ff;
}

[data-bs-theme="dark"] #version-history-list .version-item{
  border-bottom: 1px solid #495057;
}

[data-bs-theme="dark"] #vvveb-builder .nav-tabs .nav-link {
  border-top: 1px solid #495057 !important;
}

[data-bs-theme="dark"] .tab-content>.active>div{
  border-bottom: 1px solid #495057 !important;
}

[data-bs-theme="dark"] #vvveb-builder .nav-tabs .nav-link{
  border-left: 1px solid #495057 !important;
  border-bottom: 1px solid #495057 !important;
}

[data-bs-theme="dark"] input.header_check:checked+div.section{
  background: unset;
}

[data-bs-theme="dark"] #version-history-list .version-item small {
  color: #fff;
}      