web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Button colour in model...
Power Apps
Answered

Button colour in model-driven app

(2) ShareShare
ReportReport
Posted on by PM-31011126-0 1

I’m unable to change the button color in the model-driven app (both standard and primary)

 

Categories:
Experimental features
Screenshot 2025-0...

Your file is currently under scan for potential threats. Please wait while we review it for any viruses or malicious content.

I have the same question (0)
  • Verified answer
    Ravi-Prajapati Profile Picture
    Ravi-Prajapati 416 Super User 2025 Season 2 on at

    1. Change Button Colors Using Themes (Power Platform Admin)

    • Go to Power Platform Admin Center.
    • Navigate to Environments > [Select your environment] > Settings > Product > Themes.
    • Select an existing theme or create a New Theme.

    Key Settings for Button Colors

    • Primary Color: Changes the accent colors, including buttons for the primary action.

    • Control Border Color: Affects control elements like standard buttons.

    • Save and Publish the theme.

    2. Using PCF Control (Advanced Customization)

    If you need more advanced control for styling, you can use PCF (PowerApps Component Framework) to inject custom CSS.

    Steps:

    1. Create a PCF control that targets buttons in the app.
    2. Inject custom CSS to apply styles like button background and hover colors.

    Example CSS snippet:

     
    css
     
    button.primary-button {
    background-color: #0078D4 !important; /* Custom primary button color */
    color: white !important;
    }
    button.standard-button {
    background-color: #f3f2f1 !important; /* Custom standard button color */
    border: 1px solid #0078D4 !important;
    }

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Season of Giving Solutions is Here!
Explore Copilot Studio Forums, Blogs & Galleries!

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Congratulations to the November Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 721 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 320 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans