body.dark {
  --bg_color: 22,22,22;
  --bg_secondary_color: 30,30,30;
  --bg_secondary_border_color: 40,40,40;
  --ui_color: 255, 255, 255;
  --ui_color_least: 51, 51, 51;
}

body.dark #sidebar .links ul li a span .i.setting {
  background-image: url('../../assets/img/icons/setting_w.png')
}
body.dark #sidebar .links ul li a span .i.tools {
  background-image: url('../../assets/img/icons/tools_w.png')
}
body.dark #sidebar .links ul li a span .i.interface {
  background-image: url('../../assets/img/icons/interface_w.png')
}
body.dark #sidebar .links ul li a span .i.content {
  background-image: url('../../assets/img/icons/content_w.png')
}
body.dark #sidebar .links ul li a span .i.users {
  background-image: url('../../assets/img/icons/user_w.png')
}
body.dark #sidebar .links ul li a span .i.dashboard {
  background-image: url('../../assets/img/icons/dashboard_w.png')
}
body.dark #sidebar .links ul li a span .i.wallet {
  background-image: url('../../assets/img/icons/wallet_w.png')
}

body.dark #sidebar #light_switch {
  background: transparent;
  border: 1px solid rgb(var(--theme_color));
}
body.dark #sidebar #light_switch .switch_wrapper .switch_bulb span {
  color: rgb(var(--theme_color));
}
body.dark #sidebar #light_switch .switch_wrapper .switch_bulb span:first-child {
  opacity: 1;
}
body.dark #sidebar #light_switch .switch_wrapper .switch_bulb span:last-child {
  opacity: 0
}
body.dark #sidebar #light_switch .switch_wrapper .switch_bulb {
  left: calc( 100% - 29px );
}

body.dark #main .box.with-border .box-content {
  box-shadow: 0px 4px 17px 5px rgba( var(--bg_secondary_color), 0 );
}

