1b.app
Скопирована ссылка -

Нужны белые буквы на темном фоне

Сейчас на темном поле в приложении CRM чёрные буквы и они не читаются.

Нужно, чтобы на темном фоне отображались белые буквы, как вы это сделали в других местах OneBox

Ящики прикладываю

Сделайте, пожалуйста, чтобы стало комфортно работать со статусами в любом цвете бизнес-процессов OneBox
Оригинальный вопрос доступен на версии: ua Вячеслав Легеза

Ответы:

у тебя же есть кастомные стили, стилизируй как хочешь любые буквы
23.05.2025, 15:44

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя

шнурок
OneBox production писал/а:
у тебя есть кастомные стили, стилизуй как хочешь любые буквы

Пробовал
Но зашито в основной CSS, который я, похоже, не могу изменить.
Пробовал несколько вариантов, чтобы наложить условия, но все они не срабатывают
23.05.2025, 16:31
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

ты же все вроде можешь менять, нет основного и неосновного css
23.05.2025, 16:39

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя

шнурок
OneBox production писал/а:
ты все вроде бы можешь менять, нет основного и неосновного css

не могу
несколько вариантов перебрал, все они не сработали
потому и выставил топик, чтобы обратить внимание и попытаться получить рабочее решение
из комментария ИИ: вероятно, что система CRM применяет стили очень агрессивно или динамично.
Это достаточно типично для сложных веб-приложений, особенно если у них есть собственная логика управления темами или динамически вставляют стили через JavaScript.
23.05.2025, 17:46
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя


шнурок

OneBox production писал/а:

ты все вроде бы можешь менять, нет основного и неосновного css



Вот такой код последний использовал и это не дало желаемого результата.

/* Максимально агрессивная попытка перебить цвет текста */

/* Для элементов, содержащих "РАБОЧЕЕ ОПИСАНИЕ ПРОЦЕССА..." и подобные */

.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;

}

И соответственно на сундуке вывод, к которому пришел искусственный интеллект

Поэтому я был бы очень рад получить квалифицированный совет, как реализовать желаемое.
24.05.2025, 22:17
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

Сделал автоматическую подстройку цвета текста под его фон.
27.05.2025, 17:09
Оригинальный комментарий доступен на версии: ua

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя


Derkach Dmytro

OneBox production писал/а:

Сделал автоматическую подстройку цвета текста под его фон.



Спасибо искренне!

Теперь смотрится гораздо лучше и можно использовать темные цвета для стстусов!

Но на этом же экране другой элемент остался по старинке с черными буквами на темном фоне.

По-моему, будет очень круто, если такую ​​же смену и здесь сделаешь.
28.05.2025, 09:10
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя
Derkach Dmytro

попытался такие варианты кода, но не смог перебить черный цвет на темном фоне.

/* 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;

}
28.05.2025, 17:45
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

Пожалуйста, присоединяйтесь к диалогу. Если вам есть что сказать - пожалуйста, напишите комментарий. Для входа потребуется мобильный телефон и смс-код для идентификации. Войти и написать комментарий