body.dark {
    background-color: #011401;
    overflow: auto;
    
}

#filter-bar {
    overflow: hidden;
}


.content .content-bg {
    background-color: #010c01;
}

.twodo-new {
    border-top: 1px solid #041c04;
    background-color: #031403;
}

.twodo-new .input-holder {
    background-color: #010c01;
    border: 1px solid #051c05;
}

.twodo-new .input-holder .input-pre-action,
.twodo-new .input-holder .input-post-action .act {
    border-left: 1px solid #092509;
}

.extra-page-menu .menu-item,
.twodo-new .input-holder .input-pre-action {
    border-right: 1px solid #092509;
}

.twodo-new .input-holder .input-pre-action .act:first-child {
    background-color: #010c01;
}

.twodo-line .line-inner .row-state span,
.main-filter-select, .aux-filter-select, 
.twodo-line .ui-fields .line-inner span, 
.twodo-line .line-inner .row-twodos span {
    background-color: #0f210f;
    box-shadow: 1px 1px 1px #000;
    border: 1px solid #162b16;
}


.twodo-new .save-holder .twodo-btn {
    background-color: #233523;
    box-shadow: 1px 1px 1px #000000;
    color: #7a897a;
    font-weight: bold;
    letter-spacing: 0.03em;
    opacity: 0.5;
}

.twodo-btn.twodo-menu.active {
    background-color: #233523;
    box-shadow: 1px 1px 1px #000000;
}

.twodo-btn.twodo-menu,
.extra-page-menu .menu-item .item-count,
#status-bar .toggle-states,
.extra-page-menu .itm,
.twodo-line .ui-field input, 
.twodo-line .ui-field textarea,
.twodo-new #new-twodo,
.cus-select input,
.twodo-new .input-holder select {
    color: #798879;
}

.extra-page-menu .menu-item .item-count {
    border-color: #798879
}

#status-bar .toggle-states.active {
    color: #a7b3a7;
 }

 
 #status-bar .toggle.toggle-6:before, 
 #status-bar .toggle.toggle-5:before, 
 #status-bar .toggle.toggle-4:before, 
 #status-bar .toggle.toggle-3:before, 
 #status-bar .toggle.toggle-2:before, 
 #status-bar .toggle.toggle-1:before {
    background-color: #a7b3a7;
 }

.twodo-line {
    border-bottom: 1px solid #071e07;
    color: #798879;
}

.twodo-line:hover {
    border-color: #092509;
    background: #081408;
}

.header {
    border-bottom: 1px solid #0c2d0c;
}

.filtering {
    background-color: #061206;
    border: 1px solid #131e13;

}

.filtering .filtering-inner .f-box {
    border-bottom: 1px solid #131e13;
}

.filtering .filtering-inner .f-box .twodo-btn {
    box-shadow: 1px 1px 1px #121212;
    border: 1px solid #131e13;
}

.filtering .filtering-inner .f-box .twodo-btn.active {
    background-color: #223522;
    border-color: #223522;
    box-shadow: inset 1px 1px 2px #00000096;
    color: #000000;
}

#close-filtering {
    background-color: #273327;
    border: 1px solid #273327;
}

#close-filtering:before, 
#close-filtering:after {
    box-shadow: 1px 1px 1px #161616;
}

.extra-page-menu .menu-item.active:after {
    background-color: #060c06;
    box-shadow: inset 0px -1px 5px 0px #000000;
}

.twodo-line .row-label .row-color .row-icon {
    background-color: #394939;
}

.blocker-noti-edits {
    background-color: rgb(19 30 19 / 84%);
}

.notification-content .notification-center .main-input textarea {
    padding: 15px 0px 2px 14px;
    font-size: 15px;
    background-color: #222d22;
    box-shadow: inset -2px -1px 8px #171c17;
    border: 1px solid #283328;
    color: color(srgb 1 1 1 / 0.7);
}

.ui-notification .notification-title {
    color: color(srgb 1 1 1 / 0.7);
}

.notification-content.noti-ios .tab-holder, 
.notification-content.noti-edits .tab-holder, 
.notification-content.noti-settings .tab-holder {
    border: 1px solid #1e271e;
    background-color: #141e14;
    box-shadow: 1px 1px 6px #0e0e0e;
}

.ui-notification .edits {
    border: 1px solid #273327;
    box-shadow: inset -1px -2px 2px rgb(0 0 0 / 17%);
}

.ui-notification .edit-rows {
    border-bottom: 1px solid #273327;
}

.notification-content.noti-edits .edit-tabs-holder {
    margin-top: 10px;
    background-color: #1b251b;
    border-color: #2a332a;
}

.notification-content .edit-tabs.active {
    background-color: #374337;
    opacity: 1;
    color: rgb(255 255 255 / 61%);
}

.notification-content .edit-tabs {
    font-weight: normal;
    color: #808580
}

.notification-content .notification-center .comments-links-share,
.notification-content input {
    border: 1px solid #283328;
    background-color: #141e14;
    box-shadow: inset -2px -2px 4px rgb(0 0 0 / 27%);
}

.notification-content .notification-center .comments-links-share textarea {
    border: 1px solid #d7d7d7;
    background-color: #141e14;
    border-color: #222f22;
    color: #798879
}

.ui-notification .edit-rows .cus-select.no-icon input {
    border-bottom: 1px solid #283328;
}

.notification-content .notification-center .box-field-title {
    color: #8f978f
}

.notification-content .notification-center .ui-notification .actions .notifications-btn,
.notification-content #ufile-label {
    background-color: #8f978f;
    box-shadow: 2px 4px 3px rgb(0 0 0 / 37%);
}

.notification-content.noti-edits .abs-menu .items {
    background-color: #2d352d;
    box-shadow: 1px 1px 1px #0e100e;
    border-color: #3b453b;
    color: #4f5b4f;
    font-weight: bold;
    text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
/* activity panel and agents in dark mode */
.item-thread .act-claim,
.item-thread .act-body {
    background: rgba(255, 255, 255, 0.06);
}
.item-thread .act-line {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}
.item-thread .act-input,
.agent-command {
    background: rgba(255, 255, 255, 0.06);
    color: inherit;
    border-color: rgba(255, 255, 255, 0.15);
}

/* the menu icons are black images: lighten them on the dark theme */
.extra-page-menu .icon img {
    filter: invert(0.75);
}