html.blueTheme {
    --theme-normal-color: #0078d5;
    --theme-border-color: #7fbef2;
    --theme-bg-color: #f6fafe;
    --theme-subtitle-color: #444;
    --theme-hover-bg-color: #e5f2fc;
    --theme-tool-select-tool-link-bg-color: #f6fafe;
    --theme-tool-select-tool-link-bg-color-alt: #fff;
    --theme-tool-select-tool-link-border-color: #7fbef2;
    --theme-input-zone-border-color: #0078d5;
    --theme-dropzone-border-color: #0078d5;
    --theme-dropzone-import-tools-hover-bg-color: #e5f2fc;
    --theme-dropzone-file-tools-hover-bg-color: #e5f2fc;
    --theme-input-bg-color: #fdfeff;
    --theme-section-odd-bg: linear-gradient(180deg,
            #fff 0%,
            #f8fcff 5%,
            #f8fcff 95%,
            #fff 100%);
    --theme-section-odd-collapsed-bg: #f6fafe;
    --theme-section-odd-expanded-bg: #f6fafe;
    --theme-ad-text-hover-bg-color: #004c8e38;
}

html.blueTheme.alt1 {
    --theme-dropzone-bg-color: #e8f0ff;
    --theme-tool-select-tool-link-bg-color: #f9f9f9;
    --theme-dropzone-import-tools-hover-bg-color: #d1e1fd;
}

html.orangeTheme {
    --theme-normal-color: #ea7700;
    --theme-border-color: #f3b472;
    --theme-bg-color: #fefaf6;
    --theme-hover-bg-color: #fdf1e5;
    --theme-tool-select-tool-link-bg-color: #fefaf6;
    --theme-tool-select-tool-link-bg-color-alt: #fff;
    --theme-tool-select-tool-link-border-color: #f3b472;
    --theme-input-zone-border-color: #ea7700;
    --theme-dropzone-border-color: #ea7700;
    --theme-top-tool-select-sep-color: #ea7700;
    --theme-toogle-btn-on-slider-bg-color: #ea7700;
    --theme-dropzone-import-tools-hover-bg-color: #fdf1e5;
    --theme-dropzone-file-tools-hover-bg-color: #fdf1e5;
    --theme-input-bg-color: #fffcfa;
    --theme-section-odd-bg: linear-gradient(180deg,
            #fff 0%,
            #fefaf6 3%,
            #fefaf6 97%,
            #fff 100%);
    --theme-section-odd-collapsed-bg: #fefaf6;
    --theme-section-odd-expanded-bg: #fefaf6;
    --theme-ad-text-bg-color: #ea770020;
    --theme-ad-text-hover-bg-color: #ea770059;
}

html.darkTheme {
    --theme-normal-color: #6790d5;
    --theme-border-color: #7fbef2;
    --theme-bg-color: #1d1d1d;
    --theme-hover-bg-color: #1d1d1d;
    --theme-body-color: #d9d9d9;
    --theme-body-bg-color: #151515;
    --theme-overlay-bg-color: #303030;
    --theme-link-color: #c89178;
    --theme-link-hover-color: #c87878;
    --theme-qas-color: #ccc;
    --theme-qas-sep-color: #555;
    --theme-section-collapse-color: #999;
    --theme-section-collapse-hover-color: #ccc;
    --theme-section-even-bg: linear-gradient(180deg,
            #fff 0%,
            #fefaf6 3%,
            #fefaf6 97%,
            #fff 100%);
    --theme-worker-zone-border-color: #007000;
    --theme-worker-zone-info-bg-color: #252525;
    --theme-worker-zone-info-color: #aaa;
    --theme-worker-zone-info-key-color: #aaa;
    --theme-worker-zone-info-value-color: #7ab1bd;
    --theme-worker-zone-ad-border-color: gray;
    --theme-pdf-load-zone-sep-color: #555;
    --theme-pdf-load-zone-tool-hover-bg-color: #333;
    --theme-pdf-load-zone-tool-color: #777;
    --theme-selected-tab-bg-color: #3c525f;
    --theme-dropzone-bg-color: #202020;
    --theme-dropzone-border-color: #ccc;
    --theme-dropzone-view-select-color: #ccc;
    --theme-dropzone-sort-tools-color: #ccc;
    --theme-dropzone-import-tools-hover-bg-color: #333;
    --theme-dropzone-file-tools-hover-bg-color: #333;
    --theme-dropzone-preview-image-box-bg-color: #353535;
    --theme-dropzone-preview-image-box-hover-bg-color: #666;
    --theme-dropzone-preview-image-box-border-color: #777;
    --theme-dropzone-preview-image-border: 0 none;
    --theme-dropzone-preview-filename-hover-border: 1px solid #777;
    --theme-dropzone-preview-filename-hover-bg-color: #333;
    --theme-dropzone-list-view-preview-bg-color: #202020;
    --theme-dropzone-list-view-preview-details-color: #ccc;
    --theme-dropzone-list-view-preview-sortable-chosen-bg-color: #505050;
    --theme-dropzone-list-view-preview-border-color: #ccc;
    --theme-dropzone-list-view-preview-image-border-color: #ccc;
    --theme-dropzone-rating-votes-color: #bbb;
    --theme-tool-select-tool-link-bg-color: #0f2435;
    --theme-tool-select-tool-link-border-color: #555;
    --theme-tool-select-filers-color: #999;
    --theme-top-bar-logo-bg-color: #1d1d1d;
    --theme-input-zone-bg-color: #202020;
    --theme-input-zone-border-color: #ccc;
    --theme-input-unit-border-color: #6b6969;
    --theme-input-unit-bg-color: #000;
    --theme-params-bg-color: #111;
    --theme-params-border-color: #999;
    --theme-params-toggle-icon-hover-bg-color: #333;
    --theme-params-toggle-icon-checked-bg-color: #555;
    --theme-params-ms-options-bg-color: #333;
    --theme-params-ms-options-color: #ccc;
    --theme-params-ms-options-item-hover-bg-color: #555;
    --theme-params-ms-options-selected-item-hover-bg-color: #555;
    --theme-footer-bg-color: #0a0a0a;
    --theme-footer-color: #aaa;
    --theme-footer-border-top: 3px solid #555;
    --theme-footer-lang-switch-color: #333;
    --theme-img-slider-caption-color: #ccc;
    --theme-img-slider-dots-color: #ccc;
    --theme-ad-text-color: #ccc;
    --theme-ad-text-bg-color: #0088ff30;
    --theme-ad-text-hover-bg-color: #0088ff8c;
    --theme-ad-text-hover-color: #fff;
    --theme-no-src-bg-color: #666;
    --theme-qas-answer-bg-color: #333;
    --theme-qas-answer-color: #ccc;
    --theme-qas-question-color: #bbb;
    --theme-qas-active-color: #d76565;
    --theme-component-load-start-main-bg-color: #ddd;
    --theme-tool-group-border-color: #777;
    --theme-tool-bar-color: #ccc;
    --theme-tool-bar-icon-color: #aaa;
    --theme-tool-bar-bg-color: #202020;
    --theme-tool-bar-down-bg-color: #023962;
    --theme-tool-popper-border-color: #aaa;
    --theme-tool-popper-bg-color: #000;
    --theme-input-border-color: #6b6969;
    --theme-input-bg-color: #222;
    --theme-input-color: #ccc;
    --theme-input-placeholder-color: #777;
    --theme-input-disabled-bg-color: #222;
    --theme-blockquote-bg-color: #303030;
    --theme-blockquote-box-shadow-color: #444;
    --theme-blockquote-color: #ccc;
    --theme-section-collapsed-hover-color: #d76565;
    --theme-section-odd-bg: #1d1d1d;
    --theme-section-odd-collapsed-bg: #1d1d1d;
    --theme-section-odd-expanded-bg: #1d1d1d;
    --theme-image-slider-dots-color: #ccc;
    --theme-image-slider-box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.5);
    --theme-image-slider-active-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.75);
    --theme-tippy-menu-item-hover-bg-color: #cfcfcf;
    --cookie-banner-content-bg-color: #222;
}

.theme-bg {
    background-color: var(--theme-bg-color) !important;
}

.theme-bg-hover:hover {
    background-color: var(--theme-hover-bg-color) !important;
}

.theme-color {
    color: var(--theme-normal-color) !important;
}

.theme-fill {
    fill: var(--theme-normal-color) !important;
}

.theme-stroke {
    stroke: var(--theme-normal-color) !important;
}

.darkTheme input[type="checkbox"]:not(:checked),
.darkTheme input[type="radio"]:not(:checked) {
    filter: brightness(0.5);
}

.darkTheme .section {
    border-top: 1px solid #333;
}

.darkTheme .section:before,
.darkTheme .section:after {
    display: none !important;
}

.darkTheme .btn.white {
    --btn-color: #f0f0f0;
}

.darkTheme .btn.orange,
.darkTheme .btn.action {
    --btn-color: #d97d0d;
}

.darkTheme .sp-container {
    background-color: #333;
    border: solid 1px #555;
}

.darkTheme .sp-replacer {
    border: solid 1px #6b6969;
    background: #333;
    color: #eee;
    vertical-align: middle;
}

.darkTheme .sp-replacer:hover,
.sp-replacer.sp-active {
    border-color: #f0c49b;
    color: #fff;
}

.darkTheme .sp-replacer.sp-disabled {
    border-color: silver;
    color: silver;
}

.darkTheme .sp-preview {
    border: solid 1px #999;
}

.darkTheme .sp-cancel {
    color: #f99f9f !important;
}

.darkTheme .sp-replacer:hover,
.darkTheme .sp-replacer.sp-active {
    border-color: #f0c49b;
    color: #111;
}

.darkTheme .sp-picker-container {
    border-left: 0 none;
}

.darkTheme .tippy-box {
    background-color: #eee;
    color: #222;
}

.darkTheme .tippy-arrow {
    color: #eee;
}