html[class*="dark"] body {
    --toolbar-bg-color: #0a0a0a !important;
    --sidebar-narrow-bg-color: #0a0a0a !important;
    --sidebar-toolbar-bg-color: #0a0a0a !important;
    --toolbar-border-color: #171717 !important;
    --button-hover-color: #262626 !important;
    --toggled-btn-bg-color: #262626 !important;
    --dropdown-btn-bg-color: #0a0a0a !important;
    --field-bg-color: #0a0a0a !important;
    --field-color: #e5e5e5 !important;
    --main-color: #e5e5e5 !important;
    --body-bg-color: #171717 !important;
    --toolbar-icon-bg-color: #e5e5e5 !important;
    --scrollbar-bg-color: #171717 !important;
    --scrollbar-color: #404040 !important;
    --separator-color: #262626 !important;
}

html[class*="dark"] :is(#toolbarContainer, #toolbarSidebar, .findbar, .secondaryToolbar, .editorParamsToolbar) {
    background-color: #0a0a0a !important;
    background-image: none !important;
    color: #e5e5e5 !important;
    border-bottom: 1px solid #171717 !important;
    box-shadow: none !important;
}

html[class*="dark"] #sidebarContainer {
    background-color: #0a0a0a !important;
    border-inline-end: 1px solid #0a0a0a !important;
}

html[class*="dark"] :is(.toolbarButton::before, .secondaryToolbarButton::before, .dropdownToolbarButton::after, .treeItemToggler::before) {
    background-color: #e5e5e5 !important;
}

html[class*="dark"] .toolbarField,
html[class*="dark"] .dropdownToolbarButton > select {
    background-color: #0a0a0a !important;
    color: #e5e5e5 !important;
    border: 1px solid #262626 !important;
}

html[class*="dark"] .dropdownToolbarButton > select > option {
    background-color: #0a0a0a !important;
    color: #e5e5e5 !important;
}

html[class*="dark"] .pdfViewer .page {
    background-color: #ffffff !important;
    border: 1px solid #262626 !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6) !important;
}

html[class*="dark"] .pdfViewer .page canvas {
    filter: none !important;
}