Потрібні білі букви на темному фоні

у тебе є кастомні стилі, стилізуй як хочеш будь-які літери

[quote] шнурок OneBox production писал/а: у тебе є кастомні стилі, стилізуй як хочеш будь-які літери [/quote] Пробував Але зашито в основний CSS, який я схоже не можу змінити. Пробував декілька варіантів, щоб накласти умови, але всі вони не спрацьовують

ти ж все начебто можеш міняти, немає основного та неосновного css

[quote] шнурок OneBox production писал/а: ти ж все начебто можеш міняти, немає основного та неосновного css [/quote] не можу декілька варіантів перебрав, всі вони не спрацювали тому й виставив топік, щоб звернути увагу й спробувати отримати робоче рішення з коментаря ШІ: ймовірно, що система CRM застосовує стилі дуже агресивно або динамічно. Це досить типово для складних веб-додатків, особливо якщо вони мають власну логіку керування темами або динамічно вставляють стилі через JavaScript.

[quote] шнурок OneBox production писал/а: ти ж все начебто можеш міняти, немає основного та неосновного css [/quote] Ось такий код останній використовував й це не дало бажаного результату /* Максимально агресивна спроба перебити колір тексту */ /* Для елементів, що містять "РОБОЧИЙ ОПИС ПРОЦЕСУ..." та подібні */ .js-stage-item.selected, .js-stage-item, .js-stage-item span, .js-stage-item a, .js-stage-item p, .js-stage-item h1, .js-stage-item h2, .js-stage-item h3, .js-stage-item h4, .js-stage-item h5, .js-stage-item h6 { color: #FFFFFF !important; } /* Для попередньо виявлених проблемних елементів (карток завдань, посилань у календарі) */ #crm-app.custom-body .task-board-panel .span.overflow, #crm-app.custom-body .task-board-panel .card-text, #crm-app.custom-body .task-board-panel h5, #crm-app.custom-body a.day-element.p-2.mb-2.text-decoration-none.overflow-hidden.js-calendar, #crm-app.custom-body span.light.text-wrap, #crm-app.custom-body span.js-calendar-issue-name.issue-name { color: #FFFFFF !important; } /* Спроба змінити колір для всіх span та a всередині main-container, якщо проблема поширюється ширше */ #crm-app.custom-body .main-container span, #crm-app.custom-body .main-container a { color: #FFFFFF !important; } І відповідно на скрині висновок, до якого прийшов штучний інтелект Тому я був би дуже потішений отримати кваліфіковану пораду, як реалізувати бажане. [file]23970[/file]

[quote] Derkach Dmytro OneBox production писал/а: Зробив автоматичне підлаштування кольору тексту під його фон [/quote] Дякую щиро! Тепер виглядає набагато ліпше й можна використовувати темні кольори для стстусів! Але на цьому самому екрані інший елемент залишився по-старому з чорними буквами на темному фоні. На мою думку, буде дуже круто, якщо таку саму зміну й тут зробиш. [file]23971[/file]

[Derkach Dmytro #10] спробував ось такі варіанти коду, але не зміг перебити чорний колір на темному фоні /* 1. Спробуйте змінити фільтр для основного контейнера. Це найімовірніше місце. */ body#crm-app.custom-body { filter: contrast(4.81) !important; /* Встановіть значення, яке робить текст білим */ /* Можливо, знадобиться і додатковий фільтр brightness, якщо це не спрацює само по собі */ /* filter: contrast(4.81) brightness(1.2) !important; */ } /* 2. На всякий випадок, також повторіть правила для кольору тексту, якщо зміна фільтра недостатня або якщо деякі елементи все ще залишаються чорними. Це важливий крок, оскільки фільтр змінює візуальне відображення, але не фактичний колір. */ #crm-app.custom-body span, #crm-app.custom-body a, #crm-app.custom-body p, #crm-app.custom-body h1, #crm-app.custom-body h2, #crm-app.custom-body h3, #crm-app.custom-body h4, #crm-app.custom-body h5, #crm-app.custom-body h6, #crm-app.custom-body li, #crm-app.custom-body div { color: #FFFFFF !important; /* Примусово встановлюємо білий колір */ } /* 3. Конкретний елемент "Олексій Велегура" */ #crm-app.custom-body a.text-wrap.js-tooltip-contact-item { color: #FFFFFF !important; } /* Конкретний елемент "25 May, 10:25" */ #crm-app.custom-body small.date-time-item { color: #FFFFFF !important; } /* Конкретний елемент "РОБОЧИЙ ОПИС ПРОЦЕСУ..." */ #crm-app.custom-body .js-stage-item.selected { color: #FFFFFF !important; } [file]23972[/file]