Jira Dark Flat Revamped by delmor_s

/* ==UserStyle==
@name			Jira Dark Flat Revamped
@namespace		github.com/openstyles/stylus
@version		1.0.0
@description	        Redone Jira Dark Flat style
@author			Delmor_S
@preprocessor   stylus
==/UserStyle== */

@-moz-document url-prefix("http://jira"), url-prefix("https://jira"), domain("jira.atlassian.com") {
:root {
    --textColor: #c3c3c3;
    --descriptionDarkColor: #707070;
    
    --generalBackgroundColor: #1f1f1f;
    --messageDarkColor: #1a1a1a;
    
    --gadgetHeaderColor: #331e67;
    
    --buttonColor: #333;
    --hoverButtonColor: #752ebc;
    --generalButtonColor: #210a43;
    
    --sidebarColor: #101010;
    --blueLinkColor: #8eb6ff;
    --hoverLinkColor: #1c6bf3;
    
    --brightBlueColor: #360b4e;
}

/* Light Text Color #999 */
/* Issue card tab color (bug)*/

.ghx-type-1>div.ghx-grabber {
    background-color: #841f1f !important;
}
/* Issue card tab color (story)*/

.ghx-type-6>div.ghx-grabber {
    background-color: #2e6b31 !important;
}
/* Issue card tab color (task)*/

.ghx-type-3>div.ghx-grabber {
    background-color: var(--hoverButtonColor) !important;
}
html,
body,
html body,
html body.no-title,
.aui-dialog2-content,
.aui-dialog2-header,
.aui-dialog2-footer,
.activity-item-description .user-content,
#page,
#dashboard,
#ghx-header,
#ghx-backlog,
#issue-content,
.aui-dialog,
.activity-item-summary,
.aui-dialog .dialog-page-body,
.aui-page-panel,
.ghx-backlog-container,
#ghx-rabid,
#ghx-header h1,
#ghx-header h2,
#ghx-report-scrollarea,
.ui-popout-detached,
.page-type-split .navigator-group,
.navigator-body,
.navigator-search,
.saved-search-selector,
.jira-dialog .buttons-container,
.jira-dialog .jira-dialog-heading h2,
.jira-dialog .jira-dialog-heading,
.jira-dialog .jira-dialog-content,
.issue-view>.issue-container .issue-header,
.issue-header .issue-header-content>.command-bar,
#ghx-column-header-group.ghx-fixed,
.ghx-column-headers .ghx-column,
.ghx-column-headers .ghx-column>h2,
#project-config-header,
.aui-navgroup-horizontal,
#header .aui-message,
table.aui>tbody>tr,
#content .aui-sidebar+.aui-page-header,
#content .aui-sidebar-submenu+.aui-page-header,
.aui-tabs>.tabs-menu .menu-item.active-tab a:active,
.aui-tabs>.tabs-menu .menu-item.active-tab a,
.aui-tabs>.tabs-menu .menu-item.active-tab a:link,
.aui-tabs>.tabs-menu .menu-item.active-tab a:visited,
.aui-tabs>.tabs-menu .menu-item.active-tab a:focus,
.aui-tabs>.tabs-menu .menu-item.active-tab a:hover,
#ghx-pool,
.workflow-designer,
.ghx-content-container,
.release-report-tab .tab-count,
.release-report-tab a,
.release-report-tab a:hover,
.sprint-module-heading .zephyr-tb-name,
.jira-avatar-picker-trigger:hover,
.project-config-scheme-item .project-config-split-panel,
form.aui option,
form.aui optgroup option,
.ghx-swimlane-header.ghx-selected,
.collapsed-comments .show-more-comments,
.collapsed-comments,
.screen-editor .available-fields,
.tempo .tempo-stalker-content.stalker-content.issue-header-content .aui-page-header,
.content-container{
    background: var(--generalBackgroundColor) !important;
    color: var(--textColor);
}
.ghx-swimlane-header.ghx-selected:after,
.ghx-swimlane-header .ghx-bandaid,
.ghx-swimlane-header.ghx-selected .ghx-bandaid{
	background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.ghx-drag-overlay:before,
.ghx-drag-overlay:after {
    display: none;
}
form.aui optgroup,
.ghx-marker.ui-sortable-helper,
textarea {
    background-color: var(--sidebarColor);
    color: var(--textColor);
    border: none;
}
.ghx-parent-stub,
.ghx-parent-stub .ghx-group {
    background: none;
    border: none;
}
.tempo-calendar #issuetable td:hover,
.tempo-timesheet #issuetable td.tt-nonworking-days, .tempo-calendar #issuetable td.tt-nonworking-days,
.tempo-calendar #issuetable td.tt-nonworking-days a,
.ghx-parent-stub .ghx-group::before{
	background-color: var(--buttonColor);
}
.ghx-parent-stub .ghx-key {
    border-left: 10px solid #ccc;
    color: #ccc;
}
.legend-content,
.piechart-center-secondary,
.activity-item-description,
.activity-item-description .user-content,
.tempo-calendar #issuetable td a.full-date,
#issuetable>tbody>tr>th, .issue-table>tbody>tr>th,
.tempo-report-module tr.level-2 td.nav.sum,
.tempo-timesheet #issuetable thead tr.rowHeader th a,
.tempo-timesheet #issuetable thead tr.rowHeader th,
.ghx-parent-stub .ghx-summary {
    color: var(--textColor);
}
text.piechart-center-secondary{
	fill: var(--textColor);
}
.stuck,
.stuck-bottom,
.stuck *:not(.aui-lozenge):not(.aui-badge):not(.aui-button){
	background: var(--messageDarkColor);
    border-bottom: none !important;
}
#jira .ghx-label-0{
	background: none;
}
.ghx-iconfont.aui-icon.aui-icon-small.aui-iconfont-expanded,
.aui-icon.ghx-iconfont.aui-icon-small.aui-iconfont-more{
	background: none;
}
.ops li .button {
    background: var(--sidebarColor);
    color: var(--textColor);
    border-radius: 0 !important;
    border: none;
}
.release-report-tab.active-tab a,
.release-report-tab:hover a {
    border-bottom-color: var(--textColor);
}
.ghx-plan-band-1 .ghx-issue-compact .ghx-issue-content:after,
#ghx-chart-view > div.legend > div:first-child,
.blender {
    display: none;
}
#add-project-dialog .template,
.aui-page-panel {
    border: none;
}
.legend-item:hover,
.ghx-drag-in-progress .ghx-backlog-container.ghx-open.ghx-target-hover .ghx-no-issues .ghx-helper,
.ghx-drag-in-progress .ghx-backlog-container.ghx-open .ghx-no-issues .ghx-helper {
    background: #101010;
}
.aui-restfultable-row.aui-restfultable-focused td{
	background-color: var(--sidebarColor) !important;
}
.aui-restfultable-readonly.aui-restfultable-movable td{
	background-color: var(--buttonColor) !important;
}
.aui-dialog2.aui-layer[aria-hidden="false"] .aui-dialog2-header,
.aui-dialog2.aui-layer[aria-hidden="false"] .aui-dialog2-footer,
.aui-dialog2.aui-layer[aria-hidden="false"] .aui-dialog2-content {
    border: 1px solid var(--textColor);
}
.tabwrap>.tabs.horizontal,
.tabwrap>.tabs.horizontal>li.active>a,
.tabwrap>.tabs.horizontal>li.active>strong,
.tabwrap>.tabs.horizontal>li>a,
.tabwrap>.tabs.horizontal>li>strong,
.jira-dialog,
.jira-dialog .jira-dialog-heading,
.jira-dialog .buttons-container {
    border-color: #606060;
}
form.aui .button[disabled], form.aui .button[disabled]:hover, form.aui .button[disabled]:focus, form.aui .button[disabled]:active,
.aui-ss>.aui-ss-field.active~.aui-ss-icon.drop-menu,
.jira-multi-select>textarea.active~.icon.drop-menu,
.aui-ss>.aui-ss-icon.drop-menu:active,
.aui-ss>.aui-ss-icon.drop-menu:hover {
    background: #606060;
    border-color: var(--textColor);
}
.aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after,
.aui-buttons .aui-button.aui-button-primary.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after {
    border-top-color: var(--textColor);
}
.editable-field:not(.active):hover,
.editable-field.saving {
    box-shadow: 0 0 0 1px #777;
}
.attachment-content .attachment-delete {
    width: 17px;
}
.ghx-column-headers .ghx-column {
    border-bottom: 5px solid var(--buttonColor);
}
.aui-label,
span.aui-label,
#components-add__component,
.aui-message.hint,
.aui-message-hint,
#dashboard>.tabs.vertical a,
#dashboard>.tabs.vertical li.active,
table.aui>tbody>tr>th,
#releases-add__version,
table.aui>tfoot>tr,
.tabwrap>.tabs.horizontal>li,
.tabwrap>ul.tabs>li a,
.tabwrap>ul.tabs>li a:link,
.tabwrap>ul.tabs>li a:visited {
    background: none;
    color: var(--textColor);
}
.aui-message.info,
.aui-message-info{
	background: var(--messageDarkColor);
    color: var(--textColor);
}
#summary-val {
    padding-bottom: 5px;
}
*:focus {
    outline: none;
}
.tempo .tempo-action-nav .aui-buttons .aui-button,
.iic-widget__issue-type-selector__trigger:active,
.iic-widget__issue-type-selector__trigger.active,
.iic-widget__issue-type-selector__trigger:focus,
.iic-widget__issue-type-selector__trigger:hover,
.ghx-issue-compact.ui-sortable-helper,
.ghx-issue-compact.ui-sortable-helper .ghx-end,
.aui-sidebar-submenu .aui-sidebar-footer,
.ghx-marker,
body#tinymce,
.ghx-columns .ghx-column {
    background: var(--buttonColor);
}
.preformatted, 
.code,
.issue-data-block.collapsed,
.screen-editor .available-fields #field-picker-single-select, .screen-editor .available-fields #field-picker-field,
.tempo .tempo-action-nav .aui-buttons .aui-button:hover,
.tempo-calendar #issuetable td.tt-nonworking-days a:hover,
.tempo-calendar #issuetable td.tt-nonworking-days:hover,
.tempo-calendar #issuetable td.tt-nonworking-days:hover a,
#add-project-dialog .template.selected,
form#issue-filter .check-list-item.active,
form.aui .check-list-item.active,
.check-list-item.active,
.check-list-group-footer.active,
.query-component .search-container[data-mode="advanced"] .atlassian-autocomplete .search-entry,
.ghx-issuetable .issuerow:hover,
.links-list dd:hover,
.details-layout .split-view .list-results-panel .list-panel .issue-list>li.focused,
#issuetable>tbody>tr,
.issue-table>tbody>tr,
#issuetable>tfoot>tr,
.issue-table>tfoot>tr,
#issuetable,
.issue-table,
.workflow-designer .actions,
.screen-editor .aui-restfultable-create tr.aui-restfultable-focused:hover td,
.screen-editor .aui-restfultable-create tr.aui-restfultable-focused td,
#project-config-panel-roles table.aui tbody tr:hover,
table.aui.aui-table-rowhover>tbody tr:hover,
table.aui.aui-restfultable>thead>tr>th,
.aui-restfultable-allowhover tr.aui-restfultable-focused td,
.aui-restfultable-allowhover tr:hover td,
table.aui.ghx-hover-highlight tbody tr:hover,
#activity-stream-show-more:hover,
.dynamic-table tr:hover,
.ghx-classification-item.ghx-selected,
.ghx-classification-item:hover,
.ghx-ide-menu>li:hover,
.item-attachments .attachment-content:hover,
...