How do I set a custom text color for sign-in buttons only?

Ask for Help
1

I’ve used custom CSS throughout my glide app to set my own text color for buttons. The text color I’m using is the ‘accent’ color I’ve chosen for the app. For all buttons within the app, I’ve set the button preferences such that the buttons do NOT use accent color. (Buttons are dark, text is visible)

However, in the sign in screens where users input email and verification code to get started, the ‘Continue’ button seems to be pre-set to use accent color. Since I’ve coded my button text to be the accent color, the text is not visible on the sign in buttons.

How do I set a custom text color for sign-in buttons only - without changing the text color of the rest of the buttons inside the app?

1 Like
2

I’m not sure the exact way you have pre-set all your buttons, I assume you just set it on the parent button level without any targets?

You can try doing something like:

button[aria-label="Continue"].filled {
background-color: ...;
}
2 Likes
3

Doesn’t seem to work on mobile.

2 Likes
4

I’ve figured it out! I used:

body button[aria-label=“Continue”] {
color: #000000 !important;
}

Seems to work. Thanks for the lead.

3 Likes
5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.