/*------ Dark Theme Scrapyard ------*/

@-moz-document url-prefix("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/") {

    .theme-vars {
        --theme-version: 0.2;
        --theme-background: #15181d !important;
        --themed-tape-icon: icons/tape2.svg;
    }

    #treeview {
        --themed-globe-icon: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/globe2.svg") !important;
        --themed-cloud-icon: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/cloud2.svg") !important;
        --themed-cloud-sync-icon: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/cloud_sync2.svg") !important;
    }

    html, body, .toolbar, .black-button, .simple-menu, .dlg, .dlg *, #div-form-left, .div-area, .div-area * {
        background: #15181d !important;
        border-color: #111 !important;
        color: #ccc !important;
    }

    .dlg *,
    select,
    .simple-menu div,
    .jstree-default .jstree-anchor .todo-path,
    .jstree-default .jstree-anchor .todo-details {
        color: #ccc !important;
    }

    .dlg input, .dlg select, .selectric {
        border: 1px solid #111 !important;
        border-radius: 3px !important;
        -moz-appearance: none !important;
    }


    .jstree-default .jstree-anchor.jstree-clicked,
    .jstree-default .jstree-anchor.jstree-clicked .todo-path,
    .jstree-default .jstree-anchor.jstree-clicked .todo-details {
        color: #ccc !important;
        transition: none !important;
        background: transparent !important;
    }

    .dlg input[type=button] {
        cursor: pointer !important;
    }

    .simple-menu div:hover,
    .selectric-scroll li:hover,
    .dlg input[type=button]:hover,
    .jstree-default .jstree-hovered,
    .jstree-default .jstree-wholerow-hovered {
        background: #434347 !important;
        transition: none !important;
    }

    .jstree-default .jstree-clicked,
    .jstree-default .jstree-wholerow-clicked,
    .jstree-default .jstree-clicked.jstree-hovered,
    .jstree-default .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #4c4c51 !important;
    }

    .selectric-scroll li:hover, .simple-menu div:hover {
        background-color: #333 !important;
        color: #ccc !important;
    }

    .jstree-default .jstree-anchor, .jstree-default .jstree-wholerow {
        transition: none !important;
    }

    .vakata-context, .vakata-context ul, ul.jstree-default-contextmenu {
        background: #20252c !important;
        border: 1px solid #111 !important;
        padding: 0px !important;
        color: #ccc !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .vakata-context li > a {
        color: #ccc !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .vakata-context li > a:hover,
    .vakata-context li.vakata-context-hover > a {
        background-color: #20252c !important;
        color: #ccc !important;
    }

    .vakata-context .vakata-contextmenu-disabled a,
    .vakata-context .vakata-contextmenu-disabled a:hover {
        color: #ccc !important;
    }

    .vakata-context .vakata-context-separator > a,
    .vakata-context .vakata-context-separator > a:hover {
        border-top: 0px solid #111 !important;
        border-left: 0px solid #111 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .vakata-context li > a .vakata-contextmenu-sep {
        border-left: 1px solid #111 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .vakata-context li > a.vakata-context-parent {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAL3RFWHRDcmVhdGlvbiBUaW1lANCn0YIgNCDQsNC/0YAgMjAxOSAxMTozMDo1NCArMDQwMPSur74AAAAHdElNRQfjBAQHIASxQAQlAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAACVJREFUeNpjePv2w38GYgFIMdEaYIqJ0oCsmKAGskwm2s3EBgYAK7o8kRxQo+YAAAAASUVORK5CYII=") !important;
    }

    .jstree-default .jstree-open > .jstree-ocl, .jstree-default .jstree-closed > .jstree-ocl {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/lib/jstree/themes/default/32px_dark.png") !important;
    }

    #jstree-dnd.jstree-default .jstree-ok,
    #jstree-dnd.jstree-default .jstree-er {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/lib/jstree/themes/default/32px_dark.png") !important;
    }

    .selectric .label::before,
    .selectric-items li.folder-label::before,
    .jstree-default .scrapyard-group > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/group2.svg") !important;
    }

    .jstree-default .scrapyard-shelf > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/shelf2.svg") !important;
    }

    .jstree-default .scrapyard-notes > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/notes2.svg") !important;
    }

    .jstree-default .jstree-anchor.generic-icon .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/globe2.svg") !important;
    }

    .jstree-default .browser-bookmark-menu > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/bookmarksMenu2.svg") !important;
    }

    .jstree-default .browser-unfiled-bookmarks > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/unfiledBookmarks2.svg") !important;
    }

    .jstree-default .browser-bookmark-toolbar > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/bookmarksToolbar2.svg") !important;
    }

    .jstree-default .browser-logo > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/firefox2.svg") !important;
    }

    .jstree-default .rdf-archive > .jstree-anchor .jstree-themeicon {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/tape2.svg") !important;
    }

    input[type=text], .selectric, .selectric .button, .selectric-items, .selectric-scroll li, .simple-menu div  {
        background-color: #333 !important;
        border-color: #111 !important;
        color: #ccc !important;
    }

    .selectric .label {
        background-color: #333 !important;
    }

    .midnight-filter, .midnight-filter-menu {
        filter: invert(80%) sepia(7%) saturate(52%) hue-rotate(201deg) brightness(90%) contrast(87%);
    }

    .simple-menu div:hover .midnight-filter-menu {
        filter: invert(0%) sepia(29%) saturate(2147%) hue-rotate(18deg) brightness(99%) contrast(87%);
    }


    .jstree-default .todo-state-todo.jstree-hovered,
    .jstree-default .todo-state-todo.jstree-clicked {
        color: #fc6dac !important;
    }

    .jstree-default .todo-state-waiting.jstree-hovered,
    .jstree-default .todo-state-waiting.jstree-clicked {
        color: #ff8a00 !important;
    }

    .jstree-default .todo-state-postponed.jstree-hovered,
    .jstree-default .todo-state-postponed.jstree-clicked {
        color: #00b7ee !important;
    }

    .jstree-default .todo-state-overdue.jstree-hovered,
    .jstree-default .todo-state-overdue.jstree-clicked,
    .jstree-default .todo-state-cancelled.jstree-hovered,
    .jstree-default .todo-state-cancelled.jstree-clicked {
        color: #ff4d26 !important;
    }

    .jstree-default .todo-state-done.jstree-hovered,
    .jstree-default .todo-state-done.jstree-clicked {
        color: #00b60e !important;
    }

    a.left-index {
        color: #ccc !important;
    }

    a.left-index.focus{
        border-right:3px solid #111 !important;
        background:#ddd !important;
        color: black !important;
        position: relative;
        z-index: 10000;
    }

    .div-area input[type=number] {
        color: black !important;
    }


    .div-area input[type=button] {
        border: 1px solid #111 !important;
        border-radius: 3px  !important;
        -moz-appearance: none !important;
        cursor: pointer  !important;
    }

    .div-area input[type=button]:hover {
        background: #333 !important;
    }

    .help-mark {
        background-image: url("moz-extension://c71fa52f-1e8a-4548-9d39-e9ab2ec9eafc/icons/help-mark2.svg") !important;
    }

    code {
        color: rgba(0, 0, 0, 0.75) !important;
    }

    span.task-status {
        color: white !important;
    }

    span.task-status.todo {
        color: white !important;
    }

    span.task-status.done {
        color: white !important;
    }

    .section-number {
        color: rgb(0, 90, 190) !important;
    }

    #source-url {
        color: #0074D9 !important;
    }

    select#link-scope, select#option-export-format, select#notes-format {
        color: black !important;
    }
}