Choosing theme color

[kwood-gmr]

Is there a way to choose one of the colors shown in the demo? I don't need a configuration screen like the demo. But I would like to use a color that is relatively close to what I had before I upgraded.

[PHuhn]

If understand what you are saying, one can set the colors manually as follows:

const MyPreset = definePreset(Aura, {
    semantic: {
        primary: {
            0: '#ffffff';
            50: '#f1f3f5',
            100: '#e2e6eb',
            200: '#c6cdd7',
            300: '#a9b4c2',
            400: '#8d9bae',
            500: '#70829a',
            600: '#5a687b',
            700: '#434e5c',
            800: '#2d343e',
            900: '#161a1f',
            950: '#060a0f'
        }
    }
});

You can get the presets from your previous theme and manually assign them.

[kwood-gmr]

Thank you for the quick response. In case anyone else comes across this I went to the source of my v17 theme (primeng/resources/md-light-indigo/theme.css). Inside I found a section including the following:
--primary-50:#f5f6fb;
--primary-100:#d1d5ed;
--primary-200:#acb4df;
--primary-300:#8893d1;
--primary-400:#6372c3;
--primary-500:#3f51b5;
--primary-600:#36459a;
--primary-700:#2c397f;
--primary-800:#232d64;
--primary-900:#192048;
I used those numbers accepting the 0 (which is white) and the 950 (near black). For 950 I chose to halve each of the pairs ending up with:
const MyPreset = definePreset(Material, {
semantic: {
primary: {
0: '#ffffff',
50: '#f5f6fb',
100: '#d1d5ed',
200: '#acb4df',
300: '#8893d1',
400: '#6372c3',
500: '#3f51b5',
600: '#36459a',
700: '#2c397f',
800: '#232d64',
900: '#192048',
950: '#081024'
}
}
});