/*
body.dark .ce-toolbar__settings-btn {
    color: #fff;
}
body.dark .ce-toolbar__plus {
    color: #fff;
}
body.dark .ce-toolbox__button {
    color: #fff;
}
body.dark .ce-inline-tool {
}
body.dark .ce-popover {
    background: rgb(var(--bg_color));
    border-color: rgb(var(--bg_secondary_color));
}
body.dark .cdx-search-field {
    background: transparent;
}
body.dark .ce-popover__item-icon {
    background: rgb(var(--bg_color));
    box-shadow: none;
}
body.dark .ce-popover__item:hover:not(.ce-popover__item--no-visible-hover) {
    background: rgb(var(--bg_secondary_color));
}
body.dark .ce-toolbar__settings-btn:hover {
    background: rgb(var(--bg_secondary_color));
}
body.dark .ce-toolbar__plus:hover {
    background: rgb(var(--bg_secondary_color));
}
body.dark .ce-inline-toolbar {
    background: rgba(var(--bg_color),1);
    box-shadow: none;
}
body.dark .ce-inline-toolbar__toggler-and-button-wrapper {
    border: none;
}
body.dark .ce-inline-toolbar.ce-inline-toolbar--left-oriented.ce-inline-toolbar--showed {
    border: 1px solid rgba(var(--ui_color),0.1);
}
body.dark .ce-block--selected .ce-block__content {
    background: rgba(var(--ui_color),0.06);
}
body.dark .ce-conversion-toolbar {
    background: rgba(var(--bg_color),1);
    border: 1px solid rgba(var(--ui_color),0.1);
}
body.dark .ce-conversion-tool__icon {
    background: rgba(var(--bg_color),1);
    border: none;
    box-shadow: none;
}
body.dark .ce-conversion-tool:hover {
    background: rgba(var(--ui_color),0.06);
}
body.dark .ce-inline-tool:hover,
body.dark .ce-inline-toolbar__dropdown:hover {
    background: rgba(var(--ui_color),0.1);
}
body.dark .tc-popover {
    background: rgba(var(--bg_color));
}
body.dark .tc-popover__item-icon {
    background: rgba(var(--bg_color2));
}
*/
body.dark .ce-toolbar__settings-btn {
  color: #fff;
}
body.dark .ce-toolbar__plus {
  color: #fff;
}
body.dark .ce-toolbox__button {
  color: #fff;
}
body.dark .ce-inline-tool {
}
body.dark .ce-popover {
  background: rgb(var(--ui_color));
  border-color: rgb(var(--bg_secondary_color));
}
body.dark .cdx-search-field {
  background: transparent;
}
body.dark .ce-popover__item-icon {
  background: rgb(var(--bg_color));
  box-shadow: none;
}
body.dark .ce-popover__item:hover:not(.ce-popover__item--no-visible-hover) {
  background: rgb(var(--bg_secondary_color));
}
body.dark .ce-toolbar__settings-btn:hover {
  background: rgb(var(--bg_secondary_color));
}
body.dark .ce-toolbar__plus:hover {
  background: rgb(var(--bg_secondary_color));
}
body.dark .ce-inline-toolbar {
  background: rgba(var(--ui_color),1);
  box-shadow: none;
  color: #000;
}
body.dark .ce-inline-toolbar__toggler-and-button-wrapper {
  border: none;
}
body.dark .ce-inline-toolbar.ce-inline-toolbar--left-oriented.ce-inline-toolbar--showed {
  border: 1px solid rgba(var(--ui_color),0.1);
}
body.dark .ce-block--selected .ce-block__content {
  background: rgba(var(--ui_color),0.06);
}
body.dark .ce-conversion-toolbar {
  background: rgba(var(--ui_color),1);
  border: 1px solid rgba(var(--ui_color),0.1);
}
body.dark .ce-conversion-tool__icon {
  /* background: rgba(var(--bg_color),1); */
  border: none;
  box-shadow: none;
}
body.dark .ce-conversion-tool:hover {
  background: rgba(var(--ui_color),0.06);
}
body.dark .ce-inline-tool:hover,
body.dark .ce-inline-toolbar__dropdown:hover {
  background: rgba(var(--bg_color),0.14)
}
body.dark .tc-popover {
  background: rgba(var(--bg_color));
}
body.dark .tc-popover__item-icon {
  background: rgba(var(--bg_color2));
}
body.dark .ce-inline-toolbar .cdx-input {
  box-shadow: none;
  background: transparent;
  color: #000;
}
body.dark .ce-inline-tool-input {
  background: transparent;
  color: #000;
}
body.dark .image-tool .cdx-input {
    color: #fff;
}

body.greyscale {

    --ui_color: 0, 0, 0;

    --theme_color: 0, 0, 0;
    --theme_color2: 100, 100, 100;

    --c_red: 0, 0, 0;
    --c_orange: 0, 0, 0;
    --c_yellow: 0, 0, 0;
    --c_green: 0, 0, 0;
    --c_purple: 0, 0, 0;
    --c_blue: 0, 0, 0;

}
body.dark.greyscale {

    --ui_color: 255, 255, 255;

    --theme_color: 255, 255, 255;
    --theme_color2: 150, 150, 150;

    --c_red: 255, 255, 255;
    --c_orange: 255, 255, 255;
    --c_yellow: 255, 255, 255;
    --c_green: 255, 255, 255;
    --c_purple: 255, 255, 255;
    --c_blue: 255, 255, 255;

}
body.greyscale #sidebar #color_switch {
  border-color: orange;
}
body.greyscale #sidebar #color_switch .switch_wrapper .switch_bulb span {
  color: orange;
}
body.greyscale #sidebar #color_switch .switch_wrapper .switch_bulb span:first-child {
  opacity: 1;
}
body.greyscale #sidebar #color_switch .switch_wrapper .switch_bulb span:last-child {
  opacity: 0
}
body.greyscale #sidebar #color_switch .switch_wrapper .switch_bulb {
  left: calc( 100% - 29px );
}

body.greyscale .user_list .user .avatar img,
body.greyscale #sidebar #logo img,
body.greyscale #main .plugins .plugin .icon img {
    filter: grayscale(1);
}