HummingBirdAnimeClient/frontEndSrc/css/src/dark-override.css

a {
	color: rgb(25, 120, 226);
	text-shadow: var(--link-shadow);
}

a:hover {
	color: #9e34fd;
}

body,
legend,
nav ul li a {
	background: #333;
	color: #eee;
}

nav a:hover, nav li.selected a {
	border-color: #fff;
}

header button {
	background: transparent;
}

table {
	box-shadow: none;
}

td, th {
	border-color: #111;
}

thead td,
thead th {
	background: #333;
	color: #eee;
}

tbody > tr:nth-child(2n) {
	background: #555;
	color: #eee;
}
tbody > tr:nth-child(2n+1) {
	background: #333;
}

footer, legend, hr {
	border-color: #ddd;
}

small {
	color: #fff;
}

input, input[type], select, textarea {
	border-color: #bbb;
	color: #bbb;
	background: #333;
	padding:.8em;
}

button {
	background: #444;
	background: linear-gradient(#666, #555, #444, #555, #666);
	border-radius: 0.5em;
	margin: 0;
	text-transform: none;
	border-color: #ddd;
	color: #ddd;
}

button:hover {
	background: #222;
	background: linear-gradient(#444, #333, #222, #333, #444);
	border-color: #ddd;
	color: #ddd;
}

button:active {
	background: #333;
	background: linear-gradient(#333, #333);
}

.media:hover button {
	background: linear-gradient(#666, #555, #444, #555, #666);
}

.media:hover button:hover {
	background: linear-gradient(#444, #555, #666, #555, #444);
}

.message, .static-message {
	text-shadow: var(--white-link-shadow);
}

.message.success, .static-message.success {
	background: #1f8454;
	border-color: #70dda9;
}
.message.error, .static-message.error {
	border-color:#f3e6e6;
	background: #924949;
}
.message.info, .static-message.info {
	border-color: #FFFFCC;
	background: #bfbe3a;
}

.invisible tr,
.invisible td,
.invisible th,
.invisible tbody > tr:nth-child(2n),
.invisible tbody > tr:nth-child(2n+1) {
	background: transparent;
}

#main-nav {
	border-bottom: .1rem solid #ddd;
}

.tabs,
.vertical-tabs{
	background: #333;
}

.tabs > label,
.vertical-tabs .tab label {
	background: #222;
	border: 0;
	color: #eee;
}

.vertical-tabs .tab label {
	width: 100%;
}

.tabs > label:hover,
.vertical-tabs .tab > label:hover {
	background: #888;
}

.tabs > label:active,
.vertical-tabs .tab > label:active {
	background: #999;
}

.tabs > [type="radio"]:checked + label,
.tabs > [type="radio"]:checked + label + .content,
.vertical-tabs [type="radio"]:checked + label,
.vertical-tabs [type="radio"]:checked ~ .content {
	/* border-color: #333; */
	border: 0;
	background: #666;
	color: #eee;
}

.vertical-tabs {
	background: #222;
	border: 1px solid #444;
}

.vertical-tabs .tab {
	background: #666;
	border-bottom: 1px solid #444;
}

.streaming-logo {
	-webkit-filter: drop-shadow(0 0 2px #fff);
	filter: drop-shadow(0 0 2px #fff);
}