Dark mode for Jira

jira-dark.css

body {
    --bgColor: #111;
    --textColor:rgb(201, 208, 221) ;
    --infoColor: rgba(201, 208, 221, .7) ;
    --titleColor: rgb(133,153,187);
    --linkColor: rgb(57,114,198);
    --buttonBGColor: #444547;
    --buttonColor: rgb(201,228,221);
    --buttonBGColorHover: #72829e;
    --itemBGColor: #272524;
    --itemBGColorHover: #373534;
    --itemBGColorFocused: #343537;
    background-color:var(--bgColor);
    color: var(--textColor);
}

a, button, :hover {
    transition: background-color .2s ease-in-out;
}
a {
    color: var(--linkColor);
}
.page-type-split [class*="navigator-"],
.split-view .issue-header,
.split-view #stalker,
.issue-header .issue-header-content > .command-bar,
table.aui.aui,
#issue-content,
table.aui.aui.aui tr, 
.issue-view > .issue-container .issue-header,
.issue-body-content .module > .mod-header.mod-header > *, 
.aui-page-header,
.aui-page-panel,
.aui-page-panel-nav,
form.aui .buttons-container,
.tabwrap > .tabs.horizontal > li{
    background-color: inherit;
    color: inherit;
}
.adg3 .details-layout .split-view .simple-issue-list .list-panel .issue-list li a {
    color: var(--textColor);
}
.adg3 .details-layout .split-view .simple-issue-list .list-panel .issue-list li.focused {
    background-color:var(--itemBGColorFocused);
}
.adg3 .issue-data-block.focused, 
.adg3 .issue-data-block:hover,
.adg3 .editable-field:hover, 
.adg3 .editable-field:hover > span,
.adg3 #linkingmodule .links-list dd:hover,
.adg3 .issuePanelWrapper .collapsed-comments,
table.aui.aui.aui tr.focused,
table.aui.aui.aui tr:hover{
    background-color: var(--itemBGColorFocused);
}

.aui-toolbar .toolbar-group .toolbar-trigger,
.aui-button, 
.aui-button:visited, 
a.aui-button{
    background-color: var(--buttonBGColor);
    color: var(--buttonColor);
}

.aui-button-subtle.aui-button:hover,
.aui-button:hover,
.aui-buttons .aui-button:not(.aui-button-primary):not(.aui-button-link):hover,
.aui-theme-default .aui-button.aui-button-subtle:hover {
    background-color: #87888c;
}
.adg3 .tabwrap > ul.tabs > li a,
.adg3 .tabwrap > ul.tabs > li a:link{
    background-color: var(--bgColor);
    color: var(--textColor)
}

.tabwrap > .tabs.horizontal > li.active > a,
.tabwrap > .tabs.horizontal > li.active > strong,
.adg3 .tabwrap > ul.tabs > li.active > strong{
    background-color: var(--itemBGColorFocused);
    border-bottom-color: var(--itemBGColorFocused);
}

.adg3 .tabwrap > ul.tabs > li a:focus,
.adg3 .tabwrap > ul.tabs > li a:hover,
.adg3 .tabwrap > ul.tabs > li a:visited {
    background-color: var(--itemBGColorHover);
}

.aui-toolbar .toolbar-group .toolbar-trigger:hover,
.aui-button:hover,
.aui-button:visited:hover,
a.aui-button:hover{
    background-color: #bbbcd0;
}

form.aui .text, 
form.aui .password, 
form.aui .textarea {
    background-color: var(--itemBGColorFocused);
    color: #efefef;
}
form.aui .text:hover, 
form.aui .password:hover, 
form.aui .textarea:hover {
    background-color: var(--itemBGColor);
}
.adg3 .issuePanelWrapper .collapsed-comments .collapsed-comments-line,
.adg3 .aui-button.aui-dropdown2-trigger{
    border-bottom-color: #414750
}

.adg3 .aui-page-header #summary-val {
    color: var(--titleColor);
}

.aui-icon {
    background-color: transparent;
}
.issue-body-content .module > .mod-header .ops {
    background-color: inherit;
}

.adg3 .issue-body-content time {
    color: #374b6d;   
}

.css-gim7cw, 
[data-test-id*="navigation-next."] > div,
.css-t7y1k0[class],
.css-1x95dtn[class]{
    background-color: rgb(44, 52, 62);
}

.css-1uo8dyi[class] {
    background-color: rgb(64, 72, 82);
}

.adg3 .issue-body-content time {
    color: var(--infoColor);
}