Dark Zendesk Theme by stefanburke

/* ==UserStyle==
@name         Dark Zendesk Theme
@version      20240813.19.12
@namespace    userstyles.world/user/stefanburke
@description  Makes Zendesk all dark and nice
@author       stefanburke
@license      No License
==/UserStyle== */

@-moz-document domain("songtradr.zendesk.com") {
html,
body {
	background-image: none !important;
	background-color: rgb(20, 22, 54, 1) !important;
    scrollbar-color: rgb(113, 119, 153) rgba(30, 31, 40, .7) !important;
}

body * {
	color: rgba(248, 248, 242, 1) !important;
	background-color: rgba(30, 31, 40, .7) !important;
	border-color: rgba(78, 82, 115, .7) !important;
}

a,
a * {
	color: rgb(120, 191, 210) !important;
	background-color: transparent !important;
}

th {
    background-color: rgb(26, 27, 36) !important;
}

a:hover,
a:hover *,
a:visited:hover,
a:visited:hover *,
span[onclick]:hover,
div[onclick]:hover,
[role="link"]:hover,
[role="link"]:hover *,
[role="button"]:hover *,
[role="menuitem"]:hover,
[role="menuitem"]:hover *,
.link:hover,
.link:hover * {
	color: rgb(98 154 169) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
[id*="headline"],
[class*="headline"],
[id*="header"],
[class*="header"],
[class*="header"] td {
	color: rgba(255, 184, 108, 1) !important;
}

table {
	background-color: rgba(40, 42, 54, 1) !important;
}

[id*="overlay"],
[id*="lightbox"],
blockquote {
	background-color: rgba(68, 71, 90, 1) !important;
}

pre,
dl {
	background-color: rgba(68, 71, 90, 1) !important;
}

input,
select,
button,
[role="button"],
a.button,
a.submit,
a.BigButton,
a.TabLink,
.install[onclick] {
	text-indent: 5px;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
    margin-left: 4px;
    margin-right: 4px;
}

textarea {
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	background: rgba(68, 71, 90, 1) !important;
}

div,
ul,
li {
	background-image: none !important;
}

a.highlight,
a.highlight *,
a.active,
a.active *,
.selected,
.selected *,
[href="#"] {
	font-weight: bold !important;
	color: rgba(139, 233, 253, 1) !important;
}
}