Jira Dark Proper by tking4aya

/* ==UserStyle==
@name           Jira Dark Proper
@namespace      UserStyles
@author         Taylor King
@description    `Proper Dark Mode for Jira.`
@version        20211228.001
@license        MIT
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("atlassian.net") {
	html {
		filter: invert(82.5%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	header[role="banner"] {
		background: #e0e0e0;
	}

	#gh {
		padding: 0 40px;
	}

	#content {
		margin: 0;
	}

	[data-testid="Content"] > div:first-child {
		background: #fff;
	}

	.presentation > span,
	.presentation * > span {
		color: #000 !important;
	}

	span,
	p,
	li,
	tr,
	td {
		color: #000 !important;
	}

	.time * {
		color: #e0e0e0 !important;
	}

	p {
		font-weight: 500 !important;
	}

	a {
		color: #000 !important;
	}

	.bold,
	#bold {
		font-weight: bold;
	}

	b,
	strong {
		font-weight: bold;
	}

	.ghx-extra-field-content {
		color: #fff !important;
	}

	span[role="img"] > svg[role="presentation"] {
		fill: #7e7e7e !important;
		color: #7e7e7e !important;
	}

	header[role="banner"] > nav > div > div * {
		background: #e0e0e0 !important;
	}

	nav > div > div[role="presentation"] * {
		background: #e0e0e0 !important;
	}

	span[role="presentation"] > svg * {
		fill: #919191 !important;
	}

	div > span > span[role="presentation"] > span {
		color: #fff !important;
	}

	span > span > a > span {
		color: #fff !important;
	}

	span > button > span > span {
		color: #fff !important;
	}

	span[data-test-id="likes-summary-span"] > span {
		color: #d5d5d5 !important;
	}

	div[role="menu"] > span > span > span {
		color: #fff !important;
	}

	span[aria-expanded="false"] > a {
		color: #fff !important;
	}
	
	.ghx-extra-fields > div > .ghx-extra-field * {
		color: #000 !important;
	}
	
	div[role="presentation"] > div > span > span[role="img"] {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	#addcomment > div > span > div > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	img {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	div > div > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	span > span > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	div[role="presentation"] > span > div > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	button > span > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}
	
	#ak-main-content > div > div > div > div > div > div > div > div > div > div > div > div > div > span > span {
		color: #e0e0e0 !important;
	}
	
	span > span > div > span > span {
		color: white !important;
		font-weight: normal;
		letter-spacing: 0.5pt;
	}
	
	button  > span > div * {
		color: white !important;
	}
	
	span[role="menuitem"] > span > span {
		color: white !important;
	}
	
	.g2cr8q-1 {
		filter: invert(85%) hue-rotate(180deg) brightness(105%) contrast(105%);
		padding: 0 10px;
	}
}