TFF-Forum.de Dark Mode by heyitsmarlon

/* ==UserStyle==
@name         TFF-Forum.de Dark Mode
@version      20220406.13.39
@namespace    userstyles.world/user/heyitsmarlon
@description  Dark Mode für das Tesla Fahrer und Freunde Forum
@author       heyitsmarlon
@license      No License
==/UserStyle== */

@-moz-document domain("tff-forum.de") {
:root {
	--primary-low: #d0d0d0;
	--tertiary: #ab5050;
	--highlight-low-or-medium: #ab5050;
}
html,
body {
	color: #f3f3f3;
	background-color: #333;
}



/* Hintergrundfarben */
.d-header {
	background-color: #444;
	box-shadow: none;
}
tbody {
	border-top: 3px solid #444;
}
.topic-list-item,
tr {
	border-bottom: 1px solid #444;
}
.table-heading {
	border-bottom: 3px solid #444;
}
.latest-topic-list-item {
	border-bottom: 1px solid #444;
}
.post-links-container .post-links {
	border-top: 1px solid #444;
}
.topic-avatar {
	border-top: 1px solid #444;
}
.topic-body {
	border-top: 1px solid #444;
}
.topic-map {
	background: #282828;
	border: 1px solid #444;
	border-top: none;
}
.embedded-posts.bottom .row .topic-avatar, .embedded-posts.bottom .row .topic-body {
  border-top: 1px solid #444;
}
.embedded-posts {
  border: 1px solid #444;
}
.drop-down-mode .d-header-icons .active .icon {
  background-color: #333;
  cursor: default;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
.menu-panel {
  border: 1px solid #333;
  box-shadow: 0 12px 12px rgba(0,0,0,0.15);
  background-color: #333;
}
.user-menu .quick-access-panel .read {
  background-color: #333;
	color: #d0d0d0;
}
.menu-panel .panel-body-bottom .btn {
  background: #333;
  color: #d0d0d0;
}
.menu-panel .panel-body-bottom .btn:hover,
div.menu-links-header button:hover.active, div.menu-links-header button:focus.active {
  background: #444;
  color: #d0d0d0;
}
div.menu-links-header .menu-links-row button.active {
  border: 1px solid #444;
  border-bottom: 1px solid #444;
}
.user-menu .quick-access-panel {
  border-top: 1px solid #444;
}



/* Schriftfarbe */
.extra-info-wrapper .topic-link,
.category-list tbody .category h3 a[href],
.category-list tbody .category h4 a[href],
.topic-list-main-link a.title,
.topic-list .main-link a.title,
.latest-topic-list-item .main-link a.title,
.nav-pills > li > a,
.names span a,
nav.post-controls .actions button.create,
aside.onebox header a[href] {
	color: #d0d0d0;
}

span.highlighted {
  background-color: #ab505085;
}
.badge-wrapper.bullet span.badge-category,
.user-menu .quick-access-panel li span:first-child {
  color: #d0d0d0;
}




/* Box Elemente */
blockquote,
aside.quote .title,
aside.onebox,
.quote aside .quote, .quote aside .title, .quote aside blockquote, .quote aside .onebox, .quote aside .onebox-result {
	background-color: #444;
	color: unset;
}
aside.onebox {
	border: 2px solid var(--primary-low);
}

.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
  background-color: #333;
  color: #ab5050;
}
.small-action.topic-post-visited .topic-post-visited-line {
  border-bottom: 1px solid #ab5050;
}
.moderator .regular > .cooked {
  background-color: #ab505085;
}


/* Buttons */
.btn {
	background-color: unset;
}
/* Hover Elemente */
nav.post-controls .show-replies:hover,
nav.post-controls .show-replies:focus,
.discourse-no-touch .btn-flat:hover .d-icon,
.discourse-no-touch .btn-flat.btn-hover .d-icon,
nav.post-controls .actions button.d-hover,
nav.post-controls .actions button:focus,
nav.post-controls .actions button:active,
nav.post-controls .actions .double-button:hover button,
nav.post-controls .actions .double-button button.like.d-hover,
.discourse-no-touch .btn:hover,
.discourse-no-touch .btn.btn-hover,
nav.post-controls .actions .double-button button.button-count + .toggle-like.d-hover {
	outline: none;
	color: var(--primary-medium);
	background: unset;
}

nav.post-controls .actions .double-button:hover button {
	color: var(--primary-medium);
}
.discourse-no-touch .d-header-icons .icon:hover, .discourse-no-touch .d-header-icons .icon:focus {
  background-color: unset;
}
img.avatar:hover {
	filter: brightness(80%);
}
.user-menu .quick-access-panel li:hover {
  background-color: #444;
}


/* Bilder */
a.lightbox img {
	filter: brightness(60%);
	transition: .2s filter;
}
a.lightbox img:hover {
	filter: unset;
	transition: .2s filter;
}
}