White letters on a dark background are required.

You have custom styles, style any letters as you want

[quote] lace OneBox production wrote: you have custom styles, stylize any letters as you want [/quote] Tried But it's hardcoded into the main CSS, which I can't seem to change. I've tried several options to impose conditions, but they all don't work.

You can change everything, there is no main and non-main CSS

[quote] lace OneBox production wrote: You can change everything, there is no main or non-main CSS. [/quote] I can't I tried several options, none of them worked. That's why I posted a topic to draw attention and try to get a working solution. from AI's comment: it's likely that the CRM system is applying styles very aggressively or dynamically. This is quite typical for complex web applications, especially if they have their own theme management logic or dynamically insert styles via JavaScript.

[quote] [file]23970[/file] lace [file]23970[/file] OneBox production wrote: [file]23970[/file] You can change everything, there is no main or non-main CSS. [file]23970[/file] [/quote] [file]23970[/file] This is the code the last one used and it didn't give the desired result [file]23970[/file] /* The most aggressive attempt to change the text color */ [file]23970[/file] /* For elements containing "PROCESS WORKING DESCRIPTION..." and similar */ [file]23970[/file] .js-stage-item.selected, [file]23970[/file] .js-stage-item, [file]23970[/file] .js-stage-item span, [file]23970[/file] .js-stage-item a, [file]23970[/file] .js-stage-item p, [file]23970[/file] .js-stage-item h1, [file]23970[/file] .js-stage-item h2, [file]23970[/file] .js-stage-item h3, [file]23970[/file] .js-stage-item h4, [file]23970[/file] .js-stage-item h5, [file]23970[/file] .js-stage-item h6 { [file]23970[/file] color: #FFFFFF !important; [file]23970[/file] } [file]23970[/file] /* For previously identified problematic elements (task cards, calendar links) */ [file]23970[/file] #crm-app.custom-body .task-board-panel .span.overflow, [file]23970[/file] #crm-app.custom-body .task-board-panel .card-text, [file]23970[/file] #crm-app.custom-body .task-board-panel h5, [file]23970[/file] #crm-app.custom-body a.day-element.p-2.mb-2.text-decoration-none.overflow-hidden.js-calendar, [file]23970[/file] #crm-app.custom-body span.light.text-wrap, [file]23970[/file] #crm-app.custom-body span.js-calendar-issue-name.issue-name { [file]23970[/file] color: #FFFFFF !important; [file]23970[/file] } [file]23970[/file] /* Attempt to change the color for all span and a inside main-container, [file]23970[/file] if the problem spreads more widely */ [file]23970[/file] #crm-app.custom-body .main-container span, [file]23970[/file] #crm-app.custom-body .main-container a { [file]23970[/file] color: #FFFFFF !important; [file]23970[/file] } [file]23970[/file] And accordingly, on the box, the conclusion that artificial intelligence came to [file]23970[/file] Therefore, I would be very pleased to receive qualified advice on how to realize what I want. [file]23970[/file] [file]23970[/file]

[quote] [file]23971[/file] Derkach Dmytro [file]23971[/file] OneBox production wrote: [file]23971[/file] Made automatic adjustment of text color to its background [file]23971[/file] [/quote] [file]23971[/file] Thank you very much! [file]23971[/file] It looks much better now and you can use dark colors for the stuss! [file]23971[/file] But on this same screen, another element remained the same, with black letters on a dark background. [file]23971[/file] In my opinion, it would be really cool if you made the same change here. [file]23971[/file] [file]23971[/file]

[Derkach Dmytro #10] [file]23972[/file] I tried the following code variants, but I couldn't get the black color on a dark background. [file]23972[/file] /* 1. Try changing the filter for the main container. This is the most likely place. */ [file]23972[/file] body#crm-app.custom-body { [file]23972[/file] filter: contrast(4.81) !important; /* Set the value that makes the text white */ [file]23972[/file] /* You may also need an additional brightness filter if this doesn't work on its own */ [file]23972[/file] /* filter: contrast(4.81) brightness(1.2) !important; */ [file]23972[/file] } [file]23972[/file] /* 2. Just in case, also repeat the rules for text color, [file]23972[/file] if changing the filter is not enough or if some elements still remain black. [file]23972[/file] This is an important step because the filter changes the visual appearance, but not the actual color. */ [file]23972[/file] #crm-app.custom-body span, [file]23972[/file] #crm-app.custom-body a, [file]23972[/file] #crm-app.custom-body p, [file]23972[/file] #crm-app.custom-body h1, [file]23972[/file] #crm-app.custom-body h2, [file]23972[/file] #crm-app.custom-body h3, [file]23972[/file] #crm-app.custom-body h4, [file]23972[/file] #crm-app.custom-body h5, [file]23972[/file] #crm-app.custom-body h6, [file]23972[/file] #crm-app.custom-body li, [file]23972[/file] #crm-app.custom-body div { [file]23972[/file] color: #FFFFFF !important; /* Force white color */ [file]23972[/file] } [file]23972[/file] /* 3. Specific element "Alexei Velegura" */ [file]23972[/file] #crm-app.custom-body a.text-wrap.js-tooltip-contact-item { [file]23972[/file] color: #FFFFFF !important; [file]23972[/file] } [file]23972[/file] /* Specific element "25 May, 10:25" */ [file]23972[/file] #crm-app.custom-body small.date-time-item { [file]23972[/file] color: #FFFFFF !important; [file]23972[/file] } [file]23972[/file] /* Specific element "PROCESS WORKING DESCRIPTION..." */ [file]23972[/file] #crm-app.custom-body .js-stage-item.selected { [file]23972[/file] color: #FFFFFF !important; [file]23972[/file] } [file]23972[/file] [file]23972[/file]