ExB 1.19 Theming - Sign-In Prompt Button Text Color

DavidWittmann

I'm using the new Theming introduced in ExB 1.19 and customized the Abyss dark mode theme for my application's theme. The text on the OK button in the sign-in prompt is almost unreadable due to the calcite-color-text-inverse value for dark mode themed apps being nearly black (#141414):










Inspecting the button in DevTools, I see these are the variables that control the color the button elements use:
:host([kind="brand"]) button, :host([kind="brand"]) a {
--calcite-internal-button-text-color: var(--calcite-color-text-inverse);
--calcite-internal-button-background-color: var(--calcite-color-brand);
--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);
}

I'd prefer if the text on this button used the variable --calcite-color-text-1 or #ffffff but I'm not sure how to go about overriding the text color this button uses since it is not a custom widget I control with a style sheet. Has anyone had experience overwriting these values before?

JeffreyThompson2

If you go into the Customize options in the Theme settings you can try changing it from there.

You may also use some CSS to alter the Calcite root. CSS is not limited to the Widget it's written in, but make sure whatever Custom Widget you put it in will have opened before this prompt pops up. 

https://community.esri.com/t5/experience-builder-tips-and-tricks/altering-the-calcite-root/ba-p/1608534

If you want to go even further, you can make a full Custom Theme.

https://developers.arcgis.com/experience-builder/guide/create-a-custom-theme/