Skip to content

Jira Dark Gray Custom-Divya by div661

Write a review Install Get Stylus

Details

Authordiv661

LicenseNo License

Category.*.atlassian.net/browse.* ,.*.atlassian.net/issues.* , .*.atlassian.net/jira.* ,.*.atlassian.net/projects.* ,.*.atlassian.net/secure.*

Created

Updated

Size18 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

the JIRA borad tasks status boxes bgColor as set to gray

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Jira Dark Gray
@namespace    github.com/aalvarado
@version      1.12.0
@license      BSD
@author       @aalvarado
@preprocessor default

==/UserStyle== */
@-moz-document regexp(".*.atlassian.net/jira.*"),
regexp(".*.atlassian.net/browse.*"),
regexp(".*.atlassian.net/secure.*") {
    header[role="banner"],
    [data-testid="Content"],
    html,
    body {
        background-color: #333 !important;
    }

    header a span,
    .dqyfbQ,
    .css-pjv25p,
    .jRBaLt {
        color: #8ec4fd;
    }

    .aZwtJ {
        box-shadow: none;
        margin: 0px;
    }

    .iuihaW {
        margin: 0px;
    }

    /* issue change droddown */
    .jRBaLt:hover {
        color: #bdddff;
    }

    /* gh branches */
    [data-test-id="issue.views.issue-base.context.context-items"] a[tabindex] div {
        color: #8ec4fd;
    }

    /* issue fields for react dropdowns */
    [class^='FieldBaseWrapper'] [tabindex] {
        background-color: #333 !important;
        border-color: transparent !important;
    }

    [class^='FieldBaseWrapper'] [tabindex]:hover {
        background-color: #444 !important;
    }
    [class^='FieldBaseWrapper'] div {
        color: #ccc;
        background-color: #333 !important;
    }

    [class^='FieldBaseWrapper'] [tabindex] span + span {
        color: #8ec4fd;
    }


    /* translucent background when story is open in modal */
    .igoDWs {
        background-color: rgba(50, 70, 70, 0.64);
    }

    h1,
    h1 *,
    h2,
    h2 *,
    h3,
    h3 *,
    h4,
    h4 *,
    h5,
    h5 *,
    h6,
    h6 * {
        color: #8ec4fd !important;
    }

    svg {
        color: #8ec4fd;
    }

    span[role="presentation"] {
        fill: #8ec4fd;
    }

    header button span {
        color: #8ec4fd;
    }
    #ghx-swimlane-header-stalker,
    #ghx-column-header-group.ghx-fixed {
        background-color: #333;
    }

    .ghx-issue,
    .adg3 .js-issue.ghx-selected,
    .adg3 .js-issue.ghx-selected .ghx-items-container {
        background-color: #333;
    }

    .adg3 .js-issue.ghx-selected,
    .adg3 .js-issue.ghx-selected .ghx-items-container {
        background-color: #1c2c37;
    }

    .adg3 .ghx-issue-compact:hover,
    .adg3 .ghx-issue:hover {
        background-color: #444;
    }

    .ghx-swimlane-header::after {
        background: none;
        box-shadow: none;
    }

    .adg3 .ghx-summary,
    .adg3 .ghx-summary .ghx-inner {
        color: #8ec4fd;
    }

    [data-testid="atlassian-navigation--primary-actions"]:after {
        background: none;
    }

    [data-test-id="issue.views.issue-base.context.context-items.primary-items"] button {
        background-color: #333 !important;
    }


    /* Main area */
    [data-test-id="software-board.board"],
    .aui-page-panel,
    #ghx-pool,
    [data-ds--page-layout--slot="main"] {
        background-color: #333;
        color: #ddd;
    }

    /* Swimlane columns */
    .adg3 .ghx-column-headers .ghx-column,
    .adg3 .ghx-columns .ghx-column {
        background-color: #222;
    }

    .adg3 .ghx-columns {
        margin-top: .4em;
    }
    .adg3 .ghx-columns .ghx-column {
        padding-top: .1em;
    }

    /* Swimlane headers */
    .ghx-swimlane-header {
        background-color: #333 !important;
        border: 1px solid #444;
    }

    .ghx-swimlane-header .ghx-expander {
        left: 1em;
    }

    .ghx-swimlane-header .ghx-heading {
        margin-left: 1.6em;
    }
    .ghx-heading span {
        color: #bbb !important;
    }

    /* sub tasks */
    .adg3 .ghx-column .ghx-parent-group {
        background-color: #555;
    }

    /* subtask parent task label */
    .adg3 .ghx-key {
        color: #ddd;
    }

    /***
     * Left-hand Nav
    ***/
    /* remove top white border */
    .css-1u84ut1,
    .css-77arw9::after {
        background: #222;
    }

    .css-ac0tta::before,
    .css-77arw9::before {
        background: #333 !important;
    }

    .css-cdxr6t {
        background-color: #444;
    }

    [data-testid="ContextualNavigation"] div:first-child {
        background-color: #333;
        color: #8ec4fd;
    }

    [role="presentation"] [data-testid="NavigationItem"] {
        background-color: #333;
    }

    [data-test-id="software-board.board-area"] section div {
        background-color: #333;
    }

    section div[data-rbd-droppable-context-id] {
        background-color: #222;
    }

    [data-test-id="software-board.board-area"] section span {
        color: #ccc;
    }

    section div[data-test-id="platform-board-kit.common.ui.column-header.header.column-header-container"] div {
        background-color: #222;
    }

    [role="dialog"],
    .ghx-issue-compact,
    .ghx-issue-compact .ghx-end {
        background-color: #333;
        color: #ccc;
    }

    [role="presentation"] a {
        color: #8ec4fd;
    }

    [role="presentation"] p {
        color: #ccc;
    }

    .llCsQv:hover {
        background-color: #222;
    }

    [data-rbd-draggable-context-id] {
        background-color: #444;
    }

    .dKslwV {
        background-color: #333;
    }

    .hQVuBn {
        background-color: #444;
    }

    .jODjkq,
    .ak-editor-content-area {
        background-color: #111;
    }

    [data-test-id="issue.views.issue-details.issue-layout.left-most-column"],
    [data-test-id="issue.views.issue-details.issue-layout.right-most-column"],
    .sc-hMapFE.hDMqWg,
    .css-4rxc6l,
    #jira-issue-header {
        background-color: #222;
    }

    [data-test-id="profilecard-next.ui.profilecard.profilecard-trigger"] div,
    .llCsQv,
    .cfYUOi {
        color: #aaa;
    }

    ::marker {
        color: #ccc !important;
    }

    .hKALUX {
        background-color: transparent;
    }

    .css-ojvx30 {
        padding: 10px;
    }

    .ReactVirtualized__Grid__innerScrollContainer {
        background-color: rgb(125, 126, 128) !important;
    }

    .css-821jbb a {
        padding: 5px 8px;
        border-radius: 5px;
        color: #8ec4fd !important;
    }

    /* comment editor */
    /* Doesn't have any data property or anything else :/ */
    [data-test-id="issue.activity.comments-list"] + span > div > div {
        background-color: #333;
        padding: 10px;
    }

    [data-test-id="issue.activity.comment"],
    .akEditor {
        background-color: #333;
    }

    .fZTloP {
        color: #ccc;
    }

    [data-test-id="issue.activity.comment"],
    .akEditor > div {
        background-color: #333;
    }

    [data-test-id="issue.activity.comment"] input,
    #create-issue-dialog .jira-dialog-heading,
    #edit-issue-dialog .jira-dialog-heading,
    .jira-dialog .jira-dialog-content,
    #create-issue-dialog .form-body,
    #create-issue-dialog .form-footer,
    #edit-issue-dialog .form-body,
    #edit-issue-dialog .form-footer,
    .ghx-backlog-container {
        background-color: #222;
        color: #ccc;
    }

    nav > div::after {
        background: #333 !important;
    }

    nav a,
    nav a div,
    nav button,
    nav button div {
        background-color: #444 !important;
    }

    nav a {
        margin-bottom: 6px;
    }

    nav a:last-child {
        margin-bottom: 0px;
    }

    nav div[data-section="true"] {
        background-color: #222;
        padding: 0px 6px 6px 6px;
        margin-bottom: 6px;
        border-radius: 6px;
    }

    nav button + a {
        margin-top: 10px;
    }

    [data-placement="bottom-start"] {
        background-color: #444;
        padding: 10px;
        box-shadow: -3px 3px 1px #00000850;
    }

    .jira-dialog-heading {
        width: auto;
    }

    .jira-dialog-content {
        border-top: 10px solid #333;
    }

    .adg3 .js-issue.ghx-issue-compact:hover,
    .adg3 .js-issue.ghx-issue-compact:hover .ghx-items-container {
        background-color: #444;
    }

    /* "Active Sprints" header row buttons */
    #ghx-quick-filters > ul > li > button,
    /* quick filters main toggle */
    .complete-sprint-container > button,
    /* "complete sprint" btn */
    .ghx-view-section > button {
        /* "..." board menu */
        background-color: #444;
    }

    #ghx-quick-filters > ul > li > button:hover,
    .complete-sprint-container > button:hover,
    .ghx-view-section > button:hover {
        background-color: #555;
    }

    #ghx-quick-filters > ul > li > button span,
    #ghx-quick-filters > ul > li > button,
    .complete-sprint-container > button,
    .ghx-view-section > button span {
        color: #8ec4fd !important;
    }

    #ghx-quick-filters > ul:first-child > li:first-child {
        padding-right: 0;
    }

    #ghx-quick-filters > ul:first-child > li:last-child {
        margin-top: 0 !important;
    }

    #ghx-quick-filters > ul:first-child > li:last-child::before {
        content: unset;
    }

    #ghx-quick-filters > ul > li button {
        padding: 0 10px;
    }

    form.aui input[type="text"],
    form.aui .multi-select,
    form.aui .password,
    form.aui .select,
    form.aui .text,
    form.aui .textarea,
    form.aui .upfile {
        background-color: #171717;
        color: #ccc;
    }

    form.aui input[type="text"]:hover,
    form.aui .multi-select:hover,
    form.aui .password:hover,
    form.aui .select:hover,
    form.aui .text:hover,
    form.aui .textarea:hover,
    form.aui .upfile:hover,
    form.aui .multi-select:focus,
    form.aui .password:focus,
    form.aui .select:focus,
    form.aui .text:focus,
    form.aui .textarea:focus,
    form.aui .upfile:focus {
        background-color: #111;
        color: #ccc;
    }

    form.aui .field-group div.checkbox label,
    form.aui .field-group div.radio label,
    form.aui fieldset.group div.checkbox label,
    form.aui fieldset.group div.radio label {
        color: #8ec4fd;
    }

    .adg3 .ghx-issue-compact.ghx-flagged,
    .adg3 .ghx-issue.ghx-flagged {
        background-color: #2d2c1e;
    }

    /* Issue - right hand column */
    #jira-issue-header-actions {
        background: transpa...

Reviews

No reviews yet.