/* * Сгенерировано дизайн-конструктором iEXExchanger. * Источник настроек: админка iEXExchanger и сохранённые ключи оформления. * Не редактируйте этот файл вручную: изменения нужно публиковать из админ-панели. * © iEXExchanger. Все права защищены. * * ───────────────────────────────────────────────────────────────────────── * Тема MonetaGO «RAVEN STONE» — ГИБРИД (2026-09-19). * СВЕТЛАЯ (:root) — копия светлой темы ravenchange.ru (Tailwind stone: фон #fafaf9, * секции #f5f5f4, карточки #ffffff, текст #1c1917), золото заменено на фирменный * синий: primary #286CF7, accent #EAF1FF, ring #286CF7, текст-ссылки #1D4ED8. * Шрифт Inter (единый на обе темы). Ручные правки светлой темы — блок «СВЕТЛАЯ», все селекторы * привязаны к html:not(.dark). * ТЁМНАЯ (.dark) — текущая тема MonetaGO DARK SOFT (custom-theme.3bbb67f68255.css) * переменные, стеклянные панели, подсветка полей, статусы ЛК и т.д. Шрифт Inter в обеих темах. * Звёздное небо и все анимации/переходы темы убраны (2026-09-19). Все её правки — блок «ТЁМНАЯ», селекторы * привязаны к .dark, чтобы не протекать в светлую. * * Переключение тем — штатное (класс .dark на ), режим в админке — «Системная». * ⚠️ Логотип/фон-картинка — через настройки скрипта: для светлой нужен тёмный логотип * (MonetaGo Logo_для_белого.png). JS-сниппет #mg-sky из пользовательских скриптов * можно удалить — слой скрыт CSS в обеих темах. * Резерв прежней «полностью stone» версии: custom-theme-RAVEN-STONE-both-stone-backup.css * ───────────────────────────────────────────────────────────────────────── * 2026-09-22: движок iEX обновился и перегенерировал тему из конструктора (дефолтный slate, * новый хэш custom-theme.5ec3f2c8a99a.css). Этот файл = восстановленный гибрид RAVEN STONE * (прежний custom-theme.5077cb948621.css) + два дополнения под новый движок: * • блок «НОВЫЕ ПЕРЕМЕННЫЕ ДВИЖКА» в :root и .dark (алиасы на нашу палитру, как в * сгенерированном файле — резерв custom-theme-5ec3f2c8a99a-GENERATED-2026-09-22-backup.css); * • чекбокс стал элементом ui-checkbox[data-slot="checkbox"][data-state=…] (был span) — * селекторы галочек расширены. * Механизм тем прежний: класс .dark на (плюс атрибуты data-theme / data-theme-mode). * ───────────────────────────────────────────────────────────────────────── */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); :root { --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Inter в обеих темах (2026-09-19) */ --radius: 0.75rem; --input-container-height: 50px; --select-container-height: 50px; --field-container-radius: calc(var(--radius) + 4px); --app-background: #fafaf9; --app-foreground: #1c1917; --section-background: #f5f5f4; --background: #ffffff; --foreground: #1c1917; --card: #ffffff; --card-foreground: #1c1917; --popover: #ffffff; --popover-foreground: #1c1917; --primary: #286CF7; /* фирменный синий MonetaGO */ --primary-foreground: #ffffff; --primary-text: #1D4ED8; /* [A11Y] синий для текста/ссылок на светлом (~6:1) */ --secondary: #e7e5e4; --secondary-foreground: #292524; --muted: #f5f5f4; --muted-foreground: #78716c; --accent: #EAF1FF; /* голубая подсветка выбора/hover */ --accent-foreground: #1E3A8A; --destructive: #dc2626; --destructive-foreground: #ffffff; --border: #e7e5e4; --input: #d6d3d1; --input-background: #ffffff; --ring: #286CF7; --toolbar: #ffffff; --toolbar-foreground: #1c1917; --toolbar-primary: #286CF7; --toolbar-primary-foreground: #ffffff; --toolbar-muted: #f5f5f4; --toolbar-muted-foreground: #78716c; --toolbar-accent: #EAF1FF; --toolbar-accent-foreground: #1E3A8A; --toolbar-border: #e7e5e4; --toolbar-ring: #286CF7; --footer-background: #f5f5f4; --footer-foreground: #1c1917; --footer-muted-foreground: #78716c; --footer-border: #e7e5e4; --footer-link: #1c1917; --footer-link-hover: #286CF7; --footer-accent: #EAF1FF; --exchange-text-background: #f5f5f4; --exchange-text-foreground: #78716c; --exchange-text-border: #e7e5e4; --exchange-amount-background: #f5f5f4; --exchange-amount-foreground: #1c1917; /* НОВЫЕ ПЕРЕМЕННЫЕ ДВИЖКА (iEX, 2026-09-22) — алиасы на палитру выше */ --input-border-radius: var(--field-container-radius); --ex-list-item-border-radius: calc(var(--radius) + 4px); --control-height: 2rem; --control-height-sm: max(1.5rem, calc(var(--control-height) - 0.25rem)); --control-height-lg: calc(var(--control-height) + 0.25rem); --header-logotype-color: var(--toolbar-primary); --primary-button-bg-color: var(--primary); --primary-button-text-color: var(--primary-foreground); --menu-active-bg-color: var(--accent); --menu-active-text-color: var(--accent-foreground); --exchange-selected-child-bg: color-mix(in oklab, var(--primary) 8%, transparent); --exchange-selected-child-color: var(--foreground); --ex-search-input-bg: var(--input-background); --ex-search-input-border: var(--input); --ex-search-input-text-color: var(--foreground); --ex-search-input-placeholder-color: var(--muted-foreground); --order-review-background: var(--card); --order-review-color: var(--card-foreground); --ui-skeleton-base: var(--muted); } .dark { --app-background: #1C2748; --app-foreground: #ffffff; --section-background: #232C54; /* был «пробный» #ed0000 — поставил фирменный тёмный */ --background: #263156; --foreground: #ffffff; --card: #263156; --card-foreground: #ffffff; --popover: #263156; --popover-foreground: #ffffff; --primary: #286CF7; --primary-foreground: #ffffff; --primary-text: #6DA8FF; /* [A11Y FIX] см. комментарий в :root */ --secondary: #1C2748; --secondary-foreground: #ffffff; --muted: #191F3E; --muted-foreground: #ffffff; /* [ОПЦИЯ иерархии] альтернатива: --muted-foreground: #AEB6CC; */ --accent: #286CF7; --accent-foreground: #ffffff; --destructive: #dc2626; --destructive-foreground: #ffffff; --border: #FFFFFF1F; --input: #FFFFFF1F; --input-background: #191F3E; --ring: #FFFFFF33; --toolbar: #263156; --toolbar-foreground: #ffffff; --toolbar-border: #FFFFFF1F; /*--toolbar-border: #2A3556; ВСЕ ОК НЕ ТРОГАТЬ */ /* Переменные шапки как на живом сайте (в оригинальном файле их нет — движок берёт primary/accent/muted). Без них сюда протекают светлые значения из :root. */ --toolbar-primary: #286CF7; --toolbar-primary-foreground: #ffffff; --toolbar-muted: #191F3E; --toolbar-muted-foreground: #ffffff; --toolbar-accent: #286CF7; /* активный пункт меню — синий, текст белый */ --toolbar-accent-foreground: #ffffff; --toolbar-ring: #FFFFFF33; --footer-background: #263156; --footer-foreground: #ffffff; --footer-muted-foreground: #ffffff; /* текст-описание в футере — белый */ --footer-border: #FFFFFF1F; --footer-link: #ffffff; --footer-link-hover: var(--primary-text); /* [A11Y FIX] было #286CF7 */ --footer-accent: color-mix(in oklab, var(--primary) 16%, transparent); /* не нашел что меняет */ --exchange-text-background: #263156; --exchange-text-foreground: #ffffff; --exchange-text-border: #FFFFFF1F; --exchange-amount-background: #191F3E; --exchange-amount-foreground: #ffffff; /* НОВЫЕ ПЕРЕМЕННЫЕ ДВИЖКА (iEX, 2026-09-22) — тёмные значения. Размерные (--control-height*, радиусы) наследуются из :root */ --header-logotype-color: var(--toolbar-primary); --primary-button-bg-color: var(--primary); --primary-button-text-color: var(--primary-foreground); --menu-active-bg-color: var(--accent); --menu-active-text-color: var(--accent-foreground); --exchange-selected-child-bg: #2C3A66; /* выбранная валюта — как хардкод ниже */ --exchange-selected-child-color: #ffffff; --ex-search-input-bg: var(--input-background); --ex-search-input-border: var(--input); --ex-search-input-text-color: #ffffff; --ex-search-input-placeholder-color: #8088A0; /* как плейсхолдер полей ниже */ --order-review-background: var(--card); --order-review-color: var(--card-foreground); --ui-skeleton-base: var(--muted); } body, input, button, textarea, select { font-family: var(--font-sans); } /* Слой звёздного неба (создаётся JS-сниппетом в админке) больше не используется — гасим в обеих темах */ #mg-sky { display: none !important; } /* ═══════════════════════════════════════════════════════════════════════ СВЕТЛАЯ ТЕМА — ручные правки (RAVEN STONE, синий акцент). Только html:not(.dark) ═══════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════ Ручные правки MonetaGO — переписаны на переменные, работают в обеих темах ═══════════════════════════════════════════════════════════════════════ */ /* Меню шапки (светлая). Страховка от наезда меню на логотип в сжатой шапке (проявлялось с Montserrat; с Inter пункты влезают и так). Оставлено: при нехватке места список прижимается к началу («safe center»), а не расползается на логотип. */ html:not(.dark) ui-toolbar-shell ui-navigation-menu-list ul.justify-center { justify-content: safe center !important; } /* Синий как ТЕКСТ — через --primary-text (см. шапку файла) */ html:not(.dark) .text-primary { color: var(--primary-text); } html:not(.dark) .formatting__text a { color: var(--primary-text); } /* Кнопка «наверх» — в цвет бренда */ html:not(.dark) .fixed.bottom-5.left-5 button { background-color: var(--primary) !important; color: var(--primary-foreground) !important; } /* Плейсхолдер — второстепенный текст темы */ html:not(.dark) input::placeholder { color: var(--muted-foreground); } /* Чекбоксы: выбран — синий, не выбран — прозрачный с рамкой поля (с 2026-09-22 чекбокс — элемент ui-checkbox[data-slot="checkbox"], span оставлен для старой разметки) */ html:not(.dark) span[data-state="checked"], html:not(.dark) ui-checkbox[data-slot="checkbox"][data-state="checked"] { background: var(--primary) !important; border-color: var(--primary) !important; } html:not(.dark) span[data-state="unchecked"], html:not(.dark) ui-checkbox[data-slot="checkbox"][data-state="unchecked"] { background: transparent !important; border-color: var(--input) !important; } /* Меню ЛК: активный пункт и Бонусный центр — бренд вместо штатного зелёного */ html:not(.dark) a.account-layout__nav-item { --color-green-500: var(--primary) !important; } html:not(.dark) a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500) { background: transparent !important; color: var(--foreground) !important; } html:not(.dark) a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500):hover, html:not(.dark) a.account-layout__nav-item:not(.bg-green-500):hover { background-color: var(--accent) !important; color: var(--accent-foreground) !important; } /* Бонусный центр: звёздочка в цвет текста пункта, без прозрачности */ html:not(.dark) a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-primary, html:not(.dark) a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary { fill: currentColor !important; } html:not(.dark) a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary { opacity: 1 !important; } /* Реферальный блок — спокойная карточка вместо сплошной заливки брендом */ html:not(.dark) app-partners div.rounded-3xl.bg-primary { background-color: var(--card) !important; color: var(--card-foreground) !important; border: 1px solid var(--border) !important; } /* Гасим светлую подсветку автозаполнения браузера в полях */ html:not(.dark) input:-webkit-autofill, html:not(.dark) input:-webkit-autofill:hover, html:not(.dark) input:-webkit-autofill:focus, html:not(.dark) input:-webkit-autofill:active, html:not(.dark) textarea:-webkit-autofill, html:not(.dark) select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--input-background) inset !important; box-shadow: 0 0 0 1000px var(--input-background) inset !important; -webkit-text-fill-color: var(--foreground) !important; caret-color: var(--foreground) !important; transition: background-color 99999s ease-in-out 0s; } /* Блок ошибок валидации — красная выноска */ html:not(.dark) ui-alert.text-destructive { background: color-mix(in srgb, var(--destructive) 8%, transparent) !important; border-color: color-mix(in srgb, var(--destructive) 45%, transparent) !important; border-left: 4px solid var(--destructive) !important; } html:not(.dark) ui-alert.text-destructive ui-alert-title { color: #b91c1c !important; font-weight: 600 !important; } html:not(.dark) ui-alert.text-destructive li::marker { color: var(--destructive) !important; } /* AML-блок «Проверить адрес» (светлая): спокойная карточка — почти белый голубоватый фон, тонкая рамка, узкий синий кант слева; ссылка оформлена как кнопка бренда */ html:not(.dark) .formatting__text:has(a[href*="bestchange.ru/report"]) { background: #F5F8FE !important; border: 1px solid #D5E1F7 !important; border-left: 3px solid #286CF7 !important; color: #1c1917 !important; box-shadow: none !important; } html:not(.dark) .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] { display: inline-block !important; margin: 6px 0 0 !important; padding: 8px 16px !important; background: #286CF7 !important; color: #ffffff !important; border-radius: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; border: none !important; box-shadow: none !important; vertical-align: middle !important; } html:not(.dark) .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] u, html:not(.dark) .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] strong { text-decoration: none !important; color: #ffffff !important; } html:not(.dark) .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"]:hover { background: #1F5FE0 !important; } /* Синие выноски (bg-primary/10): верификация, подсказки на панели обмена и в заявке */ html:not(.dark) .rounded-\[18px\].bg-primary\/10, html:not(.dark) .rounded-\[22px\].bg-primary\/10 { background: color-mix(in srgb, var(--primary) 12%, transparent) !important; border: 1px solid color-mix(in srgb, var(--primary) 40%, transparent) !important; color: var(--foreground) !important; } html:not(.dark) .rounded-\[18px\].bg-primary\/10 strong, html:not(.dark) .rounded-\[18px\].bg-primary\/10 b, html:not(.dark) .rounded-\[22px\].bg-primary\/10 strong, html:not(.dark) .rounded-\[22px\].bg-primary\/10 b { color: var(--foreground) !important; font-weight: 700 !important; } /* Блок «описание обмена»: обычный текст — приглушённый (как у ravenchange), жирные фразы — основным цветом и весом 700, чтобы акцент читался */ html:not(.dark) .bg-exchange-text .formatting__text strong, html:not(.dark) .bg-exchange-text .formatting__text b { color: var(--foreground) !important; font-weight: 700 !important; } /* Единая подсветка полей ввода: hover — рамка синяя на 45%, фокус — синяя рамка + мягкое свечение */ html:not(.dark) .rounded-2xl.bg-exchange-amount-background, html:not(.dark) [data-slot="input-group"], html:not(.dark) [data-slot="input"], html:not(.dark) [data-slot="form-control-input"], html:not(.dark) textarea { } html:not(.dark) [data-slot="input-group"]:hover, html:not(.dark) [data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):hover, html:not(.dark) [data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):hover, html:not(.dark) textarea:hover { border-color: color-mix(in srgb, var(--primary) 45%, transparent) !important; } html:not(.dark) [data-slot="input-group"]:focus-within, html:not(.dark) [data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):focus-within, html:not(.dark) [data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):focus-within, html:not(.dark) textarea:focus-within { border-color: var(--ring) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent) !important; } html:not(.dark) .rounded-2xl.bg-exchange-amount-background:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 45%, transparent) !important; } html:not(.dark) .rounded-2xl.bg-exchange-amount-background:focus-within { box-shadow: inset 0 0 0 1.5px var(--ring), 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent) !important; } html:not(.dark) search-form [data-slot="input-group"]:hover { border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important; } html:not(.dark) search-form [data-slot="input-group"]:focus-within { border-color: color-mix(in srgb, var(--ring) 65%, transparent) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 14%, transparent) !important; } /* Поле промокода: штатная красная рамка «invalid» слишком кричит — рамка обычная, подсветка как у всех */ html:not(.dark) [data-slot="input"]#promo-code-input[data-invalid="true"] { --tw-ring-color: transparent; border-color: var(--input); } /* Логотипы партнёров — белые PNG под тёмную тему. В светлой инвертируем в тёмные (hue-rotate возвращает цветным элементам исходный оттенок). В тёмной — как есть. */ html:not(.dark) .partner-card img { filter: invert(1) hue-rotate(180deg); } /* ═══════════════════════════════════════════════════════════════════════ Статусы в ЛК — только для ТЁМНОЙ темы. В светлой штатные пастельные плашки движка выглядят как у ravenchange, их не трогаем. Семантика (зелёный/красный) отдельно от бренда. ═══════════════════════════════════════════════════════════════════════ */ /* Почта не подтверждена (штатный amber штатный amber → красный, семантика) */ html:not(.dark) .rounded-2xl.border-amber-200\/40 { background-color: #fee2e2 !important; border-color: #fecaca !important; color: #991b1b !important; } html:not(.dark) .rounded-2xl.border-amber-200\/40 a, html:not(.dark) .rounded-2xl.border-amber-200\/40 a:hover { color: #991b1b !important; text-decoration: underline; } html:not(.dark) .flex.flex-wrap.items-center.gap-2 span.inline-flex.items-center.gap-2.rounded-full.border.border-amber-200.bg-amber-50.px-3.py-1.text-xs.font-medium.text-amber-700 { background-color: #fee2e2 !important; border-color: #fecaca !important; color: #991b1b !important; } /* Почта подтверждена — в тёмной теме плотный зелёный */ /* Статусы заявок в ЛК (тёмная): серый / ожидает / исполнена / отклонена */ /* Шаги хода заявки (тёмная): успех / неудача */ /* Выпадающее меню шапки (тёмная): штатная тень shadow-foreground/10 на тёмном — белый ореол; заменяем на обычную тёмную тень глубины */ /* ═══════════════════════════════════════════════════════════════════════ ТЁМНАЯ ТЕМА — ручные правки MonetaGO DARK SOFT без изменений. Только .dark ═══════════════════════════════════════════════════════════════════════ */ /* Рамка */ .dark .bg-exchange-text { border: 1px solid #FFFFFF1F !important; } /* Рамка */ .dark .exchange-panel { border: 1px solid #FFFFFF1F !important; } /* Рамка */ .dark .banner-card { border: 1px solid #FFFFFF1F !important; } /* Рамка */ .dark .bg-card { border: 1px solid #FFFFFF1F !important; } /* Рамка */ .dark .bg-footer-background { border: 1px solid #FFFFFF1F !important; } /* Рамка */ .dark .mt-3.rounded-2xl.bg-primary.p-4 { border: 1px solid #FFFFFF1F !important; } /* Цвет текста — фирменный синий */ .dark .text-primary { color: var(--primary-text); /* [A11Y FIX] было #286CF7 (3.33:1) → #6DA8FF (~6:1) */ } /* Цвет ссылок в тексте — фирменный синий */ .dark .formatting__text a { color: var(--primary-text); /* [A11Y FIX] было #286CF7 (3.33:1) → #6DA8FF (~6:1) */ } /* Кнопка наверх */ .dark .fixed.bottom-5.left-5 button { background-color: #286CF7 !important; /*border-color: #3f414f !important;*/ color: #ffffff !important; } /* Выбранная валюта в списке */ .dark button.exchange__item[style*="background-color"] { background-color: #2C3A66 !important; } /* Цвет валюты в списке при наведении на нее, но без выбора */ .dark button.exchange__item:hover { background-color: #273761 !important; } /* Статус оператор ОНЛАЙН — функциональный зелёный */ .dark div.rounded-xl.bg-green-200.text-green-600, .dark div.rounded-xl.dark\:bg-green-700.dark\:text-green-100 { background: #047857 !important; color: #ffffff !important; } /* Статус оператор ОФЛАЙН — функциональный красный */ .dark div.rounded-xl.bg-red-200.text-red-600, .dark div.rounded-xl.dark\:bg-red-700.dark\:text-red-100 { background: #991B1B !important; color: #ffffff !important; } /* Резервы */ .dark .reserve-marquee-track .reserve-item__surface { background: #2C3A66 !important; } .dark .reserve-marquee-track .reserve-item__amount { background: #2C3A66 !important; color: white; } .dark .reserve-marquee-track .reserve-item__icon { background: #2C3A66 !important; } /* Конец */ /* Кружочек с количеством вложенных элементов в валютах */ .dark .bg-muted { background-color: #2C3A66 !important; } /* Цвет текста плейсхолдера (ввод данных) */ .dark input::placeholder { color: #8088A0; /* на осветлённом поле #191F3E даёт ~4.6:1 — AA для обычного текста проходит, оставляем */ } /* Галочка выбрана (с 2026-09-22 чекбокс — ui-checkbox[data-slot="checkbox"], span — старая разметка) */ .dark span[data-state="checked"], .dark ui-checkbox[data-slot="checkbox"][data-state="checked"] { background: #286CF7 !important; border-color: #3B7DF5 !important; } /* Галочка НЕ выбрана */ .dark span[data-state="unchecked"], .dark ui-checkbox[data-slot="checkbox"][data-state="unchecked"] { background: rgba(255,255,255,0.03) !important; border-color: #3B7DF5 !important; } /* Цвет пункта меню в выпадающем списке при наведении на него (шапка сайта) */ .dark .desktop-mega-card[data-active="true"] { background-color: #273761 !important; } /* Цвет пункта меню в выпадающем списке при наведении на него (профиль) */ .dark [data-state="open"] .hover\:bg-accent:hover { background-color: #273761 !important; } /* Почта не подтверждена */ .dark .rounded-2xl.border-amber-200\/40 { background-color: #B3261E !important; border-color: #FFFFFF1F !important; color: #ffffff !important; } .dark .rounded-2xl.border-amber-200\/40 a, .dark .rounded-2xl.border-amber-200\/40 a:hover { color: #ffffff !important; } .dark .flex.flex-wrap.items-center.gap-2 span.inline-flex.items-center.gap-2.rounded-full.border.border-amber-200.bg-amber-50.px-3.py-1.text-xs.font-medium.text-amber-700 { background-color: #B3261E !important; border-color: #FFFFFF1F !important; color: #ffffff !important; } .dark .flex.flex-wrap.items-center.gap-2 span.inline-flex.items-center.gap-2.rounded-full.border.border-amber-200.bg-amber-50.px-3.py-1.text-xs.font-medium.text-amber-700 * { color: #ffffff !important; } /* Конец */ /* Почта подтверждена в ЛК — функциональный зелёный */ .dark .border-emerald-200.bg-emerald-50.text-emerald-700 { background-color: #047857 !important; border-color: #FFFFFF1F !important; color: #ffffff !important; } .dark .border-emerald-200.bg-emerald-50.text-emerald-700 * { color: #ffffff !important; } /* Конец */ /* Время истекло, Ожидается оплата, Отменена клиентом, Заявка оплачена, Заявка отложена, В процессе оплаты, Недействительна, Заявка удалена в ЛК */ .dark div.bg-gray-100.rounded-2xl { /*background: #f02400 !important; серый фон */ color: #ffffff !important; } /* Ожидает обработки в ЛК */ .dark div.bg-blue-100.rounded-2xl { background: #3A475C !important; color: #ffffff !important; } /* Заявка исполнена в ЛК */ .dark div.bg-green-100.rounded-2xl { /*background: #16a34a !important; */ background: #065F46 !important; color: #ffffff !important; } /* Заявка отклонена в ЛК*/ .dark div.bg-red-100.rounded-2xl { background: #7F1D1D !important; /* фон */ color: #ffffff !important; /* текст */ } /* Активные шаги хода заявки при УСПЕХЕ */ .dark div.bg-emerald-500 { background: #065F46 !important; color: #ffffff !important; } .dark div.shadow-emerald-500\/25 { box-shadow: 0 0 16px rgba(6, 95, 70, 0.35) !important; /* #065F46 */ } /* Конец */ /* Активные шаги хода заявки при НЕУДАЧАХ */ .dark div.bg-destructive { background: #7F1D1D !important; color: #ffffff !important; } .dark div.shadow-destructive\/25 { box-shadow: 0 0 16px rgba(127, 29, 29, 0.35) !important; /* #7F1D1D */ } .dark .text-destructive { color: #ffffff !important; } /* Конец */ /* Пункты меню + Бонусный центр в ЛК */ .dark a.account-layout__nav-item { --color-green-500: #286CF7 !important; } .dark a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500) { background: transparent !important; color: #ffffff !important; } .dark a.account-layout__nav-item[href$="/account/bonus-center"]:not(.bg-green-500):hover { color: #ffffff !important; --color-green-500: #273761 !important; background-color: #273761 !important; } .dark a.account-layout__nav-item:not(.bg-green-500):hover { background-color: #273761 !important; } /* Конец */ /* Бонусный центр: звёздочка белая и без прозрачности */ .dark a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-primary, .dark a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary { fill: #fff !important; } .dark a.account-layout__nav-item[href$="/account/bonus-center"] svg path.fa-secondary { opacity: 1 !important; } /* Конец */ /* Реферальный блок */ .dark app-partners div.rounded-3xl.bg-primary { background-color: #263156 !important; /* твой цвет вместо красного */ border: 1px solid #FFFFFF1F !important; } /* Иконка в фильтрах раздела МОИ ЗАЯВКИ всегда белая, даже при наведении */ .dark button.group:hover svg, .dark button.group:hover svg * { color: #ffffff !important; fill: #ffffff !important; } /* Рамка поля ввода Мои промокоды */ .dark\:data-\[invalid\=true\]\:ring-destructive\/40:where(.dark, .dark *)[data-invalid=true] { --tw-ring-color: none; } .dark\:data-\[invalid\=true\]\:border-destructive\/50:where(.dark, .dark *)[data-invalid=true] { border-color: #FFFFFF1F; } /* только при клике / фокусе, не при hover — в тон общей синей подсветке полей */ :where(.dark, .dark *) [data-slot="input"]#promo-code-input:focus-within { border-color: #3B7DF5 !important; box-shadow: 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important; } /* Конец */ /* В заявке: настройка hover при наведении на кнопку "отменить" */ .dark button[data-slot="button"][class*="hover:bg-accent"]:hover { background-color: #273761 !important; color: #ffffff !important; } /* Выпадающее меню в шапке — сплошной непрозрачный фон, без «стекла». Штатная тень shadow-foreground/10 — БЕЛАЯ (давала световой ореол вокруг рамки) — заменена на обычную тёмную тень глубины. */ .dark .ui-navigation-menu-content-surface { background-color: #232C54 !important; /* было bg-popover/95 — теперь плотный */ backdrop-filter: none !important; /* было backdrop-blur-xl */ -webkit-backdrop-filter: none !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important; } /* Убираем светлую подсветку автозаполнения браузера в полях ввода */ .dark input:-webkit-autofill, .dark input:-webkit-autofill:hover, .dark input:-webkit-autofill:focus, .dark input:-webkit-autofill:active, .dark textarea:-webkit-autofill, .dark select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--input-background) inset !important; box-shadow: 0 0 0 1000px var(--input-background) inset !important; -webkit-text-fill-color: var(--foreground) !important; caret-color: var(--foreground) !important; transition: background-color 99999s ease-in-out 0s; } /* Блок ошибок валидации — выделяем как предупреждение */ .dark ui-alert.text-destructive { background: rgba(220, 38, 38, 0.10) !important; border-color: rgba(220, 38, 38, 0.45) !important; border-left: 4px solid #DC2626 !important; } /* Заголовок «Обнаружены ошибки…» — светло-красный */ .dark ui-alert.text-destructive ui-alert-title { color: #FCA5A5 !important; font-weight: 600 !important; } /* Красные маркеры списка (текст пунктов остаётся светлым) */ .dark ui-alert.text-destructive li::marker { color: #F87171 !important; } /* AML-блок «Проверить адрес» — важная информация, фирменный синий */ .dark .formatting__text:has(a[href*="bestchange.ru/report"]) { background: rgba(40, 108, 247, 0.10) !important; border-color: rgba(40, 108, 247, 0.45) !important; border-left: 4px solid #286CF7 !important; } /* «Проверить адрес» — кнопка вместо ссылки */ .dark .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] { display: inline-block !important; margin-top: 6px !important; padding: 9px 18px !important; background: #286CF7 !important; color: #ffffff !important; border-radius: 10px !important; font-weight: 600 !important; text-decoration: none !important; border: none !important; box-shadow: none !important; } /* гасим подчёркивание от тега внутри */ .dark .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"] u { text-decoration: none !important; } .dark .formatting__text:has(a[href*="bestchange.ru/report"]) a[href*="bestchange.ru/report"]:hover { background: #1f5fe0 !important; } /* Стеклянная (frosted) шапка */ .dark ui-toolbar-shell { background: rgba(18, 24, 46, 0.62) !important; /* полупрозрачный навигатор */ -webkit-backdrop-filter: blur(16px) saturate(140%) !important; backdrop-filter: blur(16px) saturate(140%) !important; border-color: rgba(255, 255, 255, 0.08) !important; /* тонкий световой кант */ box-shadow: 0 6px 24px rgba(0, 0, 0, 0.20) !important; } /* Подвал — в тон карточкам «Наши партнёры» (сплошной #263156, без стекла) */ .dark .bg-footer-background { background: #263156 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: 1px solid #FFFFFF1F !important; border-top: 1px solid #FFFFFF1F !important; } /* Блок ВЕРИФИКАЦИИ — усиливаем синюю выноску (штатный bg-primary/10 даёт тинт ~10%, почти невидим на тёмном) */ .dark .rounded-\[18px\].bg-primary\/10 { background: rgba(40, 108, 247, 0.14) !important; border: 1px solid rgba(40, 108, 247, 0.48) !important; box-shadow: 0 0 0 1px rgba(40, 108, 247, 0.14), 0 6px 18px rgba(40, 108, 247, 0.10) !important; } /* Синие выноски (bg-primary/10): та же иерархия текста, что в блоке «описание обмена» — обычный текст приглушён (чуть в синеву, под тинт подложки), жирное — белое 700. rounded-[22px] — блок на панели обмена, rounded-[18px] — на странице заявки. */ .dark .rounded-\[18px\].bg-primary\/10, .dark .rounded-\[22px\].bg-primary\/10 { color: #DEE5F6 !important; /* было #C7D2EC — выровнено по яркости с серым блоком */ } .dark .rounded-\[18px\].bg-primary\/10 strong, .dark .rounded-\[18px\].bg-primary\/10 b, .dark .rounded-\[22px\].bg-primary\/10 strong, .dark .rounded-\[22px\].bg-primary\/10 b { color: #FFFFFF !important; font-weight: 700 !important; } /* Блок ШАГОВ ОПЕРАТОРА — нейтральная карточка, чуть притоплена и отодвинута */ .dark .rounded-xl.bg-exchange-text { background: #202A4C !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; margin-top: 14px !important; } /* Блоки «описание обмена»: иерархия текста. Раньше и обычный текст, и были чисто белыми (400 vs 600 на тёмном не различимы) — жирное не ощущалось жирным. Теперь обычный текст приглушён до светлого серо-голубого (~9:1 на #202A4C, читается отлично), а жирные фразы — чисто белые и весом 700: акцент виден сразу. */ .dark .bg-exchange-text .formatting__text { color: #DCE3F4 !important; /* было #C4CDE4 — слишком блекло; теперь на ступень ярче, но всё ещё тише белого */ } .dark .bg-exchange-text .formatting__text strong, .dark .bg-exchange-text .formatting__text b { color: #FFFFFF !important; font-weight: 700 !important; } /* Звёздное небо и анимации убраны (2026-09-19): фон — сплошной var(--app-background). Слой #mg-sky, если JS-сниппет ещё стоит в админке, гасится глобально (см. выше). */ /* «Стеклянная» редакция (2026-08-12, под фон-картинку): поверхности прозрачнее, чтобы фон красиво просвечивал. Читаемость держат blur-подложки ниже. Плотными остаются: инпуты (#191F3E hex), выпадашка шапки (#232C54), попапы. */ .dark, .dark { --card: rgba(38,49,86,0.72); --background: rgba(38,49,86,0.72); --popover: rgba(38,49,86,0.92); /* всплывающие списки — почти плотные, ради читаемости */ --exchange-text-background: rgba(38,49,86,0.66); --section-background: rgba(35,44,84,0.60); --toolbar: rgba(38,49,86,0.60); } /* Стекло: размываем фон под основными панелями — прозрачность не съедает контраст */ .dark .exchange-panel, .dark .bg-card, .dark .banner-card, .dark .bg-exchange-text { -webkit-backdrop-filter: blur(14px) saturate(130%); backdrop-filter: blur(14px) saturate(130%); } .dark .bg-footer-background { background: rgba(38,49,86,0.78) !important; -webkit-backdrop-filter: blur(14px) saturate(130%) !important; backdrop-filter: blur(14px) saturate(130%) !important; } .dark app-partners div.rounded-3xl.bg-primary { background-color: rgba(38,49,86,0.72) !important; } /* Гасим синий радиальный блик у баннеров-слайдов (правый-нижний угол). Нужна специфичность в два класса — иначе исходное !important-правило не перебить. */ .dark .banner-card.banner-card--soft-gradient { background-image: none !important; } /* ===== ЕДИНАЯ ПОДСВЕТКА ПОЛЕЙ ВВОДА В ТОН (добавлено 2026-08-12) ===== Все поля (суммы «Отдаете»/«Получаете», поиск валют, поля форм, textarea): 1) hover — рамка подсвечивается светло-синим; 2) фокус/ввод — синяя рамка + мягкое свечение фирменного #286CF7. Свечение через box-shadow — размер поля не прыгает. */ .dark .rounded-2xl.bg-exchange-amount-background, .dark [data-slot="input-group"], .dark [data-slot="input"], .dark [data-slot="form-control-input"], .dark textarea { } /* Светиться должен только сам контейнер поля (скруглённый, с рамкой), поэтому: • :not(:has(...)) — отсекает внешние обёртки, внутри которых лежит настоящий контейнер (их прямоугольная тень торчала «точками» из углов скруглённой рамки); • :not([data-slot="input-group"] *) — отсекает внутренности контейнера: у полей криптоадреса data-slot="form-control-input" висит на самом внутри input-group, и он рисовал второе квадратное свечение поверх правильного. */ .dark [data-slot="input-group"]:hover, .dark [data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):hover, .dark [data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):hover, .dark textarea:hover { border-color: rgba(109, 168, 255, 0.40) !important; } .dark [data-slot="input-group"]:focus-within, .dark [data-slot="input"]:not(:has([data-slot="input-group"])):not([data-slot="input-group"] *):focus-within, .dark [data-slot="form-control-input"]:not(:has([data-slot="input-group"], [data-slot="input"])):not([data-slot="input-group"] *):focus-within, .dark textarea:focus-within { border-color: #3B7DF5 !important; box-shadow: 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important; } /* Поле суммы «Отдаете»/«Получаете»: у контейнера рамки нет (border-width: 0), поэтому подсветка выглядела слабее остальных. Рисуем рамку inset-тенью — яркость как у всех, макет не сдвигается. */ .dark .rounded-2xl.bg-exchange-amount-background:hover { box-shadow: inset 0 0 0 1px rgba(109, 168, 255, 0.40) !important; } .dark .rounded-2xl.bg-exchange-amount-background:focus-within { box-shadow: inset 0 0 0 1.5px #3B7DF5, 0 0 0 3px rgba(40, 108, 247, 0.25), 0 0 18px rgba(40, 108, 247, 0.18) !important; } /* «Поиск валют» — служебное поле, его свечение приглушённее основных (рамка полупрозрачная, ореол тоньше и тише) */ .dark search-form [data-slot="input-group"]:hover { border-color: rgba(109, 168, 255, 0.28) !important; } .dark search-form [data-slot="input-group"]:focus-within { border-color: rgba(59, 125, 245, 0.65) !important; box-shadow: 0 0 0 2px rgba(40, 108, 247, 0.15), 0 0 10px rgba(40, 108, 247, 0.10) !important; } /* Карточки «Наши партнёры»: у движка внутри карточки серая плашка вокруг логотипа (bg-background/60) и серый градиентный тинт (from-muted/35) — на нашей полупрозрачной карточке выглядят грязным прямоугольником. Гасим: логотип лежит прямо на стекле карточки. */ .dark .partner-card > span[class*="bg-gradient-to-br"] { background-image: none !important; } .dark .partner-card span[class*="bg-background/"] { background-color: transparent !important; }