---

/* ==UserStyle==
@name           retrotube.net
@namespace      не скажу
@version        1.0.0
@description    крутая темка неоновая
@author         thefks
==/UserStyle== */

@-moz-document url-prefix("https://retrotube.net/") {
:root {
  --rt-bg: #0F0F0F;
  --rt-surface: #202020;
  --rt-text: #F8F8F8;
  --rt-text-secondary: #E0E0E0;
  --rt-green: #5DD62C;
  --rt-green-dark: #337418;
  --rt-border: #404040;
  --rt-card: #2A2A2A;
  --rt-header: #1A1A1A;
  --color-background: var(--rt-bg);
  --color-container-main: var(--rt-card);
  --color-container-header: var(--rt-header);
  --color-contrast: var(--rt-surface);
  --color-border: var(--rt-border);
  --color-border-focus: var(--rt-green);
  --color-outline-gray: var(--rt-border);
  --color-link: var(--rt-green);
  --tag-background: #5DD62C20;
  --mention-background: #5DD62C20;
  --mention-background-hovered: #5DD62C40;
  --mention-border: #5DD62C40;
  --open-replies: var(--rt-green);
  --reply: var(--rt-text-secondary);
  --color-button-primary: var(--rt-card);
  --color-button-warning: #5DD62C80;
  --color-button-danger: #dc3545;
  --color-button-pressed: var(--rt-green);
  --color-button-pressed-hovered: var(--rt-green-dark);
  --color-gradient-1: rgba(93,214,44,0);
  --color-gradient-2: rgba(93,214,44,0.05);
  --color-gradient-3: rgba(93,214,44,0.1);
  --color-gradient-4: rgba(93,214,44,0.15);
  --color-section-border: var(--rt-border);
  --color-comment-separator: var(--rt-border);
  --color-container-info: #1A2A1A;
  --color-container-info-outline: #5DD62C80;
}
body, .header, .footer, .container, .comment, .video__content, .text--m, .text--sm, .text--lg, .text--bold, .nav__link, .dropdown__item-button {
  color: var(--rt-text) !important;
}
.text--hint {
  color: var(--rt-text-secondary) !important;
}
a, a:active, a:focus, a:visited {
  color: var(--rt-green);
  transition: color 0.2s;
}
a:hover {
  color: var(--rt-green-dark);
  text-decoration: underline;
}
.header {
  background-color: var(--rt-bg);
  border-bottom-color: var(--rt-border);
}
.header__link, .header__username {
  color: var(--rt-text) !important;
}
.util__item {
  border-left-color: var(--rt-border);
}
.container--main {
  background-color: var(--rt-card);
  border-color: var(--rt-border);
}
.container__header--gg {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface));
  border-bottom-color: var(--rt-border);
  color: var(--rt-text);
}
.container--info {
  background-color: var(--rt-container-info);
  border-color: var(--rt-container-info-outline);
  color: var(--rt-text);
}
.button--subscribe {
  background: linear-gradient(to bottom, var(--rt-green), var(--rt-green-dark));
  border-color: var(--rt-border);
  color: var(--rt-bg) !important;
  font-weight: bold;
}
.button--subscribe:hover {
  background: linear-gradient(to bottom, #6DE23C, #3E8518);
}
.button--subscribed {
  background: linear-gradient(to bottom, var(--rt-surface), var(--rt-card));
  border-color: var(--rt-border);
  color: var(--rt-text) !important;
}
.button--default {
  background: linear-gradient(to bottom, var(--rt-surface), var(--rt-card));
  border-color: var(--rt-border);
  color: var(--rt-text);
}
.button--default:not(:disabled):hover {
  background: linear-gradient(to bottom, var(--rt-card), var(--rt-surface));
  border-color: var(--rt-green);
}
.button--primary {
  background: linear-gradient(to bottom, var(--rt-green), var(--rt-green-dark));
  color: var(--rt-bg) !important;
  border-color: var(--rt-border);
}
input, textarea, .textarea, select {
  background-color: var(--rt-surface);
  border-color: var(--rt-border);
  color: var(--rt-text);
}
input:focus, textarea:focus, .textarea:focus, select:focus {
  border-color: var(--rt-green);
  box-shadow: 0 0 3px #5DD62C80;
  outline: none;
}
.nav {
  background-color: var(--rt-header);
  border-color: var(--rt-border);
}
.nav__link {
  color: var(--rt-text);
}
.nav__link--active {
  background-color: var(--rt-card);
  color: var(--rt-green);
  border-bottom: 2px solid var(--rt-green);
}
.dropdown__menu {
  background-color: var(--rt-card);
  border-color: var(--rt-border);
}
.dropdown__item-button {
  background-color: var(--rt-card);
  color: var(--rt-text);
}
.dropdown__item-button:hover {
  background-color: var(--rt-surface);
}
.progress-bar--primary::-webkit-progress-value {
  background-color: var(--rt-green);
}
.progress-bar--primary::-moz-progress-bar {
  background: repeating-linear-gradient(-45deg, var(--rt-green) 0px, var(--rt-green) 8px, var(--rt-green-dark) 8px, var(--rt-green-dark) 16px);
  background-size: 22.62px 22.62px;
}
.comment {
  background-color: var(--rt-card) !important;
  color: var(--rt-text) !important;
  border-bottom-color: var(--rt-border);
}
.comment:first-child {
  border-top-color: var(--rt-border);
}
.comment__show-replies {
  color: var(--rt-green);
}
.comment__like, .comment__dislike {
  border-color: var(--rt-border);
  background-color: var(--rt-surface);
  color: var(--rt-text);
}
.comment__like:hover, .comment__dislike:hover {
  background-color: var(--rt-card);
}
.comment__text {
  color: var(--rt-text);
}
.tag, .mention {
  background-color: #5DD62C20;
  border-color: #5DD62C40;
  color: var(--rt-text);
}
.mention:hover {
  background-color: #5DD62C40;
}
.icon {
  filter: brightness(0.8);
  transition: filter 0.2s;
}
a:hover .icon, button:hover .icon {
  filter: brightness(0) sepia(100%) saturate(1000%) hue-rotate(60deg);
}
.video__thumbnail {
  border-color: var(--rt-border);
}
.video:hover .video__thumbnail {
  border-color: var(--rt-green);
}
.video__title a {
  color: var(--rt-text);
}
.video__title a:hover {
  color: var(--rt-green);
}
.video__content {
  color: var(--rt-text-secondary);
}
.avatar {
  border-color: var(--rt-border);
}
.banner, .background {
  opacity: 0.7;
}
.pagination .page a {
  color: var(--rt-text-secondary);
}
.pagination .page a:hover {
  color: var(--rt-green);
}
.pagination .page.active a {
  color: var(--rt-green);
  font-weight: bold;
}
.container--promo {
  background: linear-gradient(to bottom, #1A2A1A, #0F1A0F) !important;
  border-color: var(--rt-green) !important;
  color: var(--rt-text) !important;
}
.container--promo span, .container--promo p {
  color: var(--rt-text) !important;
}
.container--promo .button--default {
  background: var(--rt-green);
  border-color: var(--rt-border);
  color: var(--rt-bg);
  font-weight: bold;
}
.container--promo .button--default:hover {
  background: var(--rt-green-dark);
}
.footer {
  background-color: var(--rt-bg);
  border-top-color: var(--rt-border);
}
.footer a {
  color: var(--rt-text-secondary);
}
.footer a:hover {
  color: var(--rt-green);
}
.section-title {
  color: var(--rt-text);
  border-bottom: 2px solid var(--rt-green);
}
.container--main .container__header--gg {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface));
  color: var(--rt-text);
}
.main-categories__item .section-title {
  border-bottom: 1px solid var(--rt-green);
}
.search-bar input {
  background-color: var(--rt-surface);
  border-color: var(--rt-border);
  color: var(--rt-text);
}
.search-bar__button {
  background-color: var(--rt-surface);
  border-color: var(--rt-border);
}
.video-js .vjs-control-bar {
  background: linear-gradient(to bottom, #2A2A2A, #202020) !important;
  border-color: var(--rt-border);
}
.video-js .vjs-control {
  color: var(--rt-text) !important;
}
.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  background: linear-gradient(to bottom, var(--rt-green), var(--rt-green-dark)) !important;
}
.vjs-button:hover {
  color: var(--rt-green) !important;
}
.video-js .vjs-progress-control {
  background: var(--rt-surface) !important;
  border-color: var(--rt-border);
}
.video-js .vjs-progress-holder {
  background: linear-gradient(to bottom, #333, #222) !important;
}
.video-js .vjs-load-progress {
  background: linear-gradient(to bottom, #444, #333) !important;
}
.vjs-menu-content {
  background: var(--rt-card) !important;
  border-color: var(--rt-border);
}
.vjs-menu-item {
  color: var(--rt-text) !important;
}
.vjs-menu-item:hover {
  background: var(--rt-surface) !important;
  color: var(--rt-green) !important;
}
.view-section__details {
  background-color: var(--rt-card) !important;
  color: var(--rt-text) !important;
  border-color: var(--rt-border) !important;
}
.view-section__stats {
  color: var(--rt-text) !important;
}
.view-section__stats .button {
  background: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.view-section__stats .button:hover {
  border-color: var(--rt-green) !important;
}
.comment-section__form, .comment-section__filter {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
}
.comment-section__form .textarea, .comment-section__form #charsLeft, .comment-section__filter select, .comment-section__filter option {
  background-color: var(--rt-surface) !important;
  color: var(--rt-text) !important;
  border-color: var(--rt-border) !important;
}
.comment-section__form .textarea:focus {
  border-color: var(--rt-green) !important;
}
#commentSend {
  background: linear-gradient(to bottom, var(--rt-surface), var(--rt-card)) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
#commentSend:hover {
  border-color: var(--rt-green) !important;
}
.comment__like.button--pressed, .comment__like.active, .comment__like[data-active="true"] {
  background: var(--rt-green) !important;
  color: var(--rt-bg) !important;
  border-color: var(--rt-green) !important;
}
.comment__like.button--pressed .icon, .comment__like.active .icon, .comment__like[data-active="true"] .icon {
  filter: brightness(0) invert(1) !important;
}
#likeButton.button--pressed, #dislikeButton.button--pressed {
  background: var(--rt-green) !important;
  color: var(--rt-bg) !important;
  border-color: var(--rt-green) !important;
}
#likeButton.button--pressed .icon, #dislikeButton.button--pressed .icon {
  filter: brightness(0) invert(1) !important;
}
#likeButton:not(.button--pressed), #dislikeButton:not(.button--pressed) {
  background: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.notification {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.notification .text--m, .notification .text--bold, .notification a {
  color: var(--rt-text) !important;
}
.notification .text--sm {
  color: var(--rt-text-secondary) !important;
}
.comment-section__pinned {
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.comment-section__pinned .comment {
  border: 1px solid var(--rt-border) !important;
  background-color: var(--rt-card) !important;
}
.comment-section__pinned::before {
  color: var(--rt-green) !important;
}
.featured-channels__group, .featured-channels__group-content, .featured-channels__group-channels {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
}
.featured-channels__group-header {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface)) !important;
  color: var(--rt-text) !important;
}
.featured-channels__channel-item {
  background-color: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
}
.featured-channels__channel-item a {
  color: var(--rt-text) !important;
}
.user-profile__featured-channels-group-header {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface)) !important;
  color: var(--rt-text) !important;
}
.user-profile__featured-channel-items {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
}
.user-profile__featured-channel-items a {
  color: var(--rt-text) !important;
}
.browse__header {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface)) !important;
  color: var(--rt-text) !important;
}
.browse__categories, .browse__sort {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
}
.browse__category {
  color: var(--rt-text) !important;
}
.browse__category:hover {
  color: var(--rt-green) !important;
}
.browse__sort select, .browse__sort select option, select, select option {
  background-color: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.view-section__additional-info .text--hint,
.view-section__additional-info span.text--hint,
.view-section__additional-info .text--sm.text--hint,
.view-section__additional-info .text--sm.text--hint.v-center.no-wrap {
  color: var(--rt-text-secondary) !important;
}
.button--tab {
  background: linear-gradient(to bottom, var(--rt-surface), var(--rt-card)) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.button--tab.active {
  background: linear-gradient(to bottom, var(--rt-card), var(--rt-surface)) !important;
  color: var(--rt-green) !important;
}
.container--contrast {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
}
.table, .table th, .table td {
  background-color: var(--rt-card) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.table th {
  background: linear-gradient(to bottom, var(--rt-header), var(--rt-surface)) !important;
}
.pagination .button--default, .pagination__content .button--default {
  background: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.pagination .button--default.active, .pagination__content .button--default.active {
  background: var(--rt-green) !important;
  color: var(--rt-bg) !important;
  border-color: var(--rt-green) !important;
}

.pagination,
.pagination__content,
.pagination .button--default.page,
.pagination__content .button--default.page {
  background-color: var(--rt-card) !important;
  color: var(--rt-text) !important;
}
.pagination .button--default.page,
.pagination__content .button--default.page {
  background: var(--rt-surface) !important;
  border-color: var(--rt-border) !important;
  color: var(--rt-text) !important;
}
.pagination .button--default.page.active,
.pagination__content .button--default.page.active {
  background: var(--rt-green) !important;
  color: var(--rt-bg) !important;
  border-color: var(--rt-green) !important;
}
.pagination .button--default.page.active strong,
.pagination__content .button--default.page.active strong {
  color: var(--rt-bg) !important;
}
}