Sample configuration for PowerApp development

PowerAppsConfig.js

Set(
    gblFont,
    Font.'Open Sans'
);
Set(
    gblColor,
    {
        Primary: {
            _700: RGBA(
                29,
                29,
                29,
                1
            ),
            _600: RGBA(
                71,
                45,
                60,
                1
            ),
            _500: RGBA(
                126,
                49,
                73,
                1
            ),
            _400: RGBA(
                193,
                39,
                45,
                1
            ),
            _300: RGBA(
                192,
                119,
                134,
                1
            ),
            _200: RGBA(
                206,
                184,
                192,
                1
            ),
            _100: RGBA(
                234,
                234,
                234,
                1
            )
        },
        Neutral: {
            _100: RGBA(
                248,
                249,
                250,
                1
            ),
            _200: RGBA(
                226,
                231,
                235,
                1
            ),
            _300: RGBA(
                208,
                214,
                221,
                1
            ),
            _400: RGBA(
                186,
                196,
                205,
                1
            ),
            _500: RGBA(
                138,
                149,
                165,
                1
            ),
            _600: RGBA(
                97,
                107,
                121,
                1
            ),
            _700: RGBA(
                34,
                41,
                51,
                1
            )
        },
        Accent: {
            _100: RGBA(
                235,
                254,
                254,
                1
            ),
            _200: RGBA(
                183,
                236,
                234,
                1
            ),
            _300: RGBA(
                136,
                213,
                210,
                1
            ),
            _400: RGBA(
                94,
                172,
                163,
                1
            ),
            _500: RGBA(
                74,
                143,
                135,
                1
            ),
            _600: RGBA(
                50,
                99,
                94,
                1
            ),
            _700: RGBA(
                33,
                68,
                68,
                1
            )
        },
        Amber: {
            _100: RGBA(
                255,
                252,
                245,
                1
            ),
            _200: RGBA(
                250,
                242,
                217,
                1
            ),
            _300: RGBA(
                246,
                226,
                167,
                1
            ),
            _400: RGBA(
                238,
                203,
                116,
                1
            ),
            _500: RGBA(
                197,
                166,
                80,
                1
            ),
            _600: RGBA(
                135,
                110,
                47,
                1
            ),
            _700: RGBA(
                89,
                72,
                29,
                1
            )
        },
        Red: {
            _100: RGBA(
                247,
                231,
                230,
                1
            ),
            _200: RGBA(
                234,
                173,
                172,
                1
            ),
            _300: RGBA(
                213,
                108,
                104,
                1
            ),
            _400: RGBA(
                202,
                64,
                57,
                1
            ),
            _500: RGBA(
                168,
                48,
                41,
                1
            ),
            _600: RGBA(
                126,
                37,
                33,
                1
            ),
            _700: RGBA(
                88,
                30,
                27,
                1
            )
        },
        Green: {
            _100: RGBA(
                232,
                251,
                237,
                1
            ),
            _200: RGBA(
                183,
                236,
                196,
                1
            ),
            _300: RGBA(
                141,
                214,
                164,
                1
            ),
            _400: RGBA(
                100,
                190,
                121,
                1
            ),
            _500: RGBA(
                77,
                154,
                95,
                1
            ),
            _600: RGBA(
                57,
                117,
                70,
                1
            ),
            _700: RGBA(
                40,
                81,
                59,
                1
            )
        }
    }
);
Set(
    gblSize,
    {
        _100: 13,
        _200: 15,
        _300: 17,
        _400: 34
    }
);
Set(
    gblSpacing,
    {
        _100: 4,
        _200: 8,
        _300: 12,
        _400: 16,
        _500: 24,
        _600: 32,
        _700: 48,
        _800: 64,
        _900: 96,
        _1000: 128,
        _1100: 192,
        _1200: 256,
        _1300: 384,
        _1400: 512,
        _1500: 640,
        _1600: 786
    }
)