Skip to content

Dark theme for Myshows.me by Shows

Screenshot of Dark theme for Myshows.me

Details

AuthorShows

LicenseMIT

CategoryMyshows.me

Created

Updated

Size136 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

Как установить:

  1. Зайдите в магазин расширений для вашего браузера или через поисковик наберите "stylus extension" и по желанию допишите название вашего браузера (Хром, Файрфокс, Опера и т.д.), чтобы искомая страница была на первой строчке поиска. Либо перейдите по ссылкам в этом пункте;
  2. Установите расширение;
  3. Нажмите на странице редизайна кнопку "Install";
  4. Дальше нажмите на кнопку "Установить стиль";
  5. Готово. Не забывайте заходить в ваше расширение и нажимать (два раза) на крутящуюся стрелочку, чтобы обновлять стили по мере выхода новых версий, чтобы исправлять возникающие баги.

Это же на скриншотах

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Dark theme for Myshows.me
@namespace      github.com/openstyles/stylus
@version        1.6.9
@description    Темная тема для сайта Myshows.me
@author         Shows
==/UserStyle== */

@-moz-document domain("myshows.me") {
:root {
    --link-color: #78b6ff; /*ссылки*/
    --content-background: #1b1b1b; /*общий фон*/
    --black-color: var(--light-grey-color); /*цвет текста*/
    --light-grey-color: #dfdfdf; /*цвет текста*/
	--text-menu-color: #dfdfdf; /*цвет текста*/
	--font-color: #dfdfdf; /*цвет текста*/
    --zebra-background: #202020; /*#242424*зебра*/
    --border-color: #333; /*цвет бордера*/
    --sidebar-background: #333; /*фон сайдбара*/
	--text-menu-color-hover: #00bae8; /*цвет ссылок футера*/
	--myshows-contr-color: #d00; /*цвет красных ссылок*/
	--bg-gray-color: #242424; /*серый фон#2e2e2e*/
	--tooltip-bg-color: #28272c; /*попап*/
	--checked-color: #2a7f00; /*цвет фона кружка#390*/
	--myshows-color: #bc0000; /*красный*/
	--myshows-color-dark: #a00000; /*темно-красный*/
	--bg-info-color: #0086aa; /*голубой*/
}

/*общий фон*/
.Home-section, .episodes-by-season__season-row, .Radio > input ~ .Radio-icon::after, .ManageListsRow.favorite:nth-child(2n-1), .calendar-day, .BuyPro, .LandingLayout, .adblock, .UserSummaryLikes, .UserSummaryComment, .UserSummaryMovies, .UserSummaryShows, .UserSummaryRewards, .Emotions {
    background: #1b1b1b;   
}
.UserAvatar-image-wrapper {
	border-color: #1b1b1b;
}
.Home-search, .AuthCountdown {
	background: #343434;
}
/*общий фон*/

/*лого*/
.Header__logo svg, .Footer__logo svg {
  color: var(--myshows-color-dark);
  fill: var(--light-grey-color);
}
/*лого*/

/*цвет текста и точечные бордеры*/
.Page, .UnwatchedEpisodeItem__index, .WatchSoon-episode, .NewsItem-foreword, .movie-item__title, .Footer, .Search--new-light .Search-input, .Share__title-icon, .Search--new-light.Search--opened .Search-toggler, .Note__edit-button-icon, .Sidebar__item:not(.muted):hover, .Sidebar__item.router-link-exact-active, .search-results__shows-title, .search-results__movies-title, .ListItem-slot, .Textarea__field, .show-character__name, .ShowStatusBar__option:not(.ShowStatusBar__option--active), .Modal__title,  .custom-favorite-list-item, .EpisodesList__item, .Footer__copyrights-text, .Tabs.default .TabsItem.active, .DailyDistribution-day, .UserStatisticsProgress__value, .ProfileNav.list .ProfileNav-item.router-link-active, .Select__field, .Input__field, .SearchField__input::placeholder, .Pagination__link, .ShowsCatalog__total span, .FiltersPopular__link, .ShowStatusBar__option--active, .Modal__wrapper, .Button--info, .Button--light, .Tabs.compact .TabsItem-title, .HeaderMenu__link, .Filters__selected-item, .SearchField__submit, .Filters__selected-remove, .movie-status-bar__option.active, .Button--primary, .movie-status-bar__option, .MoviesCatalog__total span, .Wasted-timeCaption, .UserHeader__name, .UserHeader, .HeaderLogin__username, .Header__menu, .UserAction, .UserAction.active:hover .UserAction-addon-after, .UserAction.active:hover .UserAction-addon-before, .ProfileNav.dark .ProfileNav-item, .CommentsFeed__item, .SortPanel__button, .CatalogViewControls__button:not(.CatalogViewControls__button--active), .Sidebar__item .MyLabel__wrapper, .ShowStatusLabel::before, .ShowStatusLabel.ShowStatusLabel--paused::before, .UserStatisticsBlock__info-value, .calendar-date-selector, .calendar-day, .BuyPro, .UserAvatar__rating-value, .Note__text, .MyLabel__wrapper, .AwardYears__button:hover, .AwardYears__link:not(.router-link-exact-active):hover, .AwardYears__dropdown-link, .ResultBar, .AwardYears__dropdown-button:not(.router-link-exact-active):hover, .EpisodeItem-title, .EpisodeRatingCard__text, .EpisodeRatingCard__badge, .rating-flag, .movie-item__rating, .CategoriesNav-in a.router-link-active, .AuthCountdown, .AuthCountdown-counterText, .AppPromo-link, .AppPromo .AppPromo-title, .AddPosterButton, .HeaderLoginForm__form input, .Search-static .Search-submit, .recommendation-col__pic-overlay__squad, .HeaderMenu__dropdown .text-menu-item a:hover, .text-menu-item a, .UserHeader__friends-link, .BubbleTabs__tab, .UserSummaryInfo, .UserSummaryPage, .UserSummaryLikes__counter, .UserSummaryInfo__number-title, .UserSummaryComment__text, .UserSummaryShare__link, .UserSummaryGenres__item, .UserSummaryGenres__title, .UserSummaryShare__title, .UserSummaryGenres__privacy .Switcher-label, .Search-toggler, .Popover__content, .EpisodesNavigation__counter, .MobileMenuUserLink, .HeaderLoginModal .ProfileNav.dark .ProfileNav-item, .ManageListsRow__menu-item, .ManageListsRow__menu-link, .UserAction.active:hover, .Trailers__player-title, .ShowRatingTable__cell, .TabsList__episode-info, .SearchFilter__input, .SearchFilter__input-reset, .AchievementModal__title, .calendar-day--selected a, .calendar-day--selected a:hover, .calendar-day--selected span, .calendar-day--selected span:hover, .RowEpisodeBySeason__status > div:not(.ShowRating, .ShowRating, .EpisodeWatchLabel), .EpisodeItem-air-date, .EpisodeWatchLabel.checked, .Donation__plan-label, .PushPermissionModal__text, .show-legend__grid-item, .Slider .v-hl-btn-next svg, .Slider .v-hl-btn-prev svg, .NewsNotification__close:hover, .CommentMenu__item, .Comment__text--showable:hover, .CommentRatingVoters__tip-rate-icon, .CommentsNavigation__button, .TopNavigation__link--active, .TopNavigation__link.router-link-exact-active, .TopNavigation__link:hover, .Reactions__button, .ModalLoginForm__label, .ModalLoginForm__forgot, .SelectAutocomplete__field, .SelectAutocomplete__option, .SelectAutocomplete__input, .SelectAutocomplete__input-reset {
    color: var(--light-grey-color);   
}
.Counter.aside-user-lists__icon_counter, .calendar-day--selected .Counter.calendar-day__counter {
	color: var(--light-grey-color) !important;   
}
.HeaderMenu__link.router-link-active, .HeaderMenu__link:hover, .BuyProCarousel-text, .Button--secondary, .Season__episodes_describe-label, .episode-details-ignore, .EpisodeItem.faded .EpisodeItem-show, .Season__ignore, .ShowItem__title-original, .recommendation-col-titleOriginal, .calendar-day.calendar-day--pastday {
	color: var(--info-color);
}
.search-results__show-all-results, .search-results__show-all-results:hover, .link.pseudo, .UserShowItem-watched, .highlight .Wasted-time__value, .CommentRating.negative, .episode-details-ignore.ignored, .comment-voters__voter--negative a, .CommentsFeedItem__show-comment-button, .Season__ignore.ignored, .UserComments__description_counter, .Comment__name--me {
	color: var(--myshows-contr-color); /*красный*/
}
.Wasted-shows span[style="color: var(--myshows-color);"], .Wasted-total span[style="color: var(--myshows-color);"] {
    color: var(--myshows-contr-color) !important; /*красный*/
}
.AsideHeading-toggler {
	border-color: var(--light-grey-color); 
}
.ShowInformer__show-more, .ReadAlsoMain__item, .NewsDetails__meta a, .news-read-also-aside__item, .UserBlock__all-link, .AuthAction__login a, .DetectAdBlock__modal-link, .LoginRemind__help-link a, .CommentList__expand-button, .DropdownMenu__container ul > a:hover, .DropdownMenu__container ul > li:hover, .custom-favorite-list-item.CustomFavoriteList__create, .DropdownMenu__container ul > a > a:hover, .DropdownMenu__container ul > li > a:hover, .Modal__close:hover, .Trailers__card-title, .Emotions__close:hover {
	color: var(--link-color); /*синий*/
}
.ShowInformer__show-more {
	border-color: var(--link-color); /*синий*/
}
.episode-col.muted .episode-col__date, .EpisodeItem.faded .EpisodeItem-title {
	color: #6a6a6a; /*темный серый*/
}
/*цвет текста и точечные бордеры*/

/*шапка*/
.Header {
    background: #201f20;
	border-bottom: 3px solid var(--myshows-color);
}
.HeaderMenu__link-wrapper::after {
	background: var(--myshows-color);
}
/*шапка*/

/*зебра*/
.UnwatchedEpisodeItem:nth-child(2n), .episodes-by-season__episode:nth-child(2n), .WatchSoon-episodes .Row:nth-child(2n), .unwatched-movies__item:nth-child(2n), .ManageListsRow:nth-child(2n-1) {
    background: var(--zebra-background);
}
/*зебра*/


.episode-col__label .MyLabel__wrapper .MyLabel__corner:not([style*="var(--myshows-color)"]), .NewsItem-date .MyLabel__wrapper .MyLabel__corner:not([style*="var(--myshows-color)"]), .EpisodeItem-counter .MyLabel__corner:not([style*="var(--myshows-color)"]), .com-comments .MyLabel__corner:not([style*="var(--myshows-color)"]) {
    color: #666 !important;
}
.episode-col__label:not(.special) .MyLabel__wrapper:not([style*="var(--myshows-color"]), .NewsItem-date .MyLabel__wrapper:not([style*="var(--myshows-color)"]), .EpisodeItem-counter .MyLabel__wrapper:not([style*="var(--myshows-color)"]), .com-comments .MyLabel__wrapper:not([style*="var(--myshows-color)"]) {
    background: #666 !important;
}
.episode-col__label .MyLabel__wrapper .MyLabel__corner[style*="var(--myshows-color)"], .NewsItem-date .MyLabel__wrapper .MyLabel__corner[style*="var(--myshows-color)"], .EpisodeItem-counter .MyLabel__corner[style*="var(--myshows-color)"], .com-comments .MyLabel__corner[style*="var(--myshows-color)"] {
	color: var(--myshows-color-dark) !important;
}
.episode-col__label:not(.special) .MyLabel__wrapper[style*="var(--myshows-color"], .NewsItem-date .MyLabel__wrapper[style*="var(--myshows-color)"], .EpisodeItem-counter .MyLabel__wrapper[style*="var(--myshows-color)"], .com-comments .MyLabel__wrapper[style*="var(--myshows-color)"] {
	background: var(--myshows-color-dark) !important;
}


.episode-col__label.special .MyLabel__wrapper {
    background: #498c00 !important;
}
.RowEpisodeBySeason__status > div:not(.ShowRating, .ShowRating, .EpisodeWatchLabel) {
	padding: .5px 4px;
	font-weight: 400;
	font-size: 14px;
}
/*фон количества комментов*/

/*ховер кнопок*/
.Button--primary:hover {
	background: #c60000;
}
.Button--secondary:hover {
	color: var(--light-grey-color);
}
.UserSummaryShare__link-copy {
	transition: background .2s;
}
.Button--info:hove...

Reviews

No reviews yet.