Чёрная тема
// ==UserScript==
// @name AnimeStars Full Black Theme (v2.0)
// @namespace http://tampermonkey.net/
// @version 2.1
// @description Чёрная тема
// @author VladLIO
// @match https://animestars.org/*
// @match *://asstars.tv/*
// @match *://astars.club/*
// @match *://asstars.online/*
// @grant none
// @run-at document-start
// ==/UserScript==
(function () {
'use strict';
/* ========= НАСТРОЙКИ ========= */
const SAFE_SIDE_GAP = 16;
const MIN_TITLE_WIDTH = 240;
const MAX_Z = 2147483647;
const BANNER_ANCHOR = 'poster'; // 'poster' | 'header'
const BANNER_TOP_OFFSET = 8;
const POSTER_TOP_OFFSET = 56;
const BOTTOM_GAP = 6;
const MAX_HEADER_PADDING = 260;
const MAX_BANNER_TOP = 220;
const MIN_BANNER_TOP = 6;
const ALIGN_TO_POSTER_LEFT = true;
const TITLE_MAX_LINES = 2;
const AUTO_FIT_ONE_LINE = true;
const MIN_FONT_PX = 22;
const MAX_FONT_PX = 64;
/* ========= СТИЛИ ========= */
const CSS = `
:root{
--asbm-title-size: clamp(32px, 3.2vw, 52px);
--asbm-title-shadow: 0 3px 10px rgba(0,0,0,.75), 0 0 2px rgba(0,0,0,.9);
--asbm-info-pad: 16px;
--asbm-info-radius: 0px;
--asbm-info2-shift: 120px;
--asbm-line-clamp: 1;
}
/* Базовая заливка */
#asbm_bar, #asbm_container,
header.header, header.header.hbg,
aside.col-side, .col-side,
.anime-cards, .anime-cards.anime-cards--full-page,
.nclub__top-carou, .nclub__sect, .nclub__sect .sect__header, .nclub__sect .sect__content,
.remelt, .remelt__inner, .remelt__inventory,
.card-filter-list, .card-stars-list,
.ncard__menu-content, .ncard__users-toplist,
.ncard__shop-content, .ncard__shop-content-list, .ncard__shop-content-header,
.dpm-container-empty, .dpm-dialog, .dpm-ignore-content, .dpm-overlay,
.dpm-editor-wrapper, .dpm-dialog-editor-place,
.menus,
#anime-player__controls, .pmovie_player-controls, .pmovie__player-controls,
.tabs-block__select, .b-translators__block,
.trade__main-items, .trade_inventory, .trade_inventory-list,
.trade_main, .trade_main_user, .trade_controls, .trade__container, .trade__wrapper,
.trade__main, .trade__main-user, .trade__main-divider, .trade_main-items, .trade_main-divider,
.history,
.noffer__bg{
background:#000!important; background-image:none!important; box-shadow:none!important; border-color:transparent!important;
}
/* --- ФИКС ПОЛОСОК В САЙДБАРЕ --- */
aside.col-side, .col-side{
background:#000!important;
background-image:none!important;
box-shadow:none!important;
border-color:transparent!important;
filter:none!important; mix-blend-mode:normal!important;
}
aside.col-side::before, aside.col-side::after,
.col-side::before, .col-side::after{
content:none!important; background:none!important; background-image:none!important;
-webkit-mask-image:none!important; mask-image:none!important;
filter:none!important; box-shadow:none!important; pointer-events:none!important;
}
.col-side .side_block, .col-side .side-block, .col-side .side_block_menu, .col-side .side-block_menu,
.col-side .aside__menu, .col-side .aside__header, .col-side .aside__footer, .col-side .aside__wrap,
.col-side .aside__list, .col-side .side_block_menu *, .col-side .side-block *{
background:#000!important; background-image:none!important; box-shadow:none!important; border-color:transparent!important;
}
/* --- Шапка карточки тайтла --- */
.pcoln__header, .pcoln_header{
position:relative!important; z-index:${MAX_Z}!important; background:transparent!important;
overflow:visible!important; min-height:180px!important;
}
.pcoln_header .blurred-bg, .pcoln_header .bg, .pcoln_header .poster_overlay,
.pcoln_header .pcoln__overlay, .pcoln_header .pcoln__curtain, .pcoln_header .pcoln__mask,
.pcoln_header .pcoln__fog, .pcoln_header .pcoln__shadow, .pcoln_header .pcoln__dark,
.pcoln_header .pcoln__canvas, .pcoln_header .pcoln__vignette,
.pcoln_header::before, .pcoln_header::after{
opacity:0!important; background:transparent!important; background-image:none!important;
filter:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
mix-blend-mode:normal!important; -webkit-mask-image:none!important; mask-image:none!important;
pointer-events:none!important; z-index:0!important; box-shadow:none!important; border:0!important;
}
/* Баннер заголовка */
.asbm-title-banner{
position:absolute!important; left:0; right:0; z-index:${MAX_Z}!important;
background:transparent!important; pointer-events:none!important;
}
.asbm-title-box{
display:block!important; margin:0!important; text-align:left!important;
font-weight:800!important; font-size:var(--asbm-title-size)!important; line-height:1.15!important;
color:#fff!important; -webkit-text-fill-color:#fff!important; text-shadow:var(--asbm-title-shadow)!important;
white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important;
padding:0 4px!important; pointer-events:none!important;
}
.asbm-title-box.asbm-ml{
white-space:normal!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:var(--asbm-line-clamp)!important;
overflow:hidden!important; text-overflow:ellipsis!important;
line-height:1.12!important;
}
h1[itemprop="name"], .pmovie__original-title, .movie__original-title{
position:static!important; opacity:0!important; visibility:hidden!important; height:0!important; overflow:hidden!important; pointer-events:none!important;
}
/* Правая инфо-панель */
.pcoln__info2{
position:relative!important; z-index:3!important;
display:flex!important; flex-direction:column!important; gap:10px!important;
padding:var(--asbm-info-pad)!important; border-radius:var(--asbm-info-radius)!important;
background:transparent!important; box-shadow:none!important; border:0!important;
mix-blend-mode:normal!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
overflow:visible!important; -webkit-mask-image:none!important; mask-image:none!important;
margin-top: var(--asbm-info2-shift)!important; align-self:flex-start!important;
}
.pcoln__info2, .pcoln__info2 *{ color:#fff!important; text-shadow:none!important; opacity:1!important; visibility:visible!important; }
@media (max-width:1200px){ :root { --asbm-info2-shift: 90px; } }
@media (max-width:900px) { :root { --asbm-info2-shift: 60px; } }
/* --- Фильтр по жанрам / облако тегов --- */
nav.filter-blockcat,
nav.filter-blockcat *,
ul.flex-row-cat,
ul.flex-row-cat li,
nav.filter-blockcat + div,
nav.filter-blockcat ~ div{
background:#000!important; background-image:none!important; box-shadow:none!important; border-color:transparent!important;
}
nav.filter-blockcat + div{ border-top:0!important; border:0!important; }
/* --- Trade inventory (чёрный фон) --- */
.trade_inventory,
.trade_inventory-list,
.trade__inventory,
.trade__inventory-list{
background:#000!important;
background-color:#000!important;
background-image:none!important;
box-shadow:none!important;
border-color:transparent!important;
filter:none!important;
mix-blend-mode:normal!important;
}
`;
const early = document.createElement('style');
early.textContent = CSS;
(document.head || document.documentElement).appendChild(early);
addEventListener('load', () => {
const late = document.createElement('style'); late.textContent = CSS; document.head.appendChild(late);
});
/* ========= УТИЛИТЫ ========= */
const clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
function findTitleText(root=document){
const cand =
root.querySelector('h1[itemprop="name"]') ||
root.querySelector('.movie__original-title') ||
root.querySelector('.pmovie__original-title');
const t = cand?.textContent?.trim();
if (t) return t;
const meta = root.querySelector('meta[itemprop="name"][content]');
return meta?.getAttribute('content')?.trim() || '';
}
function ensureTitleBanner(root=document){
const header = root.querySelector('.pcoln__header, .pcoln_header');
if (!header) return;
const text = findTitleText(root);
if (!text) return;
let banner = header.querySelector('.asbm-title-banner');
if (!banner){
banner = document.createElement('div');
banner.className = 'asbm-title-banner';
header.prepend(banner);
}
let box = banner.querySelector('.asbm-title-box');
if (!box){
box = document.createElement('div');
box.className = 'asbm-title-box';
banner.appendChild(box);
}
if (box.textContent !== text) box.textContent = text;
positionBanner(header, banner, box, root);
}
function autoFitOneLine(box){
box.style.fontSize = '';
const cs = getComputedStyle(box);
let size = Math.min(parseFloat(cs.fontSize) || 44, MAX_FONT_PX);
box.style.fontSize = size + 'px';
let guard = 80;
while (box.scrollWidth > box.clientWidth && size > MIN_FONT_PX && guard-- > 0) {
size -= 1;
box.style.fontSize = size + 'px';
}
}
function positionBanner(header, banner, box, root=document){
try{
header.style.overflow = 'visible';
header.style.minHeight = '180px';
const hdr = header.getBoundingClientRect();
const poster = header.querySelector('.pcoln__poster, .pcoln__img, .pcoln__left, .pcoln__poster img') || header;
let left = SAFE_SIDE_GAP;
if (ALIGN_TO_POSTER_LEFT && poster){
const pr = poster.getBoundingClientRect();
left = clamp(Math.round(pr.left - hdr.left), SAFE_SIDE_GAP, hdr.width - MIN_TITLE_WIDTH - SAFE_SIDE_GAP);
}
banner.style.left = `${left}px`;
let maxWidth = hdr.width - left - SAFE_SIDE_GAP;
const info = header.querySelector('.pcoln__info2');
if (info){
const ir = info.getBoundingClientRect();
const safeW = Math.round(ir.left - hdr.left) - left - SAFE_SIDE_GAP;
if (safeW > MIN_TITLE_WIDTH) maxWidth = Math.min(maxWidth, safeW);
}
box.style.maxWidth = `${Math.max(MIN_TITLE_WIDTH, maxWidth)}px`;
const pr = poster.getBoundingClientRect();
const bannerTopRaw = (BANNER_ANCHOR === 'poster' && poster)
? (pr.top - hdr.top) + POSTER_TOP_OFFSET
: BANNER_TOP_OFFSET;
const top = clamp(bannerTopRaw, MIN_BANNER_TOP, MAX_BANNER_TOP);
banner.style.top = `${top}px`;
box.classList.remove('asbm-ml');
box.style.setProperty('--asbm-line-clamp', '1');
box.style.whiteSpace = 'nowrap';
box.style.fontSize = '';
requestAnimationFrame(() => {
if (box.scrollWidth > box.clientWidth){
if (TITLE_MAX_LINES > 1){
box.classList.add('asbm-ml');
box.style.setProperty('--asbm-line-clamp', String(TITLE_MAX_LINES));
} else if (AUTO_FIT_ONE_LINE){
autoFitOneLine(box);
}
}
const bh = banner.getBoundingClientRect().height || 0;
const pad = Math.min(Math.max(top + bh + BOTTOM_GAP, 0), MAX_HEADER_PADDING);
header.style.paddingTop = `${pad}px`;
});
}catch(_){}
}
/* ========= ОКРАШИВАНИЕ + SPA ========= */
const BLACK = [
'body', '.wrapper-as', '.wrapper-main', 'footer', '.page-padding',
'.ncards', '.carou', '.sect__header', '.content', 'main',
'.sect', '.footer', '.menu', '.desc', '.page__content', '.sect__padding',
'aside.col-side', '.col-side',
'header.header',
'.anime-cards', '.anime-cards.anime-cards--full-page',
'.nclub__top-carou', '.nclub__sect', '.sect__content',
'.remelt', '.remelt__inner', '.remelt__inventory',
'.card-filter-list', '.card-stars-list',
'.ncard__menu-content', '.ncard__users-toplist',
'.ncard__shop-content', '.ncard__shop-content-list', '.ncard__shop-content-header',
'.dpm-container-empty', '.dpm-dialog', '.dpm-ignore-content', '.dpm-overlay',
'.dpm-editor-wrapper', '.dpm-dialog-editor-place',
'#alertsDropdownList', '.menus',
'#anime-player__controls', '.pmovie_player-controls', '.pmovie__player-controls',
'.tabs-block__select', '.b-translators__block',
'.trade__main-items', '.trade_inventory', '.trade_inventory-list',
'.trade_main', '.trade_main_user', '.trade_controls', '.trade__container', '.trade__wrapper',
'.trade__main', '.trade__main-user', '.trade__main-divider', '.trade_main-items', '.trade_main-divider',
'.history', '.noffer__bg',
'nav.filter-blockcat', '.flex-row-cat'
].join(',');
const TRANSPARENT = [
'#asbm_bar', '#asbm_container', '.speedbar',
'header + .page-padding', '.topline', '.breadcrumbs', '.toolbar',
'.pcoln__header', '.pcoln_header'
].join(',');
function paint(el){
if(!el || el.nodeType!==1 || el.dataset.asbmDarkApplied==='1') return;
el.style.setProperty('background','#000','important');
el.style.setProperty('background-color','#000','important');
el.style.setProperty('background-image','none','important');
el.dataset.asbmDarkApplied='1';
}
function transparent(el){
if(!el || el.nodeType!==1) return;
el.style.setProperty('background','transparent','important');
el.style.setProperty('background-color','transparent','important');
el.style.setProperty('background-image','none','important');
el.style.setProperty('box-shadow','none','important');
el.style.setProperty('border-color','transparent','important');
el.dataset.asbmDarkApplied='1';
}
function applyIn(root){
try{ if(root.matches && root.matches(TRANSPARENT)) transparent(root); }catch(_){}
root.querySelectorAll?.(TRANSPARENT).forEach(transparent);
try{ if(root.matches && root.matches(BLACK)) paint(root); }catch(_){}
root.querySelectorAll?.(BLACK).forEach(paint);
// рамка у блока тегов
root.querySelectorAll?.('nav.filter-blockcat + div').forEach(div=>{
div.style.setProperty('border','0','important');
div.style.setProperty('border-top','0','important');
div.style.setProperty('background','#000','important');
div.style.setProperty('background-image','none','important');
});
ensureTitleBanner(root);
}
applyIn(document);
// rAF-батчинг для SPA
const queue = new Set();
let scheduled = false;
const flush = () => { scheduled=false; queue.forEach(n=>applyIn(n)); queue.clear(); };
const mo = new MutationObserver(muts => {
for (const m of muts) for (const n of m.addedNodes)
if (n && n.nodeType===1) queue.add(n);
if (!scheduled){ scheduled=true; requestAnimationFrame(flush); }
});
mo.observe(document.documentElement, { childList:true, subtree:true });
addEventListener('resize', () => {
const header = document.querySelector('.pcoln__header, .pcoln_header');
const banner = header?.querySelector?.('.asbm-title-banner');
const box = banner?.querySelector?.('.asbm-title-box');
if (header && banner && box) positionBanner(header, banner, box, document);
});
addEventListener('popstate', () => requestAnimationFrame(() => applyIn(document)));
addEventListener('pageshow', () => requestAnimationFrame(() => applyIn(document)));
})();