/* =============================================================
MARKET NOTIFY - WILDCROSS THEME (wildcross.ru)
Одна сборка на обе схемы форума: светлые темы форума
(data-theme = light | winterday) получают BEIGE, тёмные
(green | middle | dark | winternight) - MONO-GLASS.
Форум ставит data-theme на , поэтому переключение
мгновенное, без перезагрузки.
Подключать ПОСЛЕ notify.css, ВМЕСТО beige.css / mono-glass.css.
Сгенерировано /root/build_wild_theme.py из beige.css + mono-glass.css,
хвост файла (палитра под форум) дописан вручную.
============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap');
/* ============ СВЕТЛЫЕ ТЕМЫ ФОРУМА (beige) ============ */
/* =============================================================
MARKET NOTIFY — BEIGE GLASS (светлое стекло: тёплый беж + акцент
«салатовый» жёлто-зелёный + тёплое золото как парный акцент —
светлая сестра mono-glass.css, тот же визуальный язык и структура
правил, пересчитаны только цвета/направление контраста (оверлеи и
бордеры на светлой базе используют тёмные чернила вместо белого,
специульные блики на стекле оставлены белыми — это блик, а не бордер).
=============================================================
Подключать ПОСЛЕ notify.css (и после любой forum-темы, если есть):
Вернуть базовый скин — просто убрать эту строку .
============================================================= */
html:is([data-theme="light"],[data-theme="winterday"]) {
--be-bg: 201, 197, 189; /* тёплый серо-беж (по образцу) — светлая база */
--be-bg2: 182, 178, 169; /* глубже, та же гамма, для стеклянного градиента */
--be-ink: 64, 54, 40; /* тёплые чернила — бордеры/тени поверх светлого */
--be-green: 150, 178, 72; /* акцент №1 — салатовый (жёлто-зелёный) */
--be-green-deep: 98, 126, 40; /* тёмный салатовый — для текста/иконок на беже */
--be-gold: 205, 158, 78; /* акцент №2 — тёплое золото, пара к салатовому */
--be-gold-deep: 163, 118, 48;
--be-text: 38, 30, 20;
--be-text-dim: 66, 55, 40;
--be-text-faint: 100, 87, 68;
--be-white: 255, 255, 255;
--be-danger: 196, 90, 86;
--be-success: 132, 168, 74;
}
/* ---------- анимации ---------- */
@keyframes beTwinkle {
0%, 100% { opacity: 0; transform: scale(0.5); }
50% { opacity: 0.9; transform: scale(1); }
}
@keyframes beSoftPulse {
0%, 100% { opacity: 0.6; }
50% { opacity: 1; }
}
@keyframes beToastIn {
from { transform: translateX(26px); opacity: 0; filter: blur(3px); }
to { transform: translateX(0); opacity: 1; filter: blur(0); }
}
/* ---------- триггер в улинксах (акцент) ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-noti-trigger {
background: linear-gradient(135deg, rgb(var(--be-green-deep)), rgb(var(--be-gold-deep)));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 1px 4px rgba(var(--be-green), 0.35));
transition: filter 0.3s ease, transform 0.3s ease;
}
html:is([data-theme="light"],[data-theme="winterday"]) #mn-noti-trigger:hover {
filter: drop-shadow(0 0 8px rgba(var(--be-gold), 0.6));
}
html:is([data-theme="light"],[data-theme="winterday"]) #mn-noti-trigger.has-unread {
background: linear-gradient(135deg, rgb(var(--be-danger)), rgb(var(--be-green-deep)));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 6px rgba(var(--be-danger), 0.45));
animation: beSoftPulse 2.2s ease-in-out infinite;
}
html:is([data-theme="light"],[data-theme="winterday"]) #mn-noti-trigger .bubble {
background: linear-gradient(135deg, rgb(var(--be-danger)), rgb(var(--be-green))) !important;
-webkit-text-fill-color: initial;
color: rgb(var(--be-white)) !important;
box-shadow: 0 2px 8px rgba(var(--be-danger), 0.4), 0 0 0 1px rgba(var(--be-white), 0.6) inset;
border: none;
filter: none;
}
/* ---------- оверлей — нейтральный, без цвета ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal-overlay {
background: rgba(40, 34, 24, 0.45) !important;
}
/* ---------- модалка: тёплое светлое стекло ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal {
background: linear-gradient(160deg, rgba(var(--be-bg2), 0.90), rgba(var(--be-bg), 0.95)) !important;
backdrop-filter: blur(26px) saturate(115%);
-webkit-backdrop-filter: blur(26px) saturate(115%);
border: 1px solid rgba(var(--be-white), 0.55) !important;
border-radius: 22px !important;
box-shadow:
0 24px 60px rgba(var(--be-ink), 0.22),
0 2px 8px rgba(var(--be-ink), 0.12),
0 1px 0 rgba(var(--be-white), 0.7) inset !important;
color: rgb(var(--be-text)) !important;
position: relative;
overflow: hidden;
}
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal > * { position: relative; z-index: 1; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-modal-header {
color: rgba(var(--be-text-faint), 0.95) !important;
border-bottom: 1px solid rgba(var(--be-ink), 0.10) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-modal-header span,
html:is([data-theme="light"],[data-theme="winterday"]) .mn-modal-header-actions span {
color: rgba(var(--be-text-dim), 0.9) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-modal-header span:hover,
html:is([data-theme="light"],[data-theme="winterday"]) .mn-modal-header-actions span:hover {
color: rgb(var(--be-gold-deep)) !important;
filter: drop-shadow(0 0 5px rgba(var(--be-gold), 0.35));
}
/* ---------- вкладки (акцент на активной) ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal-tabs {
border-bottom: 1px solid rgba(var(--be-ink), 0.10) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-btn {
color: rgba(var(--be-text-faint), 0.9) !important;
border: 1px solid transparent !important;
background: transparent !important;
border-radius: 10px !important;
transition: color 0.25s ease, background 0.25s ease, box-shadow 0.3s ease !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-btn:hover {
color: rgb(var(--be-text)) !important;
background: rgba(var(--be-ink), 0.05) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-btn.active {
color: rgb(var(--be-green-deep)) !important;
background: rgba(var(--be-white), 0.55) !important;
border-color: rgba(var(--be-green), 0.4) !important;
box-shadow:
0 0 12px rgba(var(--be-green), 0.2),
0 1px 0 rgba(var(--be-white), 0.7) inset !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-count {
background: rgba(var(--be-ink), 0.08) !important;
color: rgba(var(--be-text-dim), 0.9) !important;
border-radius: 8px;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-btn.active .mn-tab-count {
background: rgba(var(--be-gold), 0.25) !important;
color: rgb(var(--be-gold-deep)) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-tab-count.unread-badge {
background: linear-gradient(135deg, rgb(var(--be-danger)), rgb(var(--be-green))) !important;
color: rgb(var(--be-white)) !important;
box-shadow: 0 1px 6px rgba(var(--be-danger), 0.35);
}
/* ---------- скроллбары (акцентная заливка полоски) ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal-list::-webkit-scrollbar-thumb,
html:is([data-theme="light"],[data-theme="winterday"]) #mn-settings-panel::-webkit-scrollbar-thumb,
html:is([data-theme="light"],[data-theme="winterday"]) #mn-admin-panel::-webkit-scrollbar-thumb,
html:is([data-theme="light"],[data-theme="winterday"]) #mn-mention-suggest::-webkit-scrollbar-thumb {
background: linear-gradient(rgba(var(--be-green), 0.55), rgba(var(--be-gold), 0.55)) !important;
border-radius: 10px;
}
/* ---------- строки уведомлений ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item {
border-bottom: 1px solid rgba(var(--be-ink), 0.08) !important;
color: rgb(var(--be-text)) !important;
transition: background 0.2s ease !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item:hover {
background: rgba(var(--be-ink), 0.04) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item.unread {
background: rgba(var(--be-green), 0.07) !important;
border-left: 3px solid rgb(var(--be-green)) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item.unread .nt-list-item-sender {
color: rgb(var(--be-green-deep)) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-sender { color: rgb(var(--be-text)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-text { color: rgba(var(--be-text-dim), 0.95) !important; }
/* Снипет поста (§23) появился после сборки пака тем и не был учтён —
базовый #999 @ .85 из notify.css почти не читается на светлой базе. */
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-snippet {
color: rgba(var(--be-text-dim), 0.85) !important;
border-left-color: rgba(var(--be-text-faint), 0.5) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-read {
color: rgba(var(--be-text-faint), 0.8) !important;
background: rgba(var(--be-ink), 0.05);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-read:hover {
color: rgb(var(--be-white)) !important;
background: linear-gradient(135deg, rgb(var(--be-green)), rgb(var(--be-gold))) !important;
box-shadow: 0 2px 8px rgba(var(--be-green), 0.35);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-list-item-time { color: rgba(var(--be-text-faint), 0.9) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-empty { color: rgba(var(--be-text-faint), 0.7) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-admin-status { color: rgba(var(--be-text-dim), 0.85) !important; }
/* ---------- TG-футер ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-modal-tg-footer {
border-top: 1px solid rgba(var(--be-ink), 0.10) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .tg-btn-connect {
background: rgba(var(--be-white), 0.5) !important;
border: 1px solid rgba(var(--be-gold), 0.4) !important;
color: rgba(var(--be-text-dim), 0.95) !important;
border-radius: 10px !important;
transition: box-shadow 0.3s ease, background 0.25s ease !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .tg-btn-connect:hover:not(:disabled) {
background: rgba(var(--be-gold), 0.16) !important;
color: rgb(var(--be-gold-deep)) !important;
box-shadow: 0 3px 14px rgba(var(--be-gold), 0.3);
}
html:is([data-theme="light"],[data-theme="winterday"]) .tg-status-linked { color: rgba(var(--be-success), 0.95) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) #mn-tg-unlink-btn { color: rgb(var(--be-danger)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .tg-status-instruction { color: rgba(var(--be-text-dim), 0.95) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .tg-code {
background: rgba(var(--be-ink), 0.06) !important;
border: 1px solid rgba(var(--be-green), 0.4) !important;
color: rgb(var(--be-green-deep)) !important;
}
/* ---------- панель настроек ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-header { border-bottom: 1px solid rgba(var(--be-ink), 0.10) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-header-cell { color: rgba(var(--be-text-faint), 0.85) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-col-toggle:hover {
color: rgb(var(--be-gold-deep)) !important;
text-shadow: 0 0 6px rgba(var(--be-gold), 0.3);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-row { border-bottom: 1px solid rgba(var(--be-ink), 0.06) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-label { color: rgb(var(--be-text-dim)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-label i { color: rgba(var(--be-green-deep), 0.9) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-toggle-track {
background: rgba(var(--be-ink), 0.16) !important;
box-shadow: inset 0 1px 2px rgba(var(--be-ink), 0.25);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-toggle input:checked + .nt-toggle-track {
background: linear-gradient(135deg, rgb(var(--be-green)), rgb(var(--be-gold))) !important;
box-shadow: 0 1px 8px rgba(var(--be-green), 0.35) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-toggle-track::after {
background: rgb(var(--be-white)) !important;
box-shadow: 0 1px 3px rgba(var(--be-ink), 0.35);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-volume-cell input[type="range"] {
accent-color: rgb(var(--be-gold-deep)) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-settings-divider { border-top: 1px solid rgba(var(--be-ink), 0.10) !important; }
/* ---------- кнопки (master-тумблер/админ-панель шарят класс nt-admin-btn) ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) .nt-admin-btn,
html:is([data-theme="light"],[data-theme="winterday"]) #nt-toggle-all-btn {
background: rgba(var(--be-white), 0.5) !important;
border: 1px solid rgba(var(--be-ink), 0.16) !important;
color: rgb(var(--be-text-dim)) !important;
border-radius: 10px !important;
transition: background 0.2s ease, box-shadow 0.25s ease !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-admin-btn:hover,
html:is([data-theme="light"],[data-theme="winterday"]) #nt-toggle-all-btn:hover {
background: rgba(var(--be-green), 0.16) !important;
box-shadow: 0 2px 10px rgba(var(--be-green), 0.25);
}
html:is([data-theme="light"],[data-theme="winterday"]) #nt-toggle-all-btn.nt-btn-danger {
border-color: rgba(var(--be-danger), 0.5) !important;
color: rgb(var(--be-danger)) !important;
background: rgba(var(--be-white), 0.5) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) #nt-toggle-all-btn.nt-btn-danger:hover {
background: rgba(var(--be-danger), 0.12) !important;
box-shadow: 0 2px 10px rgba(var(--be-danger), 0.25);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-admin-textarea {
background: rgba(var(--be-white), 0.55) !important;
border: 1px solid rgba(var(--be-ink), 0.16) !important;
color: rgb(var(--be-text)) !important;
border-radius: 10px !important;
}
/* ---------- @-саджест — тёплое стекло ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-mention-suggest {
background: linear-gradient(160deg, rgba(var(--be-bg2), 0.95), rgba(var(--be-bg), 0.97)) !important;
backdrop-filter: blur(18px) saturate(115%);
-webkit-backdrop-filter: blur(18px) saturate(115%);
border: 1px solid rgba(var(--be-white), 0.6) !important;
box-shadow: 0 12px 30px rgba(var(--be-ink), 0.2), 0 1px 0 rgba(var(--be-white), 0.65) inset !important;
border-radius: 12px !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mention-item:hover { background: rgba(var(--be-gold), 0.14) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mention-item div:first-child { color: rgb(var(--be-text)) !important; }
/* ---------- стопка тостов — тёплое стекло, анимация остаётся ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice {
background: linear-gradient(160deg, rgba(var(--be-bg2), 0.92), rgba(var(--be-bg), 0.96)) !important;
backdrop-filter: blur(20px) saturate(115%);
-webkit-backdrop-filter: blur(20px) saturate(115%);
border: 1px solid rgba(var(--be-white), 0.6) !important;
border-radius: 16px !important;
color: rgb(var(--be-text)) !important;
box-shadow:
0 14px 36px rgba(var(--be-ink), 0.2),
0 1px 0 rgba(var(--be-white), 0.65) inset !important;
animation: beToastIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
/* пара нежных искр в тосте (акцент) */
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice::after {
content: "✦";
position: absolute;
top: 6px;
right: 30px;
font-size: 9px;
color: rgba(var(--be-green-deep), 0.8);
animation: beTwinkle 3s ease-in-out infinite;
pointer-events: none;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice::before {
content: "✦";
position: absolute;
bottom: 8px;
left: 8px;
font-size: 7px;
color: rgba(var(--be-gold-deep), 0.75);
animation: beTwinkle 3.8s ease-in-out 1.2s infinite;
pointer-events: none;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-text { color: rgba(var(--be-text), 0.95) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-text b { color: rgb(var(--be-green-deep)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-snippet { color: rgba(var(--be-text-dim), 0.85) !important; border-left-color: rgba(var(--be-text-faint), 0.5) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-link {
background: rgba(var(--be-white), 0.5) !important;
border: 1px solid rgba(var(--be-gold), 0.45) !important;
color: rgb(var(--be-gold-deep)) !important;
border-radius: 8px !important;
transition: background 0.2s ease, box-shadow 0.25s ease !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-link:hover {
background: rgba(var(--be-gold), 0.16) !important;
box-shadow: 0 2px 10px rgba(var(--be-gold), 0.3);
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-agg { color: rgb(var(--be-green-deep)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-close { color: rgba(var(--be-text-faint), 0.8) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-close:hover { color: rgb(var(--be-danger)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-closeall {
background: rgba(var(--be-ink), 0.08) !important;
color: rgba(var(--be-text-dim), 0.95) !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-closeall:hover { color: rgb(var(--be-green-deep)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .mn-notice-avatar {
box-shadow: 0 0 0 2px rgba(var(--be-bg), 0.95), 0 0 0 3.5px rgba(var(--be-green), 0.45), 0 2px 8px rgba(var(--be-ink), 0.3);
}
/* ---------- админ-панель ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) #mn-admin-panel { color: rgb(var(--be-text)); }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-admin-section-title { color: rgb(var(--be-green-deep)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) #nt-broadcast-text {
background: rgba(var(--be-white), 0.55) !important;
border: 1px solid rgba(var(--be-ink), 0.16) !important;
color: rgb(var(--be-text)) !important;
border-radius: 10px !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) #nt-imp-add,
html:is([data-theme="light"],[data-theme="winterday"]) #nt-broadcast-send {
background: linear-gradient(135deg, rgb(var(--be-green)), rgb(var(--be-gold))) !important;
color: rgb(var(--be-white)) !important;
box-shadow: 0 2px 10px rgba(var(--be-green), 0.3);
border-radius: 10px !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) #nt-imp-add:hover,
html:is([data-theme="light"],[data-theme="winterday"]) #nt-broadcast-send:hover {
box-shadow: 0 3px 16px rgba(var(--be-gold), 0.4);
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-imp-row { border-bottom: 1px solid rgba(var(--be-ink), 0.10) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-imp-title { color: rgb(var(--be-text)) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-imp-remove { color: rgb(var(--be-danger)) !important; }
/* ---------- кнопка подписки на форум (акцент) ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) .nt-forumsub-btn {
background: rgba(var(--be-green), 0.12) !important;
border: 1px solid rgba(var(--be-green), 0.4) !important;
color: rgb(var(--be-green-deep)) !important;
border-radius: 10px !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) .nt-forumsub-btn:hover { background: rgba(var(--be-green), 0.2) !important; }
html:is([data-theme="light"],[data-theme="winterday"]) .nt-forumsub-btn.subscribed {
background: rgba(var(--be-success), 0.18) !important;
border-color: rgba(var(--be-success), 0.5) !important;
box-shadow: 0 1px 8px rgba(var(--be-success), 0.25);
}
/* ============ ТЁМНЫЕ ТЕМЫ ФОРУМА (mono-glass) ============ */
/* =============================================================
MARKET NOTIFY — MONO GLASS (чёрно-серое стекло, акценты только на
интерактиве). Порт нотовского notify_mono_glass.css — селекторы
переведены под mn-/nt- разметку market-notify (структура тостов и
админ-панели у market-notify другая, переписаны заново под тот же
визуальный язык).
=============================================================
Подключать ПОСЛЕ notify.css (и после любой forum-темы, если есть):
Вернуть базовый скин — просто убрать эту строку .
============================================================= */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) {
--mg-bg: 17, 17, 19; /* почти чёрная база */
--mg-bg2: 27, 27, 30; /* чуть светлее графит */
--mg-lilac: 190, 175, 215; /* акцент №1 — пепельно-лиловый */
--mg-lilac-deep: 212, 200, 232; /* светлее, для текста на тёмном */
--mg-teal: 122, 196, 196; /* акцент №2 — пыльная бирюза */
--mg-teal-deep: 150, 212, 212;
--mg-text: 224, 224, 228;
--mg-text-dim: 168, 168, 175;
--mg-text-faint: 118, 118, 126;
--mg-white: 255, 255, 255;
--mg-danger: 224, 122, 142;
--mg-success: 122, 196, 168;
}
/* ---------- анимации ---------- */
@keyframes mgTwinkle {
0%, 100% { opacity: 0; transform: scale(0.5); }
50% { opacity: 0.9; transform: scale(1); }
}
@keyframes mgSoftPulse {
0%, 100% { opacity: 0.6; }
50% { opacity: 1; }
}
@keyframes mgToastIn {
from { transform: translateX(26px); opacity: 0; filter: blur(3px); }
to { transform: translateX(0); opacity: 1; filter: blur(0); }
}
/* ---------- триггер в улинксах (акцент) ---------- */
/* У market-notify триггер — текстовая ссылка без иконки-колокольчика
(см. §review 2026-07-08), поэтому градиент вешаем на сам текст. */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-noti-trigger {
background: linear-gradient(135deg, rgb(var(--mg-lilac-deep)), rgb(var(--mg-teal-deep)));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 1px 4px rgba(var(--mg-lilac), 0.4));
transition: filter 0.3s ease, transform 0.3s ease;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-noti-trigger:hover {
filter: drop-shadow(0 0 8px rgba(var(--mg-teal), 0.7));
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-noti-trigger.has-unread {
background: linear-gradient(135deg, rgb(var(--mg-danger)), rgb(var(--mg-lilac-deep)));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0 0 6px rgba(var(--mg-danger), 0.5));
animation: mgSoftPulse 2.2s ease-in-out infinite;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-noti-trigger .bubble {
background: linear-gradient(135deg, rgb(var(--mg-danger)), rgb(var(--mg-lilac))) !important;
-webkit-text-fill-color: initial;
box-shadow: 0 2px 8px rgba(var(--mg-danger), 0.45), 0 0 0 1px rgba(var(--mg-white), 0.55) inset;
border: none;
filter: none;
}
/* ---------- оверлей — нейтральный, без цвета ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal-overlay {
background: rgba(0, 0, 0, 0.55) !important;
}
/* ---------- модалка: чёрно-серое стекло, БЕЗ цвета в фоне ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal {
background: linear-gradient(160deg, rgba(var(--mg-bg2), 0.92), rgba(var(--mg-bg), 0.96)) !important;
backdrop-filter: blur(26px) saturate(120%);
-webkit-backdrop-filter: blur(26px) saturate(120%);
border: 1px solid rgba(var(--mg-white), 0.09) !important;
border-radius: 22px !important;
box-shadow:
0 24px 60px rgba(0, 0, 0, 0.55),
0 2px 8px rgba(0, 0, 0, 0.35),
0 1px 0 rgba(var(--mg-white), 0.10) inset !important;
color: rgb(var(--mg-text)) !important;
position: relative;
overflow: hidden;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal > * { position: relative; z-index: 1; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-modal-header {
color: rgba(var(--mg-text-faint), 0.9) !important;
border-bottom: 1px solid rgba(var(--mg-white), 0.08) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-modal-header span,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-modal-header-actions span {
color: rgba(var(--mg-text-dim), 0.85) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-modal-header span:hover,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-modal-header-actions span:hover {
color: rgb(var(--mg-teal-deep)) !important;
filter: drop-shadow(0 0 5px rgba(var(--mg-teal), 0.45));
}
/* ---------- вкладки (акцент на активной) ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal-tabs {
border-bottom: 1px solid rgba(var(--mg-white), 0.08) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-btn {
color: rgba(var(--mg-text-faint), 0.85) !important;
border: 1px solid transparent !important;
background: transparent !important;
border-radius: 10px !important;
transition: color 0.25s ease, background 0.25s ease, box-shadow 0.3s ease !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-btn:hover {
color: rgb(var(--mg-text)) !important;
background: rgba(var(--mg-white), 0.05) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-btn.active {
color: rgb(var(--mg-lilac-deep)) !important;
background: rgba(var(--mg-white), 0.06) !important;
border-color: rgba(var(--mg-lilac), 0.35) !important;
box-shadow:
0 0 12px rgba(var(--mg-lilac), 0.25),
0 1px 0 rgba(var(--mg-white), 0.08) inset !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-count {
background: rgba(var(--mg-white), 0.08) !important;
color: rgba(var(--mg-text-dim), 0.9) !important;
border-radius: 8px;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-btn.active .mn-tab-count {
background: rgba(var(--mg-teal), 0.22) !important;
color: rgb(var(--mg-teal-deep)) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-tab-count.unread-badge {
background: linear-gradient(135deg, rgb(var(--mg-danger)), rgb(var(--mg-lilac))) !important;
color: rgb(var(--mg-white)) !important;
box-shadow: 0 1px 6px rgba(var(--mg-danger), 0.4);
}
/* ---------- скроллбары (акцентная заливка полоски) ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal-list::-webkit-scrollbar-thumb,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-settings-panel::-webkit-scrollbar-thumb,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-admin-panel::-webkit-scrollbar-thumb,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-mention-suggest::-webkit-scrollbar-thumb {
background: linear-gradient(rgba(var(--mg-lilac), 0.5), rgba(var(--mg-teal), 0.5)) !important;
border-radius: 10px;
}
/* ---------- строки уведомлений ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item {
border-bottom: 1px solid rgba(var(--mg-white), 0.06) !important;
color: rgb(var(--mg-text)) !important;
transition: background 0.2s ease !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item:hover {
background: rgba(var(--mg-white), 0.045) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item.unread {
background: rgba(var(--mg-white), 0.03) !important;
border-left: 3px solid rgb(var(--mg-teal)) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item.unread .nt-list-item-sender {
color: rgb(var(--mg-teal-deep)) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item-sender { color: rgb(var(--mg-text)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item-text { color: rgba(var(--mg-text-dim), 0.9) !important; }
/* Базовый #999 из notify.css уже читаем на тёмной базе mono-glass (это
эталонная тема, под которую он и был захардкожен, см. §20), но подтягиваем
к общей палитре темы для единообразия с остальными оверрайдами. */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item-snippet {
color: rgba(var(--mg-text-dim), 0.85) !important;
border-left-color: rgba(var(--mg-text-faint), 0.5) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item-read {
color: rgba(var(--mg-text-faint), 0.7) !important;
background: rgba(var(--mg-white), 0.05);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-list-item-read:hover {
color: rgb(var(--mg-bg)) !important;
background: linear-gradient(135deg, rgb(var(--mg-teal)), rgb(var(--mg-lilac))) !important;
box-shadow: 0 2px 8px rgba(var(--mg-teal), 0.4);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-empty { color: rgba(var(--mg-text-faint), 0.5) !important; }
/* Пояснительные подписи в админ-панели (§блокировка/звук) — база notify.css
даёт #999, читаемый только на тёмной mono-glass, но подтягиваем к общей
палитре темы для единообразия с остальными оверрайдами. */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-admin-status { color: rgba(var(--mg-text-dim), 0.85) !important; }
/* ---------- TG-футер ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-modal-tg-footer {
border-top: 1px solid rgba(var(--mg-white), 0.08) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .tg-btn-connect {
background: rgba(var(--mg-white), 0.05) !important;
border: 1px solid rgba(var(--mg-teal), 0.3) !important;
color: rgba(var(--mg-text-dim), 0.9) !important;
border-radius: 10px !important;
transition: box-shadow 0.3s ease, background 0.25s ease !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .tg-btn-connect:hover:not(:disabled) {
background: rgba(var(--mg-teal), 0.14) !important;
color: rgb(var(--mg-teal-deep)) !important;
box-shadow: 0 3px 14px rgba(var(--mg-teal), 0.3);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .tg-status-linked { color: rgba(var(--mg-success), 0.9) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-tg-unlink-btn { color: rgb(var(--mg-danger)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .tg-status-instruction { color: rgba(var(--mg-text-dim), 0.9) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .tg-code {
background: rgba(var(--mg-white), 0.06) !important;
border: 1px solid rgba(var(--mg-lilac), 0.35) !important;
color: rgb(var(--mg-lilac-deep)) !important;
}
/* ---------- панель настроек ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-header { border-bottom: 1px solid rgba(var(--mg-white), 0.08) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-header-cell { color: rgba(var(--mg-text-faint), 0.7) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-col-toggle:hover {
color: rgb(var(--mg-teal-deep)) !important;
text-shadow: 0 0 6px rgba(var(--mg-teal), 0.4);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-row { border-bottom: 1px solid rgba(var(--mg-white), 0.05) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-label { color: rgb(var(--mg-text-dim)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-label i { color: rgba(var(--mg-lilac), 0.85) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-toggle-track {
background: rgba(var(--mg-white), 0.12) !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-toggle input:checked + .nt-toggle-track {
background: linear-gradient(135deg, rgb(var(--mg-lilac)), rgb(var(--mg-teal))) !important;
box-shadow: 0 1px 8px rgba(var(--mg-lilac), 0.4) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-toggle-track::after {
background: rgb(var(--mg-white)) !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-volume-cell input[type="range"] {
accent-color: rgb(var(--mg-teal-deep)) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-settings-divider { border-top: 1px solid rgba(var(--mg-white), 0.08) !important; }
/* ---------- кнопки (master-тумблер/админ-панель шарят класс nt-admin-btn) ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-admin-btn,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-toggle-all-btn {
background: rgba(var(--mg-white), 0.05) !important;
border: 1px solid rgba(var(--mg-white), 0.14) !important;
color: rgb(var(--mg-text-dim)) !important;
border-radius: 10px !important;
transition: background 0.2s ease, box-shadow 0.25s ease !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-admin-btn:hover,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-toggle-all-btn:hover {
background: rgba(var(--mg-lilac), 0.14) !important;
box-shadow: 0 2px 10px rgba(var(--mg-lilac), 0.3);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-toggle-all-btn.nt-btn-danger {
border-color: rgba(var(--mg-danger), 0.45) !important;
color: rgb(var(--mg-danger)) !important;
background: rgba(var(--mg-white), 0.05) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-toggle-all-btn.nt-btn-danger:hover {
background: rgba(var(--mg-danger), 0.12) !important;
box-shadow: 0 2px 10px rgba(var(--mg-danger), 0.3);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-admin-textarea {
background: rgba(var(--mg-white), 0.05) !important;
border: 1px solid rgba(var(--mg-white), 0.14) !important;
color: rgb(var(--mg-text)) !important;
border-radius: 10px !important;
}
/* ---------- @-саджест — нейтральное стекло ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-mention-suggest {
background: linear-gradient(160deg, rgba(var(--mg-bg2), 0.96), rgba(var(--mg-bg), 0.98)) !important;
backdrop-filter: blur(18px) saturate(120%);
-webkit-backdrop-filter: blur(18px) saturate(120%);
border: 1px solid rgba(var(--mg-white), 0.09) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(var(--mg-white), 0.08) inset !important;
border-radius: 12px !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mention-item:hover { background: rgba(var(--mg-teal), 0.10) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mention-item div:first-child { color: rgb(var(--mg-text)) !important; }
/* ---------- стопка тостов — нейтральное стекло, анимация остаётся ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice {
background: linear-gradient(160deg, rgba(var(--mg-bg2), 0.94), rgba(var(--mg-bg), 0.97)) !important;
backdrop-filter: blur(20px) saturate(120%);
-webkit-backdrop-filter: blur(20px) saturate(120%);
border: 1px solid rgba(var(--mg-white), 0.10) !important;
border-radius: 16px !important;
color: rgb(var(--mg-text)) !important;
box-shadow:
0 14px 36px rgba(0, 0, 0, 0.5),
0 1px 0 rgba(var(--mg-white), 0.10) inset !important;
animation: mgToastIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
/* пара нежных звёздочек-искр в тосте (акцент) */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice::after {
content: "✦";
position: absolute;
top: 6px;
right: 30px;
font-size: 9px;
color: rgba(var(--mg-lilac), 0.85);
animation: mgTwinkle 3s ease-in-out infinite;
pointer-events: none;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice::before {
content: "✦";
position: absolute;
bottom: 8px;
left: 8px;
font-size: 7px;
color: rgba(var(--mg-teal), 0.8);
animation: mgTwinkle 3.8s ease-in-out 1.2s infinite;
pointer-events: none;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-text { color: rgba(var(--mg-text), 0.95) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-text b { color: rgb(var(--mg-lilac-deep)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-snippet { color: rgba(var(--mg-text-dim), 0.85) !important; border-left-color: rgba(var(--mg-text-faint), 0.5) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-link {
background: rgba(var(--mg-white), 0.06) !important;
border: 1px solid rgba(var(--mg-teal), 0.35) !important;
color: rgb(var(--mg-teal-deep)) !important;
border-radius: 8px !important;
transition: background 0.2s ease, box-shadow 0.25s ease !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-link:hover {
background: rgba(var(--mg-teal), 0.14) !important;
box-shadow: 0 2px 10px rgba(var(--mg-teal), 0.35);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-agg { color: rgb(var(--mg-lilac-deep)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-close { color: rgba(var(--mg-text-faint), 0.7) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-close:hover { color: rgb(var(--mg-danger)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-closeall {
background: rgba(var(--mg-white), 0.08) !important;
color: rgba(var(--mg-text-dim), 0.9) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-closeall:hover { color: rgb(var(--mg-lilac-deep)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .mn-notice-avatar {
box-shadow: 0 0 0 2px rgba(var(--mg-bg2), 0.9), 0 0 0 3.5px rgba(var(--mg-lilac), 0.4), 0 2px 8px rgba(0, 0, 0, 0.4);
}
/* ---------- админ-панель ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #mn-admin-panel { color: rgb(var(--mg-text)); }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-admin-section-title { color: rgb(var(--mg-lilac-deep)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-broadcast-text {
background: rgba(var(--mg-white), 0.05) !important;
border: 1px solid rgba(var(--mg-white), 0.14) !important;
color: rgb(var(--mg-text)) !important;
border-radius: 10px !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-imp-add,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-broadcast-send {
background: linear-gradient(135deg, rgb(var(--mg-lilac)), rgb(var(--mg-teal))) !important;
color: rgb(var(--mg-bg)) !important;
box-shadow: 0 2px 10px rgba(var(--mg-lilac), 0.35);
border-radius: 10px !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-imp-add:hover,
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #nt-broadcast-send:hover {
box-shadow: 0 3px 16px rgba(var(--mg-teal), 0.45);
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-imp-row { border-bottom: 1px solid rgba(var(--mg-white), 0.08) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-imp-title { color: rgb(var(--mg-text)) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-imp-remove { color: rgb(var(--mg-danger)) !important; }
/* ---------- кнопка подписки на форум (акцент) ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-forumsub-btn {
background: rgba(var(--mg-lilac), 0.10) !important;
border: 1px solid rgba(var(--mg-lilac), 0.35) !important;
color: rgb(var(--mg-lilac-deep)) !important;
border-radius: 10px !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-forumsub-btn:hover { background: rgba(var(--mg-lilac), 0.18) !important; }
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) .nt-forumsub-btn.subscribed {
background: rgba(var(--mg-success), 0.14) !important;
border-color: rgba(var(--mg-success), 0.45) !important;
box-shadow: 0 1px 8px rgba(var(--mg-success), 0.3);
}
/* ============================================================
ПАЛИТРА ПОД ФОРУМ (правится вручную, генератором не затирается —
лежит в /root/wildcross-tail.css)
============================================================ */
/* ---------- светлые темы форума: beige под #d0cdbf ---------- */
html:is([data-theme="light"],[data-theme="winterday"]) {
--be-bg: 208, 205, 191; /* фон форума в теме light */
--be-bg2: 190, 186, 170;
--be-ink: 28, 30, 27; /* чернила форума */
--be-green: 100, 109, 95; /* акцент №1 — олива форума (тема green) */
--be-green-deep: 74, 84, 66;
--be-gold: 176, 148, 100; /* акцент №2 — приглушённое тёплое золото */
--be-gold-deep: 138, 112, 68;
--be-text: 28, 30, 27;
--be-text-dim: 58, 62, 54;
--be-text-faint: 96, 101, 90;
--be-danger: 168, 82, 72;
--be-success: 100, 109, 95;
}
/* ---------- тёмные темы форума: mono-glass под #21231e ---------- */
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) {
--mg-bg: 33, 35, 30; /* фон форума в теме dark */
--mg-bg2: 45, 48, 41;
--mg-lilac: 175, 186, 170; /* акцент №1 — светлая шалфейная зелень форума */
--mg-lilac-deep: 201, 210, 196;
--mg-teal: 143, 160, 136; /* акцент №2 — та же гамма, глубже */
--mg-teal-deep: 172, 188, 165;
--mg-text: 220, 215, 216; /* текст форума в тёмных темах */
--mg-text-dim: 175, 186, 170;
--mg-text-faint: 128, 136, 122;
--mg-danger: 205, 122, 112;
--mg-success: 143, 176, 128;
}
/* ---------- шрифт форума (Manrope) «ковром» ----------
в notify.css font-family: sans-serif прописан ~30 внутренним
селекторам по отдельности — точечно все не перекрыть (см. §33.3) */
#mn-modal, #mn-modal *,
.mn-notice, .mn-notice *,
#mn-notice-stream, #mn-notice-stream *,
#mn-settings-panel, #mn-settings-panel *,
#mn-admin-panel, #mn-admin-panel *,
#mn-mention-suggest, #mn-mention-suggest * {
font-family: Manrope, Verdana, Arial, Helvetica, sans-serif;
}
/* иконки FA и моноширинный код — обратно */
#mn-modal .fa, #mn-modal .fas, #mn-modal .far, #mn-modal .fa-solid, #mn-modal .fa-regular,
.mn-notice .fa, .mn-notice .fas, .mn-notice .far, .mn-notice .fa-solid, .mn-notice .fa-regular,
#mn-admin-panel .fa-solid, #mn-settings-panel .fa-solid {
font-family: "Font Awesome 6 Free" !important;
}
#mn-modal .tg-code, #mn-settings-panel .tg-code {
font-family: ui-monospace, Menlo, Consolas, monospace;
}
/* ---------- триггер в улинксах наследует стиль форума (§2 шаг 10) ----------
темы пака красят его градиентом через background-clip: text —
на панели улинксов wildcross это выглядит блёкло/пусто */
#pun-ulinks #mn-noti-trigger,
#pun-ulinks #mn-noti-trigger.has-unread,
#pun-ulinks #mn-noti-trigger:hover {
background: none !important;
background-image: none !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-text-fill-color: currentColor !important;
filter: none !important;
animation: none !important;
opacity: 1;
}
/* непрочитанные — акцентом, а не свечением */
html:is([data-theme="light"],[data-theme="winterday"]) #pun-ulinks #mn-noti-trigger.has-unread {
color: rgb(74, 84, 66) !important;
font-weight: 600 !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #pun-ulinks #mn-noti-trigger.has-unread {
color: rgb(201, 210, 196) !important;
font-weight: 600 !important;
}
/* баблу вернуть свой text-fill, иначе унаследует сброс выше */
#pun-ulinks #mn-noti-trigger .bubble {
-webkit-text-fill-color: #fff !important;
font-family: Manrope, Verdana, Arial, Helvetica, sans-serif !important;
}
html:is([data-theme="light"],[data-theme="winterday"]) #pun-ulinks #mn-noti-trigger .bubble {
background: rgb(100, 109, 95) !important;
}
html:is([data-theme="green"],[data-theme="middle"],[data-theme="dark"],[data-theme="winternight"]) #pun-ulinks #mn-noti-trigger .bubble {
background: rgb(143, 160, 136) !important;
-webkit-text-fill-color: rgb(21, 23, 19) !important;
color: rgb(21, 23, 19) !important;
}