Vodacom Dark Jira by droidking18

/* ==UserStyle==
@name           Vodacom Dark Jira
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("vodacom.atlassian.net") {
	/* Jira-main */
	html {
		filter: invert(92%) hue-rotate(180deg) brightness(105%) contrast(105%);
		background: white;
	}
	
	.css-1cychdt {
		background-color: #1c1c1c !important;
		
	}
	
	.mvng-hide-controls {
		background-image: none;
	}
	
	.media-viewer-popup {
		background-color: white;
	}
	
	button span span div span span {
		    filter: invert(1);
	}

	.css-19r5em7 span span, .css-19r5em7 {
		color: #fff !important;
	}

	#ak-jira-navigation header {
		background-color: white !important;
	}

	div[data-uid="plans-spotlight-target-wrapper"] {
		background-color: white;
	}

	.css-1frzkxe {
		background-color: #3b73af00;
	}

	span.css-19r5em7 {
		color: black !important;
	}
	
	.css-7uss0q { 
		background-color: darkgrey;
	}

	button.css-7uss0q span.css-19r5em7 {
		color: white !important;
	}

	.css-1frzkxe svg {
		color: white;
	}

	.css-kbmhjt:hover {
		background-color: #99c6ff !important;
		color: black !important;
	}
	
	th.gadget_image {
		font-size: 0.3em !important;
		transition: all 0.3s ease-in-out;
	}
	
	th.gadget_image:hover {
		font-size: 1em !important;
	}
	
	.aui-table-interactive > tbody a {
		text-align: center !important;
		width: 100%;
	}
	
	#gadget-10727 table.aui-table-interactive > tbody td {
		text-align: center;
	}
	
	#gadget-10727 table.aui-table-interactive > tbody td:hover {
		font-size: 1em !important;
	}

	.css-kbmhjt:hover svg {
		color: white !important;
	}

	#createGlobalItem {
		background-color: #ff000030;
	}

	button[aria-label="Your profile and settings"] {
		padding: 0 !important;
	}

	span[data-test-id="ak-spotlight-target-profile-spotlight"] > div > span {
		width: 28px;
		height: 28px;
	}

	span[data-test-id="ak-spotlight-target-profile-spotlight"] > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	div[data-test-id="profilecard-next.ui.profilecard.profilecard-trigger"] > div > div > div > span > span {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	body {
		background: white;
	}
	
	span.css-19r5em7 {
		mix-blend-mode: hard-light;
	}

	div[id='11193'] {
		display: none;
	}

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

	span.css-196lgr2 .css-pxzk9z {
		--icon-primary-color: white !important;
		--icon-secondary-color: white !important;
	}

	.css-pxzk9z {
		mix-blend-mode: exclusion;
	}

	span > a.css-zo4rh > span.css-196lgr2 > span.css-pxzk9z > svg, {
		--icon-primary-color: black !important;
		--icon-secondary-color: black !important;
	}

	div.css-79elbk div[role="presentation"] button span.css-1ujqpe8 svg[role="presentation"], .css-pxzk9z {
		height: 40px !important;
		width: 40px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	span[aria-label="Settings"] svg[role="presentation"] {
		height: 40px !important;
		width: 40px !important;
	}

	.css-lifyfu {
		background-color: darkgray;
	}

	.em6wsuj5 {
		box-shadow: none;
		font-family: inherit;
		width: 100%;
		border: 0;
		border-bottom: 2px solid gray;
		text-align: center;
		outline: 0;
		font-size: 1.3rem;
		color: white;
		background-color: black !important;
		padding: 7px 0;
		transition: all 0.2s;
	}

	.css-1h26plg {
		background-color: darkgrey;
	}

	.ew0layq0 {
		transition: all 8.2s;
	}

	.css-hakgx8 {
		display: none;
	}

	.css-19k9kxh {
		background-color: transparent;
	}

	span[style ~ ="background"] {
		filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(105%);
	}

	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: white;
	}

	.nowrap {
		color: green !important;
	}
}

/* ==UserStyle==
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
/* for all of the iframes */
@-moz-document url-prefix("https://rfc.qoticloud.com/"),
url-prefix("https://tis.obss.io/gadget/data?dashboardItemId=10769&dashboardId=10096"),
url-prefix("https://app.tempo.io/timesheets/"),
url-prefix("https://www.figma.com/jira-add-on/issue-panel.html") {
	/* Jira-iframes */
	* {
		background-color: transparent !important;
	}

	body {
		background-color: transparent !important;
	}
	
	div[data-focus-lock-disabled="false"] {
		background-color: lightgrey !important;
	}

	p {
		color: #cad4e9 !important;
	}

	a:not([href]) > span > span > div > span > span > .css-1j389vi {
		color: #3b73af !important;
	}

	a,
	div.part,
	div.loading-message {
		color: #3b73af !important;
	}

	text {
		fill: white;
	}

	svg > rect {
		fill: transparent;
	}

	td {
		color: #cad4e9;
	}

	button,
	#design-url-button {
		background-color: #86acd8 !important;
		color: black !important;
	}

	#drpDownChartType,
	#drpDownChartPercentage {
		background: white !important;
	}

	#lblIndexInfo {
		color: #3b73af;
	}
}