/home/smartbloks/.trash/eazydocs/assets/scss/frontend_dark-mode.scss
/*============ Dark Mode css ========*/
body.body_dark {
  --bs-white : #2c303a !important;
  --p_color: #cecece !important;
  --black_700: #e1e1e1 !important;
  --black_800: #f1f1f1 !important;
  --black_900: #f8f8f8 !important;
  --black_600 : #bebebe !important;
  --black_500 : #b9b9b9 !important;
  --black_400 : #a2a2a2 !important;
  --black_150: rgba(255,255,255,0.3) !important;
  --black_50: #494949 !important;
  --black_25: #383838 !important;
  --body_bg: #131417 !important;
  --border_on_white:  #2c303a !important;
  color: #f6f6f6 !important;
  background: #131417 !important;

  #wrapper,
  .nav-sidebar.one-page-doc-nav-wrap .nav-item .dropdown_nav {
    background: #131417 !important;
  }

  .ezdoc_contributed_user_avatar .ezdoc_contributed_users .doc_users_dropdown {
    box-shadow: none;
  }

  .doc_rightsidebar {
    @media (max-width: 991px) {
      background: #1e1f26;
    }
  }

  .ordered-list li::before, .body_wrapper,
  .img_modal, #eazydocs_feedback {
    background: #131417;
  }

  .fadeGradient {
    background: -webkit-linear-gradient(bottom, rgb(19 20 23) 15%, rgba(245, 245, 245, 0) 100%) !important;
  }

  .search_form .form-control {
    background: #5a5f73;
    border-color: #2c303a;
  }

  .breadcrumb-item + .breadcrumb-item::before,
  .search_form button {
    color: #8f94a6;
  }

  .nav-sidebar .nav-item .docs-progress-bar,
  .onepage-doc .nav-sidebar .nav-item .docs-progress-bar,
  .doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu li a.active,
  .doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu li a:hover {
    background: #444857;
  }

  .help_form, .nav-sidebar.one-page-doc-nav-wrap .nav-item, .nav-sidebar.one-page-doc-nav-wrap .nav-item .dropdown_nav:before,
  .onepage-doc .nav-sidebar .nav-item, .doc_rightsidebar .bootstrap-select > .dropdown-menu,
  .doc_rightsidebar .dropdown-toggle, onepage-doc .nav-sidebar .nav-item .dropdown_nav,
  .doc_rightsidebar .doc_switch input[type=checkbox], .breadcrumb_area_three,
  .doc_rightsidebar .bootstrap-select > .dropdown-menu .inner .dropdown-menu {
    background: #2c303a;
  }

  .doc_left_sidebarlist::after,
  .doc_left_sidebarlist:not(.one-page-docs-sidebar-wrap)::before {
    background: #1e1f26;
  }

  .doc_rightsidebar .doc_switch input[type=checkbox],
  .doc_left_sidebarlist::after, .doc_rightsidebar .dropdown-toggle,
  .doc_left_sidebarlist:before, .doc_left_sidebarlist,
  .nav-sidebar + .nav-sidebar, .doc_rightsidebar, .v_menu,
  .toggle_body, .basic_table_info, .basic_table_info tbody tr th, .basic_table_info tbody tr td,
  .typography_content .code-preview, .doc_left_sidebarlist:before {
    border-color: #272830;
  }

  .onepage-doc .nav-sidebar .nav-item .dropdown_nav:before {
    background: #272830;
  }
  .nav-sidebar .nav-item .nav-link {
    color: #c7c9d3;
  }

  .doc_menu .nav-link,
  .doc_rightsidebar .doc_right_link li a {
    color: #bbb;
  }

  .doc_menu .nav-link.active, .doc_menu .nav-link:hover,
  h1, h2, h3, h4, h5, h6 {
    color: #fff;
  }

  .doc_rightsidebar .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #c7c9d3;
  }

  .border_bottom {
    background: #384c59;
  }

  .question_box .signup_form .input-group .form-control {
    color: var(--p_color);
  }

  .question_box .signup_form .input-group button:before {
    background: #384c59;
  }
}