Skip to content

Atlassian Dark Blue/Gray by zelch

Details

Authorzelch

LicenseBSD

Categoryatlassian.net bitbucket.org

Created

Updated

Size77 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode for Atlassian products, including Bitbucket, Confluence, and tweaks for JIRA's dark mode.

Notes

Please raise issues on Github.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
 * @name         Atlassian Dark Blue/Gray
 * @namespace    github.com/zelch
 * @version      1.15.1
 * @license      BSD
 * @author       @zelch
 * @preprocessor less
 *
 * ==/UserStyle== */
@-moz-document regexp(".*.atlassian.net/secure.*"),
regexp(".*.bitbucket.org/.*"),
regexp("https://awesome-graphs.stiltsoft.net/.*"),
regexp("https://bitbucket-pipelines.prod.public.atl-paas.net/.*"),
regexp("https://id.atlassian.com/.*") {
    :root {
        --background-transparentNeutral-hover: #229;
        --ds--code--line-number-bg-color: #668;
        --ds--code--line-number-color: #f00;
        --ds-UNSAFE_util-transparent: transparent;
        --ds-background-accent-gray-subtler: #224;
        --ds-background-accent-gray-subtlest: #555;
        --ds-background-accent-yellow-subtlest: #330;
        --ds-background-brand: #114;
        --ds-background-danger-bold: #822;
        --ds-background-danger: #611;
        --ds-background-default: #333;
        --ds-background-discovery-hovered: #0b1628;
        --ds-background-discovery: #44f;
        --ds-background-information: #114;
        --ds-background-input-hovered: #000;
        --ds-background-input-pressed: #339;
        --ds-background-input: #225;
        --ds-background-inverse-subtle: #313;
        --ds-background-neutral-hovered: #33a;
        --ds-background-neutral-subtle-hovered: #44a;
        --ds-background-neutral-subtle: #335;
        --ds-background-neutral: #335;
        --ds-background-selected-hovered: #229;
        --ds-background-selected: #117;
        --ds-background-subtleBorderedNeutral-resting: #446;
        --ds-background-subtleBrand-resting: #229;
        --ds-background-subtleDanger-resting: #411;
        --ds-background-subtleNeutral-hover: #558;
        --ds-background-subtleNeutral-resting: #00f2;
        --ds-background-success: #141;
        --ds-background-warning: #440;
        --ds-border-focused: #55f;
        --ds-border-input: #44a;
        --ds-border-neutral: #11a;
        --ds-border: #888;
        --ds-icon-danger: #f80;
        --ds-icon-information: #38f;
        --ds-icon-success: #0e0;
        --ds-icon: #bbb;
        --ds-iconBorder-brand: #88f;
        --ds-iconBorder-danger: #f00;
        --ds-link-active: #ae74ff;
        --ds-link-pressed: #ae74ff;
        --ds-link: #8ec4fd;
        --ds-shadow-overlay: 0 8px 16px -4px #99f;
        --ds-shadow-raised: 0 0px 1px 1px #668;
        --ds-surface-overlay: #335;
        --ds-surface-raised-hovered: #446;
        --ds-surface-raised: #224;
        --ds-surface-sunken: #113;
        --ds-surface: #335;
        --ds-text-accent-blue: #55f;
        --ds-text-accent-green: #0d0;
        --ds-text-accent-purple: #ee00ee;
        --ds-text-accent-teal: #0ee;
        --ds-text-brand: #0ff;
        --ds-text-disabled: #888;
        --ds-text-discovery: #eee;
        --ds-text-highEmphasis: #eef;
        --ds-text-information: #aaf;
        --ds-text-inverse: #fff;
        --ds-text-lowEmphasis: #ddd;
        --ds-text-mediumEmphasis: #ddf;
        --ds-text-selected: #eee;
        --ds-text-subtle: #bbb;
        --ds-text-subtlest: #99a;
        --ds-text-success: #6b6;
        --ds-text: #ccc;
        --text-highEmphasis: #eef;
    }

    /* Bitbucket What's New */
    .css-19uo627 {
        background-color: var(--ds-surface-raised-hovered);
    }

    .css-z2mb04 {
        background-color: var(--ds-background-neutral-subtle);
    }

    .css-16124tv {
        color: var(--ds-text-subtlest);
    }

    .css-j7t33r {
        color: var(--ds-text-lowEmphasis);
    }

    .css-1fhauah {
        color: var(--ds-text);
    }

    /* Bitbucket email aliases */
    table.widget tr.form {
        background-color: var(--ds-background-information)
    }

    body.adg3 .aui-button,
    body.adg3 .aui-button:visited,
    body.adg3 a.aui-button {
        background-color: var(--ds-background-selected);
        color: var(--ds-text);
    }

    /* Bitbucket keyboard shortcuts */
    body.adg3 section h3 {
        color: var(--ds-text-lowEmphasis);
    }

    #keyboard-shortcuts .keyboard-shortcut-context kbd {
        background: var(--ds-background-information);
        color: var(--ds-text-highEmphasis);
    }

    /* Bitbucket PR dropdown thinggy. */
    div[data-role="droplistContent"] div[role="menu"] span[role="menuitem"],
    div[data-role="droplistContent"] div[role="menu"] a[role="menuitem"] {
        color: var(--ds-link);
        background-color: var(--ds-background-neutral) !important;
    }

    div[data-role="droplistContent"] div[role="menu"] span[role="menuitem"]:hover,
    div[data-role="droplistContent"] div[role="menu"] a[role="menuitem"]:hover {
        color: var(--ds-link);
        background-color: var(--ds-background-neutral-hovered) !important;
        text-decoration: underline;
    }

    .css-1qhszr8,
    .css-1qhszr8:active,
    .css-1qhszr8:focus,
    .css-1qhszr8:visited,
    .css-1qhszr8:disabled,
    .css-1qhszr8[disabled] {
        background: var(--ds-background-neutral);
        text-decoration: none;
    }

    .css-3nrhgd:hover {
        background: var(--ds-background-neutral-hovered);
        text-decoration: unset;
    }

    /* Bitbucket project listings */
    table > tbody > tr[data-testid="project-row"] > td:first-child > div > div > a {
        color: var(--ds-link);
    }

    table > tbody > tr[data-testid="project-row"]:hover {
        background-color: var(--ds-background-neutral-hovered)
    }

    table.css-1yq88hf > thead > tr > th {
        color: var(--ds-text)
    }

    /* Bitbucket workplace settings */
    .css-1y5ns9x-multiValue {
        background-color: var(--ds-background-selected)
    }

    /* Bitbucket repository settings */
    code,
    tt {
        background: var(--ds-background-neutral);
    }

    .filter-modal-content .modal-inner {
        background-color: var(--ds-background-information);
    }

    .filter-modal-content .modal-inner code {
        background-color: #112;
        color: var(--ds-text);
    }

    .filter-modal-content .modal-inner code.language-yaml,
    .filter-modal-content .modal-inner .unescaped,
    .component--filter-sort-search .right-items .all-items .pi .inner .unescaped {
        color: var(--ds-text);
    }

    .component--filter-sort-search .right-items .all-items .pi.modal-pop {
        background-color: var(--ds-background-neutral)
    }

    .component--filter-sort-search .right-items .all-items .pi.modal-pop h4 {
        color: var(--ds-link) !important;
    }

    .component--filter-sort-search .right-items .all-items .pi.modal-pop p {
        color: var(--ds-text) !important;
    }


    /* Bitbucket issues */
    #issue-view #issue-main-content .issue-author .inline-user--name,
    #issue-view #issue-main-content .issue-author .inline-user--name a {
        color: var(--ds-text-highEmphasis);
    }

    #issue-view #issue-main-content .issue-author time {
        color: var(--ds-text-subtle);
    }

    .css-194d9bm {
        background-color: var(--ds-background-selected)
    }

    body.adg3 .wiki-content h3,
    body.adg3 ak-editor-bitbucket .ProseMirror h3,
    body.adg3 h3,
    body.adg3 section h1,
    body.adg3 section h2,
    body.adg3 section section h1 {
        color: var(--ds-text);
    }

    .css-1b03djw:hover {
        color: var(--ds-link-active);
    }

    .css-1b03djw:visited {
        color: var(--ds-link-active);
    }

    /* Bitbucket settings */
    .css-1guhrvd > div > div:first-of-type:hover,
    .css-1guhrvd > div > div:first-of-type:focus {
        background-color: var(--ds-background-discovery-hovered)
    }

    .css-17ftnce,
    .kZdnIP {
        background-color: var(--ds-background-input);
        color: var(--ds-text);
        border-color: var(--ds-border-input);
    }

    .css-q9onic,
    .jKSpdi {
        background-color: var(--ds-background-input-pressed);
        color: var(--ds-text);
        border-color: var(--ds-border-input);
    }

    .css-sbnyjh,
    .kZdnIP:hover {
        background-color: var(--ds-background-input-hovered);
        color: var(--ds-text);
        border-color: var(--ds-border-input);
    }

    /* Bitbucket pipelines */
    .css-dpc233 > h3,
    .css-dpc233 > p,
    .css-pf8d8y > p {
        color: var(--ds-text);
    }

    /* Bitbucket branches */
    .css-1waz8j8,
    .css-1waz8j8:hover {
        color: var(--ds-link);
    }

    .css-95a91x,
    .css-199ngp7:hover,
    .css-199ngp7:focus,
    .css-95a91x:hover,
    .css-95a91x:focus {
        background: var(--ds-background-neutral);
        box-shadow: var(--ds-background-neutral) -4px 0px 0px 0px, var(--ds-background-neutral) 4px 0px 0px 0px;
    }

    .css-1k40zoa,
    .css-1k40zoa:hover,
    .css-12ccrza,
    .css-12ccrza:hover,
    .css-12ccrza:focus {
        color: var(--ds-text);
    }

    button.css-t20i8u {
        color: var(--ds-text) !important;
    }

    /* Bitbucket pipelines */
    .css-84oir3 > a > div,
    .css-84oir3 > div {
        background-color: var(--ds-background-selected);
    }

    .css-84oir3 > a:hover > div,
    .css-hq7c28 > a:hover > div {
        background-color: var(--ds-background-selected-hovered);
    }

    /* Bitbucket code search */
    .css-56ezaj {
        background: var(--ds-background-selected);
        border-color: var(--ds-border-neutral);
    }

    .css-1cnqc00 {
        background: var(--ds-background-input-pressed);
        border-color: var(--ds-border-focused);
        color: var(--ds-text);
    }

    .css-1h85xp {
        background: var(--ds-background-input-hovered);
        border-color: var(--ds-border-input);
        color: var(--ds-text);
    }

    .css-5o2yi {
        background: var(--ds-background-input);
        border-color: var(--ds-background-input);
        color: var(--ds-text);
    }

    .css-1izj1pk {
        background: #232e40;
    }

    .css-1mfj4dj,
    .css-fkzdlk,
    .css-jha7l5 {
        border-radius: 10px;
        border-color: var(--ds-borde...

Reviews

No reviews yet.