/**
   Dark theme of ActivityTimeline app.
 */

/*@media (prefers-color-scheme: dark) {
  ...
}*/

.darkTheme body {
    filter: hue-rotate(180deg) invert(90%);
    background-color: rgb(29, 32, 31) !important;
}
.darkTheme img,
.darkTheme video,
.darkTheme .emoji {
    filter: hue-rotate(-180deg) invert(92%);
}
.darkTheme .reportSectionImage {
    filter: drop-shadow(0px 1px 3px rgba(12, 33, 69, 0.12)) brightness(0.94);
}
.darkTheme #mainNorthPanel {
    filter: hue-rotate(-180deg) invert(100%) brightness(1.4);
}
.darkTheme .avatarBlock .user-menu-image .user-avatar,
.darkTheme .setupWizardBody__video,
.darkTheme .setupWizardBody__wrapper,
.darkTheme .productTourPopup,
.darkTheme .productTourPlanImage {
        filter: hue-rotate(-180deg) invert(100%);
}
.darkTheme #mainNorthPanel .imageButton,
.darkTheme .screenshot {
    filter: invert(7%);
}

.darkTheme .fc-event,
.darkTheme .tooltipColorBlock {
    filter: brightness(0.90);
}
.darkTheme .issueImage,
.darkTheme .darkImageInverted {
    /* This will preserve an image in an inverted color on dark theme */
    filter: none;
}

.darkTheme .eb-locked-tab-tooltip {
    filter: hue-rotate(-180deg) invert(92%);
}

.darkTheme #bulkAssignActionPanel .ui-tabs .ui-tabs-nav,
.darkTheme #bulkAssignActionPanel ul,
.darkTheme .actionPanelCustomCss > li,
.darkTheme .issuePanel,
.darkTheme .milestonesToggleLabel:hover,
.darkTheme .workload .workloadIndicator,
.darkTheme .backgroundStyle,
.darkTheme #worklogDialogContainer .ui-tabs .ui-tabs-nav,
.darkTheme #worklogDialogContainer ul,
.darkTheme #estimateDialogTabs .ui-tabs .ui-tabs-nav,
.darkTheme #estimateDialogTabs ul,
.darkTheme #issueActionPanel ul,
.darkTheme .dasboardContainer,
.darkTheme .content,
.darkTheme .button-group-wrap .ui-button,
.darkTheme .teamChooser .ui-multiselect,
.darkTheme .ui-icon-background,
.darkTheme .ui-state-active .ui-icon-background,
.darkTheme #toast-container > div,
.darkTheme .qtip-bootstrap,
.darkTheme .tabSubButton.selectedTab,
.darkTheme .inlineButton,
.darkTheme #show-all-worklogs,
.darkTheme .tourFooter,
.darkTheme .setupWizardBody,
.darkTheme .trackLeftFilters,
.darkTheme .dropDownMenu .launcher,
.darkTheme #wrap_site,
.darkTheme .editIssuePartBody,
.darkTheme .select2-choice,
.darkTheme .select2-choices,
.darkTheme .select2-dropdown-open .select2-choice,
.darkTheme .select2-dropdown-open .select2-choices,
.darkTheme .select2-dropdown-open.select2-drop-above .select2-choice,
.darkTheme .select2-dropdown-open.select2-drop-above .select2-choices,
.darkTheme .dashboardSelectorBlock,
.darkTheme .ui-widget-content,
.darkTheme .ui-widget-content,
.darkTheme .ui-widget-overlay,
.darkTheme .ui-widget-overlay.ui-widget-overlay-tour,
.darkTheme .ui-accordion .ui-accordion-header-active span.productTourImg,
.darkTheme .tabulator
{
    /*background-color: #FFFFFF;*/
    /*background-color: #f8f5ee;*/
}

.darkTheme #timelineModeDropDown {
    display: none;
}
.darkTheme .tabButton.selectedTab a {
    color: #0052cc;
}
.darkTheme .logo {
    filter: brightness(0.95);
}
.darkTheme #footer {
    background-color: #b9b9b9;
}
.darkTheme .aggregateImg {
    border-color: #333333;
}
.darkTheme a {
    /*color: #ff6702;*/
}