Free Toolkit
Live PowerApps Preview
Inventory Manager
Search assets...
Recent AssetsView All
MacBook Pro 14" M3
Asset ID: #44211
MacBook Pro 14" M3
Asset ID: #44212
MacBook Pro 14" M3
Asset ID: #44213
Quick Update
Status
In Review

Power Fx Formula

Copy this into App.OnStart

formula_output.fx
Set(varTheme, {
    Brand: {
        Primary: ColorValue("#952e8a"),
        Accent: ColorValue("#e182c4")
    },
    Surface: {
        Fill: If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")),
        Card: If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.8), ColorValue("#FFFFFF")),
        Border: ColorFade(ColorValue("#952e8a"), 0.8)
    },
    Text: {
        Main: If(
    ( (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).R * 299) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).G * 587) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).B * 114) ) / 1000 > 128,
    RGBA(0, 0, 0, 1),
    RGBA(255, 255, 255, 1)
  ),
        Subtle: ColorFade(If(
    ( (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).R * 299) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).G * 587) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).B * 114) ) / 1000 > 128,
    RGBA(0, 0, 0, 1),
    RGBA(255, 255, 255, 1)
  ), 0.3),
        Inverted: If(
            ( (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).R * 299) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).G * 587) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).B * 114) ) / 1000 > 128,
            RGBA(255, 255, 255, 1),
            RGBA(0, 0, 0, 1)
        ),
        OnPrimary: If(
    ( (ColorValue("#952e8a").R * 299) + (ColorValue("#952e8a").G * 587) + (ColorValue("#952e8a").B * 114) ) / 1000 > 128,
    RGBA(0, 0, 0, 1),
    RGBA(255, 255, 255, 1)
  )
    },
    Input: {
        Fill: If(
            ( (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).R * 299) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).G * 587) + (If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")).B * 114) ) / 1000 > 128,
            ColorValue("#FFFFFF"),
            ColorFade(If(varIsDark, ColorFade(ColorValue("#F8F8F8"), -0.9), ColorValue("#F8F8F8")), 0.1)
        ),
        Border: ColorFade(ColorValue("#952e8a"), 0.7)
    },
    Feedback: {
        Error: ColorValue("#E11D48"),
        Success: ColorValue("#10B981")
    }
})
Reliable Contrast

Text colors use YIQ weights to flip between RGBA Black and White.

Nested Variable

Use varTheme.Text.OnPrimary for button text.