I have a json, with material 3 colours, dark and light, I have also made a list versions for klwp lists, I’m wondering should i use the colors directly from the json file, use the lists, or a text global , or add each color, or is there some other way?
JSON:
{
“light”: {
“Primary”: “#6750A4”,
“OnPrimary”: “#FFFFFF”,
“PrimaryContainer”: “#CBC0E6”,
“OnPrimaryContainer”: “#201933”,
“Secondary”: “#625B71”,
“OnSecondary”: “#FFFFFF”,
“SecondaryContainer”: “#DCD8E6”,
“OnSecondaryContainer”: “#2C2933”,
“Tertiary”: “#7D5260”,
“OnTertiary”: “#FFFFFF”,
“TertiaryContainer”: “#E6CDD5”,
“OnTertiaryContainer”: “#332227”,
“Error”: “#B3261E”,
“OnError”: “#FFFFFF”,
“ErrorContainer”: “#E6ACA9”,
“OnErrorContainer”: “#330B09”,
“Background”: “#fcfcfc”,
“OnBackground”: “#323233”,
“Surface”: “#fcfcfc”,
“OnSurface”: “#323233”,
“SurfaceVariant”: “#e0dee6”,
“OnSurfaceVariant”: “#5e5c66”,
“Outline”: “#8e8999”
},
“dark”: {
“Primary”: “#C0B1E6”,
“OnPrimary”: “#30254C”,
“PrimaryContainer”: “#403266”,
“OnPrimaryContainer”: “#CBC0E6”,
“Secondary”: “#D8D2E6”,
“OnSecondary”: “#433E4C”,
“SecondaryContainer”: “#595366”,
“OnSecondaryContainer”: “#DCD8E6”,
“Tertiary”: “#E6C3CE”,
“OnTertiary”: “#4C323B”,
“TertiaryContainer”: “#66434F”,
“OnTertiaryContainer”: “#E6CDD5”,
“Error”: “#E69490”,
“OnError”: “#4C100D”,
“ErrorContainer”: “#661511”,
“OnErrorContainer”: “#E6ACA9”,
“Background”: “#323233”,
“OnBackground”: “#e4e4e6”,
“Surface”: “#323233”,
“OnSurface”: “#e4e4e6”,
“SurfaceVariant”: “#5e5c66”,
“OnSurfaceVariant”: “#dedbe6”,
“Outline”: “#aaa7b3”
}
}
KLWP lists
Light:
6750A4##Primary, FFFFFF##OnPrim, CBC0E6##PrimCont, 201933##OnPrCont, 625B71##Second, FFFFFF##OnSec, DCD8E6##SecCont, 2C2933##OnScCont, 7D5260##Terti, FFFFFF##OnTert, E6CDD5##TerCont, 332227##OnTrCont, B3261E##Error, FFFFFF##OnError, E6ACA9##ErrCont, 330B09##OnErCont, fcfcfc##BG, 323233##OnBG, fcfcfc##Surface, 323233##OnSurf, e0dee6##SurfVar, 5e5c66##OnSrVar, 8e8999##Outline
Dark:
C0B1E6##Primary, 30254C##OnPrim, 403266##PrimCont, CBC0E6##OnPrCont, D8D2E6##Second, 433E4C##OnSec, 595366##SecCont, DCD8E6##OnScCont, E6C3CE##Terti, 4C323B##OnTert, 66434F##TerCont, E6CDD5##OnTrCont, E69490##Error, 4C100D##OnError, 661511##ErrCont, E6ACA9##OnErCont, 323233##BG, e4e4e6##OnBG, 323233##Surface, e4e4e6##OnSurf, 5e5c66##SurfVar, dedbe6##OnSrVar, aaa7b3##Outline