Updated to match latest Jira styles (current as of Feb 2023)
Jira Dark - 2023 by teenwolfblitzer
Details
Authorteenwolfblitzer
LicenseNo License
Categoryatlassian.net
Created
Updated
Size4.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name JIRA Dark revised
@version 1.0.0
@author monkeypox8
@namespace userstyles.world/user/teenwolfblitzer
@description `JIRA dark theme based on JIRA Dark 2022 by autometrist`
==/UserStyle== */
@-moz-document domain("atlassian.net"), regexp("(http(s)?:\\/\\/.)?(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.atlassian{1}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)") {
:root {
--custom-bg-dark: white;
--custom-bg-dark-transparent: #fcfcfcaa;
--custom-bg-dark-translucent: #eeec;
--ds-shadow-overlay: var(--custom-bg-dark);
}
html {
filter: invert(89%) hue-rotate(175deg) brightness(106%) contrast(99%);
background: var(--custom-bg-dark) !important; /* required to apply invert filters */
}
span[role="img"],
span[data-testid="issue-comment-base.ui.comment.54449.avatar--image"],
.css-ob4lje,
img,
svg,
iframe,
.emoji-common-emoji-sprite {
filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
}
/* Fix bug with white edges on sprint board */
#gh {
padding: 0 40px;
}
#content {
margin: 0;
}
/* Fix scroll background problems */
[data-testid="Content"] > div:first-child {
background: var(--custom-bg-dark);
}
#ak-jira-navigation > header[role=banner],
#ak-jira-navigation > header[role=banner] > nav,
#ak-jira-navigation > header[role=banner] > nav > div,
#ak-jira-navigation > header[role=banner] > nav > div > div,
#ak-jira-navigation > header[role=banner] > nav > div > div > div {
background: transparent !important;
}
/* logo */
.css-1a9cp86:first-of-type {
background: #aaa;
}
/* search bar */
[data-test-id="search-dialog-input"] {
background: var(--custom-bg-dark) ;
color: var(--fbc-primary-text, black);
border: 1px solid #ddd;
}
[data-test-id="search-dialog-input"]::placeholder {
color: var(--fbc-primary-text, black);
}
#ak-jira-navigation nav[aria-label=Primary] ~ div:focus-within [data-test-id="search-dialog-input"] {
box-shadow: 0 0 0 1px #eeea, 0 2px 1px #eeec, 0 0 20px -6px #eeef;
}
/* main nav links */
#ak-jira-navigation [aria-haspopup="true"][type="button"],
#ak-jira-navigation .cyMuoM,
#ak-jira-navigation [aria-haspopup="true"][type="button"]:hover,
#ak-jira-navigation [aria-haspopup="true"][type="button"]:active,
#ak-jira-navigation [aria-haspopup="true"][type="button"]:focus,
#ak-jira-navigation [aria-haspopup="true"][type="button"]:visited,
#ak-jira-navigation [aria-haspopup="true"][type="button"]:disabled,
#ak-jira-navigation [aria-haspopup="true"][type="button"][disabled] {
background: transparent;
color: var(--fbc-primary-text, black);
}
/* main nav notification buttons */
#ak-jira-navigation [data-test-id="ak-spotlight-target-help-spotlight"] [type="button"],
#ak-jira-navigation .css-zuyx2p {
background: #ddd;
}
#ak-jira-navigation [aria-label=Primary] .css-zuyx2p {
background: #eee;
}
/* board overflow */
[data-onboarding-observer-id="board-wrapper"] section > div:first-child {
box-shadow: 0 80px 0 var(--custom-bg-dark), 5px -2px 7px var(--custom-bg-dark);
}
[data-onboarding-observer-id="board-wrapper"] section > div:last-child {
box-shadow: 0 80px 0 var(--custom-bg-dark), -5px -2px 7px var(--custom-bg-dark);
}
/* board minimap */
[data-testid="layout-controller.ui.bottom-right-corner.container.styled-container"] > div > div > div {
box-shadow: 4px 8px 14px 0 var(--custom-bg-dark);
}
/* modals */
.atlaskit-portal-container .atlaskit-portal > [aria-hidden=false] > [data-focus-lock-disabled="false"] > div[role=presentation] section {
box-shadow: 0 0 0 1px #dddd, 0 2px 1px #ddde, 0 0 20px -6px #dddf;
}
/* modal backdrop */
.atlaskit-portal-container .atlaskit-portal > [aria-hidden=false] > [data-focus-lock-disabled="false"] > div[role=presentation] {
background-color: var(--custom-bg-dark-translucent);
}
/* modal menus */
.atlaskit-portal-container .atlaskit-portal > [data-placement="bottom-end"] {
box-shadow: 0 0 0 1px #eeea, 0 2px 1px #eeec, 0 0 20px -6px #eeef;
}
}