Skip to content

Zoro Blue Theme by adap

Screenshot of Zoro Blue Theme

Details

Authoradap

LicenseNo License

Categoryaniwatch.to

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A Zoro.to (now Aniwatch) theme that changes the base site color to be blue rather than green.

Send Bugs or problems to Adap on Discord.

Notes

Releases! (I've done a lot of additions before but I wanted to start adding notes)

05/07/23: Added new domains

31/12/22: Reverted from Christmas UI and integrated the new live chat feature 

12/12/22: Minor Christmas UI fixes and additions

26/07/22: Added pseudo ad-block

17/07/22: Changed Watch2gether UI to be darker and nice on the eyes

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Zoro Blue Theme
@version      20230710.00.35
@namespace    userstyles.world/user/adap
@description  A Zoro.to Theme that changes the base site color to be blue rather than green.

Send Bugs or problems to Adap#1320 on Discord.

@author       adap
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://zoro.to"), url-prefix("https://zoro.moe"), url-prefix("https://zoro.sx"), url-prefix("https://zoro.pm"), url-prefix("https://sanji.to"), url-prefix("https://aniwatch.to") {
/* Makes main zoro logos blue */
#header #logo
{
	height: 40px;
	width: 132px;
	background-image: url('https://i.imgur.com/rPQITEO.png') !important;
	background-size: cover;
	background-position: center center;
}
.livestream_body #header #logo
{
	height: 50px;
	width: 165px;
	background-image: url('https://i.imgur.com/rPQITEO.png') !important;
	background-size: cover;
	background-position: center center;
}
#mw-top .mwh-logo .mwh-logo-div
{
	height: 60px;
	width: 198px;
	background-image: url('https://i.imgur.com/rPQITEO.png') !important;
	background-size: cover;
	background-position: center center;
}
#footer .footer-logo
{
	height: 40px;
	width: 132px;
	background-image: url('https://i.imgur.com/rPQITEO.png') !important;
	background-size: cover;
	background-position: center center;
}
#discussion .d_w-icon
{
	height: 400px;
	width: 400px;
	background-image: url('https://files.catbox.moe/qxcglq.png') !important;
	background-size: cover;
	background-position: center center;
}
#footer .footer-logo img,
#header #logo img,
#mw-top .mwh-logo .mwh-logo-div img,
.add-manga .add-manga-icon img,
.cr-title .manga-icon img,
#discussion .d_w-icon img
{
	width: 0px !important;
	height: 0px !important;
}

/* Watch2Gether icon changes */
.zicon.zicon-live.mr-2,
.hst-icon > .zicon.zicon-live,
.hst-icon > .zicon.zicon-live:before,
.zicon.zicon-live
{
	background-image: url('https://files.catbox.moe/13v5j3.svg') !important;
}

/* Watch2Gether UI changes */
body.livestream_body #header,
body.livestream_body #search,
.premodal-newroom .modal-dialog .modal-content
{
	background: rgb(30, 31, 32) !important;
}
.livestream_body,
.livestream_body.livestream_body-watch
{
	background: rgb(16, 17, 18) url("https://files.catbox.moe/gn77rr.jpg") bottom center repeat-x !important;
}
.ls__-share .share-buttons.share-buttons-detail,
.ls__-share
{
	background-color: rgb(18, 18, 18) !important;
}
.ls___-detail,
#room-detail
{
	background: rgb(28, 28, 28);
}
.ls___-animeinfo .ls____-content
{
	background: rgb(26, 26, 26)
}
.ls___-chatbox,
.ls___-chatbox .chatbox_wrap .chatbox_-input
{
	background: rgb(15, 15, 15)
}
.chatbox_-room .item.item-user,
.ls___-chatbox .chatbox_wrap .chatbox_-input .form-control-textarea
{
	background: rgb(40, 40, 40);
}
.ls___-chatbox .chatbox_wrap .chatbox_-input .form-control-textarea::placeholder,
.chatbox_-room .item.item-user,
.chatbox__-form .chatbox___-emo .cb-icon,
.ls___-chatbox .chatbox_wrap .chatbox_-input .chatbox__-btn .btn.btn-blank
{
	color: #e5f6ff;
}
.livestream_body #footer
{
	background: rgb(30, 31, 32);
}
.livestream_body .modal-backdrop.show
{
	background: #111;
}
.live__-wrap .item .live-thumbnail
{
	background: #000;
}

/* Makes MangaReader icons blue and fixes positioning */
.add-manga .add-manga-icon
{
	height: 26px;
	width: 26px;
	background-image: url('https://files.catbox.moe/8kw6lw.png') !important;
	background-size: cover;
	margin-right: 10px;
}
.cr-title .manga-icon
{
	height: 24px;
	width: 24px;
	background-image: url('https://files.catbox.moe/8kw6lw.png') !important;
	background-size: cover;
	background-position: center center;
}
@media screen and (max-width: 1400px)
{
	.anis-watch-detail .anis-content .anisc-poster .add-manga .add-manga-icon
	{
		height: 20px;
		width: 20px;
		left: 23.4px;
		position: relative;
	}
}

/* When in full player mode one scroll fits the entire player *may vary for each user
If you have issues either delete this section or edit the padding so it is correct for you */
@media screen and (max-width: 1199px)
{
	.layout-page-watchtv .anis-watch-wrap
	{
		padding-top: 38px !important;
	}
}
/* For watch now button on higher zoom ( dosesn't work :( ) */
/* @media screen and (max-width: 1299px)
{
	.qtip,
	.pre-qtip-content
	{
		display: unset !important;
	}
	.pre-qtip-description 
	{
		display: none;
	}
} */
/* Random color changes to fit blue theme */
#header_menu ul.header_menu-list .nav-item.active > a:before,
#header_menu .header_menu-sub ul.sub-menu li:hover a,
.pre-qtip-button .btn.btn-play,
#xsearch.home-search .search-content .search-submit,
#action-button,
#header #search-toggle.active .btn-on-header,
.search-content .search-result-pop .nav-bottom,
.pre-tabs-min .nav-item .nav-link.active,
.pre-pagination .pagination .page-item.active .page-link,
.premodal .modal-content .close:hover,
ul.az-list li a:hover,
ul.az-list li.active a,
.table_schedule .table_schedule-list li:hover .film-detail .fd-play .btn-play,
.dub-toggle.active .dt-status,
.table_schedule .table_schedule-date .tsd-item.active,
.ss-list .ssl-item.active:before,
.ss-list .ssl-item.active .ssli-btn .btn.btn-circle,
.ss-list.ss-list-min .ssl-item.active,
.hs-toggles .hst-item .toggle-onoff > span,
.toggle-lang.off > span.jp,
.trending-navi > div:hover,
.choose-type .pre-tabs-min .nav-item .nav-link.active,
.chatbox_-room .item.item-mine:before,
.player-servers .ps_-status,
.ps__-list .item .btn.active,
.avatar-list .item .checked,
#slider .sc-detail .scd-item .quality,
.swiper-button:hover,
.toggle-onoff > span,
.nc-list .item.item-pin .is-pin,
body.xmas-ui .ss-list.ss-list-min .ssl-item.active
{
	background: #3db4f2 !important;
}
.toggle-lang > span.en,
.livestream_body .block_area .block_area-header .bah-sort .bhs-item.active .bhsi-name,
.anw-tabs .nav-item .nav-link.active
{
    background: #3db4f2;
}
.ss-list.ss-list-min .ssl-item:visited
{
	background: #91adbd;
}
.pre-tabs-min .nav-item .nav-link.active,
.btn-focus:hover,
.btn-primary:hover,
.btn-tab.active:hover,
.btn-focus,
.btn-primary,
.btn-tab.active,
.screen-items .item:hover .icon-play
{
	background: #3db4f2 !important;
	border-color: #3db4f2 !important;
}
.block-rating .rating-result .progress .progress-bar,
#toast-container > div.toast-success,
.cb-li .btn.btn-spoil.active i,
.award-inner .ai_-tabs a.active::before,
.loading > div
{
	background-color: #3db4f2 !important;
}
.premodal-manga .modal-content
{
	background: #35373d;
}
.highlight-text,
#mobile_menu.active i,
#mobile_search.active i,
#header_menu ul.header_menu-list .nav-item:hover > a,
#xheader_menu ul.header_menu-list .nav-item > a:hover,
#header .btn-on-header:hover,
.dropdown-item-user .user-detail .name,
.header_right-user.logged .dropdown-menu .dropdown-item:hover,
.hr-notifications.show .hrn-icon,
.btn-sm.btn-filter-item:hover,
.btn-sm.nl-item-btn:hover,
.btn-sm.btn-filter-item.active,
.block_area .block_area-header .cat-heading,
.film-poster-ahref i,
.film-poster-ahref:before,
.pre-pagination .pagination .page-item .page-link:hover,
.link-highlight,
#sidebar_menu .sidebar_menu-list > .nav-item > a.nav-link:hover,
.heading-name,
.text-home a,
.noti-list .noti-item.new .icon,
.deslide-item .desi-sub-text,
.anif-block .anif-block-header,
.anif-block-ul li .film-fav.active,
.anif-block-ul li .film-fav:hover,
.anif-block-ul li .film-play:hover,
.cfc-min-block .cmb-item .btn-sm,
.table_schedule .table_schedule-list li:hover .time,
.table_schedule .btn-showmore:hover,
.ss-list .ssl-item.active .ssli-order,
.inbox-item.new .highlight-text,
.nli-select .custom-select,
.stx-center .stx-title,
.zr-news .item .zrn-title:hover,
.news-article > .news-title,
.toggle-basic .tb-result,
.hs-toggles .hst-item .hst-icon i,
.new-noti-list .nnl-item.new strong.manga-name,
.new-noti-list .nnl-item.nnl-more:hover,
.new-noti-list .nnl-mark .btn-xs:hover,
.share-buttons .share-buttons-block .sbb-title span,
.screen-items .item:hover .sii-title,
.live__-wrap .item .live-info .owner .uc-info strong,
.live___-detail .film-name .ep-style,
.live_-start .ls__-tabs li a.nav-link.active,
.ls___-animeinfo .film-info .film-name .ep-style,
.ls___-detail .live-stats .item.item-online,
.chatbox_-room .item.item-mine .ic_text .name,
.ls___-player-cd .player-countdown .countdown-style,
.ls___-player .pc-share a,
.player-servers .ps_-block .ps__-title i,
.player-servers .ps_-block .small strong,
span#AddMalDiv #AddMal,
.dwl-ul .dwl-item .on-chapt a,
#discussion .pre-tabs .nav-item .nav-link.active,
.player-time,
.rep-more .btn,
.ib-li .btn:hover,
.ib-li .btn.active,
.fa-comment::before,
.cw_l-line .ibody p a.tag-name,
.cw_l-line .ibody p a.player-time,
.os-list .os-item.active .title,
.trending-list .item .number span,
.t_c-chatlist .is-wrap .item > div.detail .options .btn,
.t_c-input .is-textarea .is-emo.show .cb-icon,
.ss-list .ssl-item.active .ssli-detail .ep-name, .ss-list .ssl-item:hover .ssli-detail .ep-name
{
	color: #3db4f2 !important;
}
a:hover,
.pre-tabs .nav-item .nav-link.active,
.premodal-manga .modal-content a:hover,
.pre-tabs .nav-item .nav-link:hover,
.wv .wv-ul .item .item-name a,
.wideview-grid .grid-item .item:hover .btn-blank,
.cd-article .cda-bottom .btn:hover,
.cd-article .cda-bottom .btn.active.btn-upvote,
.hr-community .btn i,
.nc-list .item .is-vote.is-vote-new a.active, .nc-list .item .is-vote.is-vote-new a:hover,
.t_c-noti .is-reply .is-icon,
#top_chat .t_c-pin .is-pin .pin-text .sub .pin-name,
#room-detail .rd-anime span,
.ls___-detail .live-owner .user-created .status.is-on
{
	color: #3db4f2;
}
#discussion .pre-tabs .nav-item .nav-link.active,
.os-list .os-item.active,
.wv-item .wv-loadmore .btn:hover,
.preform .d-verify.is-ye...

Reviews

No reviews yet.