Skip to content

Instantly share code, notes, and snippets.

@cookieguru
Last active February 5, 2016 19:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cookieguru/df13afb07bb48c8d6116 to your computer and use it in GitHub Desktop.
Save cookieguru/df13afb07bb48c8d6116 to your computer and use it in GitHub Desktop.
Jira Black CSS stylesheet
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("jira.example.com") {
.aui-lozenge {
text-transform: none !important;
}
#dashboard,
#footer-logo,
#issue-content,
#issuetable > tbody > tr,
#issuetable > tfoot > tr,
#issuetable,
#splitter div#splitter-content,
*[bgcolor='#FFFFFF'],
.ajs-layer,
.aui-dd-parent .aui-dropdown a.item-link:link,
.aui-dd-parent .aui-dropdown a.item-link:visited,
.aui-dd-parent .aui-dropdown li.dropdown-item,
.aui-dd-parent .aui-dropdown li.dropdown-item,
.aui-dd-parent .aui-dropdown,
.aui-dd-parent .aui-shadow-parent,
.aui-dropdown a.item-link:link,
.aui-dropdown a.item-link:visited,
.aui-dropdown li.dropdown-item,
.aui-dropdown li.dropdown-item,
.aui-dropdown,
.aui-dropdown2.aui-style-default,
.aui-group,
.aui-inline-dialog .contents,
.aui-page-panel,
.collapsed-comments .show-more-comments,
.collapsed-comments,
.gadget .dashboard-item-content,
.gadget form.aui,
.issue-body-content .module > .mod-header .ops,
.issue-body-content .module > .mod-header > h1,
.issue-body-content .module > .mod-header > h2,
.issue-body-content .module > .mod-header > h3,
.issue-body-content .module > .mod-header > h4,
.issue-body-content .module > .mod-header > h5,
.issue-body-content .module > .mod-header > h6,
.issue-data-block.collapsed,
.issue-header .issue-header-content > .command-bar,
.issue-table > tbody > tr,
.issue-table > tfoot > tr,
.issue-table,
.jira-dialog .jira-dialog-content,
.navigator-body,
.page-type-split .navigator-group,
.query-component .search-container[data-mode="advanced"] .atlassian-autocomplete .search-entry,
.results-panel .no-results.no-results-message,
.split-view #stalker,
.split-view .issue-header,
.tabwrap > .tabs.horizontal > li,
.tabwrap > .tabs.horizontal > li.active > a,
.tabwrap > .tabs.horizontal > li.active > strong,
form.aui .multi-select, form.aui .aui-select2-container,
form.aui .password,
form.aui .select,
form.aui .text,
form.aui .textarea,
form.aui .upfile,
html body,
input,
option,
select,
table.aui > tbody > tr,
table.aui > tfoot > tr {
background-color: #000 !important;
}
select {
color:#FFF;
}
.tabwrap > .tabs.horizontal > li.active > a,
.tabwrap > .tabs.horizontal > li.active > strong {
border-bottom-color: #777;
}
.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-yellow {
background-color: #ffd351;
}
.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-green {
color: #000;
background-color: #14892c;
}
.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-warm-red {
background-color: #d04437 !important;
color: #FFF;
}
.editable-field .overlay-icon,
.editable-field:hover,
.issue-data-block:hover {
background-color: #0F0F0F;
}
.issue-header.detached {
box-shadow: 0 0 15px 5px #222;
}
.aui-badge {
background-color: rgba(255, 255, 255, 0.2);
}
#issuetable > thead .active,
#issuetable > thead .sortable:hover,
.aui-restfultable-allowhover tr:hover td,
.issue-header,
.issue-table > thead .active,
.issue-table > thead .sortable:hover,
.layout .column .placeholder,
.layout .column.empty .empty-text,
.navigator-search,
.saved-search-selector,
.ui-popout-detached,
.ui-popout-detached::after,
body {
background-color: #0A0A0A;
}
.aui-button,
.aui-button:visited,
.aui-toolbar .aui-dd-parent a.aui-dd-trigger,
.aui-toolbar .toolbar-group .toolbar-trigger,
a.aui-button {
background: linear-gradient(to bottom, #000 0px, #0D0D0D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #CCC;
text-shadow: 0 1px 0 #000;
border-color: #555;
}
.aui-button-subtle.aui-button:focus,
.aui-button-subtle.aui-button:hover,
.aui-button:focus, .aui-button:hover,
.operations > li:focus,
.operations > li:hover {
background: linear-gradient(to bottom,#000 0,#080808 100%);
color: #FFF;
border-color:#777;
}
.operations > li {
text-shadow: 0 1px 0 #000;
}
.tabwrap > ul.tabs > li a,
.tabwrap > ul.tabs > li a:link,
.tabwrap > ul.tabs > li a:visited {
background-color: #111;
}
*[bgcolor='#F0F0F0'],
.item-attachments .attachment-content:hover,
.jira-dialog .buttons-container,
.jira-dialog .jira-dialog-heading {
background-color: #0F0F0F;
}
.aui-list a:link,
.aui-list a:visited,
.query-component .search-container[data-mode="advanced"] .atlassian-autocomplete .search-entry,
body,
form.aui .aui-select2-container,
form.aui .multi-select,
form.aui .password,
form.aui .select,
form.aui .text,
form.aui .textarea,
form.aui .textarea,
form.aui .upfile,
h1,
h2,
h3,
h4 {
color: #CCC;
}
.aui-toolbar .aui-dd-parent .aui-dd-trigger:focus,
.aui-toolbar .aui-dd-parent .aui-dd-trigger:hover,
.aui-toolbar .aui-dropdown2-trigger.toolbar-trigger.active,
.aui-toolbar .toolbar-group .active .toolbar-trigger:hover,
.aui-toolbar .toolbar-group .toolbar-trigger:focus,
.aui-toolbar .toolbar-group .toolbar-trigger:hover,
.aui-toolbar .toolbar-group button:focus,
.aui-toolbar .toolbar-group button:hover,
.aui-toolbar .toolbar-splitbutton:hover .toolbar-trigger {
background: linear-gradient(to bottom, #000 0px, #080808 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #FFF;
}
.issue-data-block.focused {
background-color: #1F0F00;
}
.attachment-content .blender {
display: none;
}
.operations > li > .active {
background-color: #0D0D0D;
color:#FFF;
}
#content .aui-page-panel-nav .tabs.vertical a:focus,
#content .aui-page-panel-nav .tabs.vertical a:hover,
.filter-list > li.hover,
.filter-list > li:hover,
.links-list dd:hover,
.recipients li:hover {
background-color: #191919 !important
}
#activity-stream-show-more:hover {
background-color: #060606;
}
.jira-multi-select > .representation .item-row > .value-item,
ul.labels li .lozenge {
background-color: #0A0A1A;
border-color: #333;
color: #5B93CF;
}
#issuetable .parentIssue,
.issue-table .parentIssue {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAbdEVYdGppcmEtc3lzdGVtLWltYWdlLXR5cGUAaWNvbroqOUUAAAB6SURBVBiVfY6xEcJAEAP3Gee4BDrBJVACkXJ3QvqqwiWYSjAdQAVPYnsefPiS09yspEulFPamWURKCQBJJ+AB9Dnn2yEwXeY9APwDnranDSCpBc6LO0r4io+ADnjbHvcShvqwApI64AiMIRD1R8Dd9qsGmkpfgennJz7SxR040UYMMwAAAABJRU5ErkJggg==);
}
.issue-link.parentIssue {
opacity: 0.5;
}
.navigator-search,
.saved-search-selector {
border-color: #191919;
}
.filter-panel-section,
.navigator-body,
.navigator-sidebar {
border-color: #222;
}
#activity-stream-show-more,
#attachment_thumbnails .attachment-content,
#file_attachments + #attachment_thumbnails,
#issue-tabs,
#issuetable > tbody > tr > td,
#issuetable > tbody > tr > th,
#issuetable > tbody > tr:first-child > td,
#issuetable > tbody > tr:first-child > th,
#issuetable > tfoot > tr > td,
#issuetable > tfoot > tr:first-child > td,
#issuetable > thead > tr > td,
#issuetable > thead > tr > th,
.ajs-layer,
.aui-dd-parent .aui-dropdown, .aui-dropdown,
.aui-dd-parent .aui-shadow-parent,
.aui-dropdown2.aui-style-default,
.aui-list .aui-list-section + .aui-list-section,
.aui-list .aui-list-section + h5,
.aui-page-panel,
.aui-page-panel-nav,
.aui-style-default .aui-dropdown2-section + .aui-dropdown2-section,
.collapsed-comments .collapsed-comments-line,
.collapsed-comments,
.editable-field .overlay-icon,
.gadget .dashboard-item-content,
.gadget .dashboard-item-header,
.issue-data-block,
.issue-header .issue-header-content > .command-bar,
.issue-link-oauth-toggle,
.issue-table > tbody > tr > td,
.issue-table > tbody > tr > th,
.issue-table > tbody > tr:first-child > td,
.issue-table > tbody > tr:first-child > th,
.issue-table > tfoot > tr > td,
.issue-table > tfoot > tr:first-child > td,
.issue-table > thead > tr > td,
.issue-table > thead > tr > th,
.jira-dialog .buttons-container,
.jira-dialog .dialog-menu-group,
.jira-dialog .jira-dialog-heading,
.jira-dialog,
.links-list + .links-list,
.links-list dd,
.module + .module,
.navigator-issue-only .issue-body-content,
.ops li.drop,
.query-component .search-container[data-mode="advanced"] .atlassian-autocomplete .search-entry,
.tabpanel-modules-top + .tabpanel-modules-split,
.tabwrap > .tabs.horizontal > li > a,
.tabwrap > .tabs.horizontal > li > strong,
.tabwrap > .tabs.horizontal > li.active > a,
.tabwrap > .tabs.horizontal > li.active > strong
.versions-list .version-block-container,
form.aui .aui-select2-container .select2-choices,
form.aui .multi-select,
form.aui .password,
form.aui .select,
form.aui .text,
form.aui .textarea,
table.aui > tbody > tr,
table.aui > tbody > tr:first-child > td,
table.aui > tbody > tr:first-child > th,
table.aui > tfoot > tr,
table.aui > tfoot > tr:first-child > td,
table.aui > thead {
border-color: #333;
}
.filter-list > li .filter-link.active + .filter-actions,
.filter-list > li .filter-link:active + .filter-actions,
.filter-list > li .filter-link:focus + .filter-actions,
.filter-list > li .filter-link:hover + .filter-actions {
background-color: #444;
}
.activity-item,
.date-header {
border-color: #151515;
}
.activity-item-grouped .activity-item-summary {
border-color: #111;
}
#issuetable > tbody > tr:hover,
.issue-table > tbody > tr:hover,
tr.issuerow:hover {
background-color: #113 !important;
}
.qf-form-operations .toolbar-group .toolbar-item .toolbar-trigger {
border-color: #666 !important;
}
.gadget.color1 > .gadget-hover > .dashboard-item-content {
.gadget.color1 > .gadget-hover > .dashboard-item-header,
border-color: #385555;
}
#issuetable + div + .aui-group.count-pagination,
.gadget #issuetable {
margin: 0;
}
.aui-ss > .aui-ss-icon.drop-menu,
.jira-multi-select > .icon.drop-menu,
form.aui .button {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000000 0%, #0D0D0D 100%) repeat scroll 0 0;
border-color: -moz-use-text-color;
}
.aui-ss > .aui-ss-icon.drop-menu:focus,
.aui-ss > .aui-ss-icon.drop-menu:hover,
.jira-multi-select > .icon.drop-menu:focus,
.jira-multi-select > .icon.drop-menu:hover,
form.aui .button:focus,
form.aui .button:hover {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000 0px, #080808 100%) repeat scroll 0 0;
border-color: #666;
color: #DDD;
}
form.aui .button {
color: #666;
text-shadow: 0 1px 0 #000;
}
form.aui .aui-select2-container .select2-choices,
form.aui .multi-select,
form.aui .password,
form.aui .select,
form.aui .text,
form.aui .textarea {
border: 1px solid #333;
box-shadow: 0 1px 3px #333 inset;
}
.activity-item-description blockquote {
background: #1F0F00;
border-color: #3D2610;
color: #DDD;
}
.issue-body-content .module>.mod-header{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAYSURBVAiZY/j//z8Dg7Gx8X+G////MwAAOqEHkzI6f48AAAAASUVORK5CYII=) repeat-x scroll 0 10px;
}
.editable-field:hover {
box-shadow: 0 0 0 1px #333;
}
.jira-icon-add,
.ui-sidebar {
filter: invert(100%);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment