Dark mode for Atlassian products, including Bitbucket, Confluence, and tweaks for JIRA's dark mode.
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
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...