How to change text color of button

[lucasli0121]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

from nicegui import ui, app

ui.button('取消') \
    .props('flat') \
    .classes('w-[120px] text-[16px] text-[#888888] font-[400]') \
    .style('background-color: #FFFFFF !important;border-radius: 10px;border: 1px solid #888888;')

ui.run()

Description

Hi.
I want to change text color to #888888 but always fail, code like below.

from nicegui import ui, app

ui.button('取消')
.props('flat')
.classes('w-[120px] text-[16px] text-[#888888] font-[400]')
.style('background-color: #FFFFFF !important;border-radius: 10px;border: 1px solid #888888;')

ui.run()

The result is:

NiceGUI Version

2.11.1

Python Version

3.12.5

Browser

Edge

Operating System

Windows

Additional Context

No response

[evnchn]

Check out #1821

Notably, this works for the meantime before we manage to figure out the details:

ui.button("Button color works with more steps", color=None).classes("text-red-400")

#1821 (comment)