Темная тема для сайта Myshows.me. Скриншоты
Dark theme for Myshows.me by Shows
Details
AuthorShows
LicenseMIT
CategoryMyshows.me
Created
Updated
Size136 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Как установить:
- Зайдите в магазин расширений для вашего браузера или через поисковик наберите "stylus extension" и по желанию допишите название вашего браузера (Хром, Файрфокс, Опера и т.д.), чтобы искомая страница была на первой строчке поиска. Либо перейдите по ссылкам в этом пункте;
- Установите расширение;
- Нажмите на странице редизайна кнопку "Install";
- Дальше нажмите на кнопку "Установить стиль";
- Готово. Не забывайте заходить в ваше расширение и нажимать (два раза) на крутящуюся стрелочку, чтобы обновлять стили по мере выхода новых версий, чтобы исправлять возникающие баги.
Это же на скриншотах
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.7.0
@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, .Character__name {
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;
}
...