|
|
|
|
@@ -1,562 +0,0 @@
|
|
|
|
|
import { MatugenColors, MatugenVariation } from "lib/types/options";
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* NOTE: This maps the values of the default colors to the values generated by Matugen.
|
|
|
|
|
* Each of the variations are carefully tested and curated to make sure that colors don't
|
|
|
|
|
* have weird luminocity overlaps (light on light, dark on dark).
|
|
|
|
|
*/
|
|
|
|
|
export const getMatugenVariations = (matugenColors: MatugenColors, variation: MatugenVariation) => {
|
|
|
|
|
const matVtns = {
|
|
|
|
|
"standard_1": {
|
|
|
|
|
"rosewater": matugenColors.secondary,
|
|
|
|
|
"flamingo": matugenColors.secondary,
|
|
|
|
|
"pink": matugenColors.tertiary,
|
|
|
|
|
"mauve": matugenColors.primary,
|
|
|
|
|
"red": matugenColors.tertiary,
|
|
|
|
|
"maroon": matugenColors.primary,
|
|
|
|
|
"peach": matugenColors.tertiary,
|
|
|
|
|
"yellow": matugenColors.secondary,
|
|
|
|
|
"green": matugenColors.primary,
|
|
|
|
|
"teal": matugenColors.secondary,
|
|
|
|
|
"sky": matugenColors.secondary,
|
|
|
|
|
"sapphire": matugenColors.primary,
|
|
|
|
|
"blue": matugenColors.primary,
|
|
|
|
|
"lavender": matugenColors.primary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.primary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.tertiary,
|
|
|
|
|
"pink2": matugenColors.tertiary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.primary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.primary,
|
|
|
|
|
"mauve2": matugenColors.primary,
|
|
|
|
|
"green2": matugenColors.primary,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"sky2": matugenColors.secondary,
|
|
|
|
|
"teal2": matugenColors.secondary,
|
|
|
|
|
"yellow2": matugenColors.secondary,
|
|
|
|
|
"pink3": matugenColors.tertiary,
|
|
|
|
|
"red3": matugenColors.tertiary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.primary,
|
|
|
|
|
"mauve3": matugenColors.primary,
|
|
|
|
|
"green3": matugenColors.primary,
|
|
|
|
|
"sky3": matugenColors.secondary,
|
|
|
|
|
"teal3": matugenColors.secondary,
|
|
|
|
|
"yellow3": matugenColors.secondary,
|
|
|
|
|
"maroon3": matugenColors.primary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
"standard_2": {
|
|
|
|
|
"rosewater": matugenColors.primary,
|
|
|
|
|
"flamingo": matugenColors.primary,
|
|
|
|
|
"pink": matugenColors.tertiary,
|
|
|
|
|
"mauve": matugenColors.secondary,
|
|
|
|
|
"red": matugenColors.tertiary,
|
|
|
|
|
"maroon": matugenColors.secondary,
|
|
|
|
|
"peach": matugenColors.tertiary,
|
|
|
|
|
"yellow": matugenColors.primary,
|
|
|
|
|
"green": matugenColors.secondary,
|
|
|
|
|
"teal": matugenColors.primary,
|
|
|
|
|
"sky": matugenColors.primary,
|
|
|
|
|
"sapphire": matugenColors.secondary,
|
|
|
|
|
"blue": matugenColors.secondary,
|
|
|
|
|
"lavender": matugenColors.secondary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.tertiary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.tertiary,
|
|
|
|
|
"pink2": matugenColors.tertiary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.secondary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.secondary,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"mauve2": matugenColors.secondary,
|
|
|
|
|
"green2": matugenColors.secondary,
|
|
|
|
|
"sky2": matugenColors.primary,
|
|
|
|
|
"teal2": matugenColors.primary,
|
|
|
|
|
"yellow2": matugenColors.primary,
|
|
|
|
|
"pink3": matugenColors.tertiary,
|
|
|
|
|
"red3": matugenColors.tertiary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.secondary,
|
|
|
|
|
"mauve3": matugenColors.secondary,
|
|
|
|
|
"green3": matugenColors.secondary,
|
|
|
|
|
"sky3": matugenColors.primary,
|
|
|
|
|
"teal3": matugenColors.primary,
|
|
|
|
|
"yellow3": matugenColors.primary,
|
|
|
|
|
"maroon3": matugenColors.secondary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
"standard_3": {
|
|
|
|
|
"rosewater": matugenColors.secondary,
|
|
|
|
|
"flamingo": matugenColors.secondary,
|
|
|
|
|
"pink": matugenColors.secondary,
|
|
|
|
|
"mauve": matugenColors.primary,
|
|
|
|
|
"red": matugenColors.secondary,
|
|
|
|
|
"maroon": matugenColors.primary,
|
|
|
|
|
"peach": matugenColors.secondary,
|
|
|
|
|
"yellow": matugenColors.secondary,
|
|
|
|
|
"green": matugenColors.primary,
|
|
|
|
|
"teal": matugenColors.secondary,
|
|
|
|
|
"sky": matugenColors.secondary,
|
|
|
|
|
"sapphire": matugenColors.primary,
|
|
|
|
|
"blue": matugenColors.primary,
|
|
|
|
|
"lavender": matugenColors.primary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.secondary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.secondary,
|
|
|
|
|
"pink2": matugenColors.secondary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.primary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.primary,
|
|
|
|
|
"mauve2": matugenColors.primary,
|
|
|
|
|
"green2": matugenColors.primary,
|
|
|
|
|
"sky2": matugenColors.secondary,
|
|
|
|
|
"teal2": matugenColors.secondary,
|
|
|
|
|
"yellow2": matugenColors.secondary,
|
|
|
|
|
"pink3": matugenColors.secondary,
|
|
|
|
|
"red3": matugenColors.secondary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.primary,
|
|
|
|
|
"mauve3": matugenColors.primary,
|
|
|
|
|
"green3": matugenColors.primary,
|
|
|
|
|
"sky3": matugenColors.secondary,
|
|
|
|
|
"teal3": matugenColors.secondary,
|
|
|
|
|
"yellow3": matugenColors.secondary,
|
|
|
|
|
"maroon3": matugenColors.primary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
"vivid_1": {
|
|
|
|
|
"rosewater": matugenColors.surface,
|
|
|
|
|
"flamingo": matugenColors.surface,
|
|
|
|
|
"pink": matugenColors.surface,
|
|
|
|
|
"mauve": matugenColors.surface,
|
|
|
|
|
"red": matugenColors.surface,
|
|
|
|
|
"maroon": matugenColors.surface,
|
|
|
|
|
"peach": matugenColors.surface,
|
|
|
|
|
"yellow": matugenColors.surface,
|
|
|
|
|
"green": matugenColors.surface,
|
|
|
|
|
"teal": matugenColors.surface,
|
|
|
|
|
"sky": matugenColors.surface,
|
|
|
|
|
"sapphire": matugenColors.surface,
|
|
|
|
|
"blue": matugenColors.surface,
|
|
|
|
|
"lavender": matugenColors.surface,
|
|
|
|
|
"text": matugenColors.surface,
|
|
|
|
|
"subtext1": matugenColors.primary_container,
|
|
|
|
|
"subtext2": matugenColors.primary_container,
|
|
|
|
|
"overlay2": matugenColors.primary_container,
|
|
|
|
|
"overlay1": matugenColors.primary_container,
|
|
|
|
|
"overlay0": matugenColors.primary_container,
|
|
|
|
|
"surface2": matugenColors.surface_container_high,
|
|
|
|
|
"surface1": matugenColors.surface_container_high,
|
|
|
|
|
"surface0": matugenColors.surface_container_high,
|
|
|
|
|
"base2": matugenColors.primary,
|
|
|
|
|
"base": matugenColors.primary,
|
|
|
|
|
"mantle": matugenColors.surface_container_low,
|
|
|
|
|
"crust": matugenColors.surface_container_lowest,
|
|
|
|
|
"red2": matugenColors.primary_container,
|
|
|
|
|
"pink2": matugenColors.primary_container,
|
|
|
|
|
"mantle2": matugenColors.primary,
|
|
|
|
|
"surface1_2": matugenColors.primary,
|
|
|
|
|
"surface0_2": matugenColors.primary,
|
|
|
|
|
"overlay1_2": matugenColors.surface_container_high,
|
|
|
|
|
"text2": matugenColors.outline,
|
|
|
|
|
"lavender2": matugenColors.primary_container,
|
|
|
|
|
"crust2": matugenColors.primary,
|
|
|
|
|
"maroon2": matugenColors.primary_container,
|
|
|
|
|
"mauve2": matugenColors.primary_container,
|
|
|
|
|
"surface2_2": matugenColors.primary_container,
|
|
|
|
|
"green2": matugenColors.primary_container,
|
|
|
|
|
"sky2": matugenColors.primary_container,
|
|
|
|
|
"teal2": matugenColors.primary_container,
|
|
|
|
|
"yellow2": matugenColors.primary_container,
|
|
|
|
|
"pink3": matugenColors.primary_fixed,
|
|
|
|
|
"red3": matugenColors.primary,
|
|
|
|
|
"mantle3": matugenColors.primary,
|
|
|
|
|
"surface0_3": matugenColors.primary,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.primary,
|
|
|
|
|
"lavender3": matugenColors.primary,
|
|
|
|
|
"mauve3": matugenColors.primary,
|
|
|
|
|
"green3": matugenColors.primary_fixed,
|
|
|
|
|
"sky3": matugenColors.primary,
|
|
|
|
|
"teal3": matugenColors.primary,
|
|
|
|
|
"yellow3": matugenColors.primary_fixed,
|
|
|
|
|
"maroon3": matugenColors.primary_fixed,
|
|
|
|
|
"crust3": matugenColors.primary,
|
|
|
|
|
},
|
|
|
|
|
"vivid_2": {
|
|
|
|
|
"rosewater": matugenColors.surface,
|
|
|
|
|
"flamingo": matugenColors.surface,
|
|
|
|
|
"pink": matugenColors.surface,
|
|
|
|
|
"mauve": matugenColors.surface,
|
|
|
|
|
"red": matugenColors.surface,
|
|
|
|
|
"maroon": matugenColors.surface,
|
|
|
|
|
"peach": matugenColors.surface,
|
|
|
|
|
"yellow": matugenColors.surface,
|
|
|
|
|
"green": matugenColors.surface,
|
|
|
|
|
"teal": matugenColors.surface,
|
|
|
|
|
"sky": matugenColors.surface,
|
|
|
|
|
"sapphire": matugenColors.surface,
|
|
|
|
|
"blue": matugenColors.surface,
|
|
|
|
|
"lavender": matugenColors.surface,
|
|
|
|
|
"text": matugenColors.surface,
|
|
|
|
|
"subtext1": matugenColors.secondary_container,
|
|
|
|
|
"subtext2": matugenColors.secondary_container,
|
|
|
|
|
"overlay2": matugenColors.secondary_container,
|
|
|
|
|
"overlay1": matugenColors.secondary_container,
|
|
|
|
|
"overlay0": matugenColors.secondary_container,
|
|
|
|
|
"surface2": matugenColors.surface_container_high,
|
|
|
|
|
"surface1": matugenColors.surface_container_high,
|
|
|
|
|
"surface0": matugenColors.surface_container_high,
|
|
|
|
|
"base2": matugenColors.secondary,
|
|
|
|
|
"base": matugenColors.secondary,
|
|
|
|
|
"mantle": matugenColors.surface_container_low,
|
|
|
|
|
"crust": matugenColors.surface_container_lowest,
|
|
|
|
|
"red2": matugenColors.secondary_container,
|
|
|
|
|
"pink2": matugenColors.secondary_container,
|
|
|
|
|
"surface2_2": matugenColors.primary_container,
|
|
|
|
|
"mantle2": matugenColors.secondary,
|
|
|
|
|
"surface1_2": matugenColors.secondary,
|
|
|
|
|
"surface0_2": matugenColors.secondary,
|
|
|
|
|
"overlay1_2": matugenColors.surface_container_high,
|
|
|
|
|
"text2": matugenColors.outline,
|
|
|
|
|
"lavender2": matugenColors.secondary_container,
|
|
|
|
|
"crust2": matugenColors.secondary,
|
|
|
|
|
"maroon2": matugenColors.secondary_container,
|
|
|
|
|
"mauve2": matugenColors.secondary_container,
|
|
|
|
|
"green2": matugenColors.secondary_container,
|
|
|
|
|
"sky2": matugenColors.secondary_container,
|
|
|
|
|
"teal2": matugenColors.secondary_container,
|
|
|
|
|
"yellow2": matugenColors.secondary_container,
|
|
|
|
|
"pink3": matugenColors.secondary_fixed,
|
|
|
|
|
"red3": matugenColors.secondary,
|
|
|
|
|
"mantle3": matugenColors.secondary,
|
|
|
|
|
"surface0_3": matugenColors.secondary,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.secondary,
|
|
|
|
|
"lavender3": matugenColors.secondary,
|
|
|
|
|
"mauve3": matugenColors.secondary,
|
|
|
|
|
"green3": matugenColors.secondary_fixed,
|
|
|
|
|
"sky3": matugenColors.secondary,
|
|
|
|
|
"teal3": matugenColors.secondary,
|
|
|
|
|
"yellow3": matugenColors.secondary_fixed,
|
|
|
|
|
"maroon3": matugenColors.secondary_fixed,
|
|
|
|
|
"crust3": matugenColors.secondary,
|
|
|
|
|
},
|
|
|
|
|
"vivid_3": {
|
|
|
|
|
"rosewater": matugenColors.surface,
|
|
|
|
|
"flamingo": matugenColors.surface,
|
|
|
|
|
"pink": matugenColors.surface,
|
|
|
|
|
"mauve": matugenColors.surface,
|
|
|
|
|
"red": matugenColors.surface,
|
|
|
|
|
"maroon": matugenColors.surface,
|
|
|
|
|
"peach": matugenColors.surface,
|
|
|
|
|
"yellow": matugenColors.surface,
|
|
|
|
|
"green": matugenColors.surface,
|
|
|
|
|
"teal": matugenColors.surface,
|
|
|
|
|
"sky": matugenColors.surface,
|
|
|
|
|
"sapphire": matugenColors.surface,
|
|
|
|
|
"blue": matugenColors.surface,
|
|
|
|
|
"lavender": matugenColors.surface,
|
|
|
|
|
"text": matugenColors.surface,
|
|
|
|
|
"subtext1": matugenColors.tertiary_container,
|
|
|
|
|
"subtext2": matugenColors.tertiary_container,
|
|
|
|
|
"overlay2": matugenColors.tertiary_container,
|
|
|
|
|
"overlay1": matugenColors.tertiary_container,
|
|
|
|
|
"overlay0": matugenColors.tertiary_container,
|
|
|
|
|
"surface2": matugenColors.surface_container_high,
|
|
|
|
|
"surface1": matugenColors.surface_container_high,
|
|
|
|
|
"surface0": matugenColors.surface_container_high,
|
|
|
|
|
"base2": matugenColors.tertiary,
|
|
|
|
|
"base": matugenColors.tertiary,
|
|
|
|
|
"mantle": matugenColors.surface_container_low,
|
|
|
|
|
"crust": matugenColors.surface_container_lowest,
|
|
|
|
|
"red2": matugenColors.tertiary_container,
|
|
|
|
|
"pink2": matugenColors.tertiary_container,
|
|
|
|
|
"mantle2": matugenColors.tertiary,
|
|
|
|
|
"surface1_2": matugenColors.tertiary,
|
|
|
|
|
"surface0_2": matugenColors.tertiary,
|
|
|
|
|
"overlay1_2": matugenColors.surface_container_high,
|
|
|
|
|
"text2": matugenColors.outline,
|
|
|
|
|
"lavender2": matugenColors.tertiary_container,
|
|
|
|
|
"surface2_2": matugenColors.primary_container,
|
|
|
|
|
"crust2": matugenColors.tertiary,
|
|
|
|
|
"maroon2": matugenColors.tertiary_container,
|
|
|
|
|
"mauve2": matugenColors.tertiary_container,
|
|
|
|
|
"green2": matugenColors.tertiary_container,
|
|
|
|
|
"sky2": matugenColors.tertiary_container,
|
|
|
|
|
"teal2": matugenColors.tertiary_container,
|
|
|
|
|
"yellow2": matugenColors.tertiary_container,
|
|
|
|
|
"pink3": matugenColors.tertiary_fixed,
|
|
|
|
|
"red3": matugenColors.tertiary,
|
|
|
|
|
"mantle3": matugenColors.tertiary,
|
|
|
|
|
"surface0_3": matugenColors.tertiary,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.tertiary,
|
|
|
|
|
"lavender3": matugenColors.tertiary,
|
|
|
|
|
"mauve3": matugenColors.tertiary,
|
|
|
|
|
"green3": matugenColors.tertiary_fixed,
|
|
|
|
|
"sky3": matugenColors.tertiary,
|
|
|
|
|
"teal3": matugenColors.tertiary,
|
|
|
|
|
"yellow3": matugenColors.tertiary_fixed,
|
|
|
|
|
"maroon3": matugenColors.tertiary_fixed,
|
|
|
|
|
"crust3": matugenColors.tertiary,
|
|
|
|
|
},
|
|
|
|
|
"monochrome_1": {
|
|
|
|
|
"rosewater": matugenColors.primary,
|
|
|
|
|
"flamingo": matugenColors.primary,
|
|
|
|
|
"pink": matugenColors.primary,
|
|
|
|
|
"mauve": matugenColors.primary,
|
|
|
|
|
"red": matugenColors.primary,
|
|
|
|
|
"maroon": matugenColors.primary,
|
|
|
|
|
"peach": matugenColors.primary,
|
|
|
|
|
"yellow": matugenColors.primary,
|
|
|
|
|
"green": matugenColors.primary,
|
|
|
|
|
"teal": matugenColors.primary,
|
|
|
|
|
"sky": matugenColors.primary,
|
|
|
|
|
"sapphire": matugenColors.primary,
|
|
|
|
|
"blue": matugenColors.primary,
|
|
|
|
|
"lavender": matugenColors.primary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.primary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.primary,
|
|
|
|
|
"pink2": matugenColors.primary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.primary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.primary,
|
|
|
|
|
"mauve2": matugenColors.primary,
|
|
|
|
|
"green2": matugenColors.primary,
|
|
|
|
|
"sky2": matugenColors.primary,
|
|
|
|
|
"teal2": matugenColors.primary,
|
|
|
|
|
"yellow2": matugenColors.primary,
|
|
|
|
|
"pink3": matugenColors.primary,
|
|
|
|
|
"red3": matugenColors.primary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.primary,
|
|
|
|
|
"mauve3": matugenColors.primary,
|
|
|
|
|
"green3": matugenColors.primary,
|
|
|
|
|
"sky3": matugenColors.primary,
|
|
|
|
|
"teal3": matugenColors.primary,
|
|
|
|
|
"yellow3": matugenColors.primary,
|
|
|
|
|
"maroon3": matugenColors.primary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
"monochrome_2": {
|
|
|
|
|
"rosewater": matugenColors.secondary,
|
|
|
|
|
"flamingo": matugenColors.secondary,
|
|
|
|
|
"pink": matugenColors.secondary,
|
|
|
|
|
"mauve": matugenColors.secondary,
|
|
|
|
|
"red": matugenColors.secondary,
|
|
|
|
|
"maroon": matugenColors.secondary,
|
|
|
|
|
"peach": matugenColors.secondary,
|
|
|
|
|
"yellow": matugenColors.secondary,
|
|
|
|
|
"green": matugenColors.secondary,
|
|
|
|
|
"teal": matugenColors.secondary,
|
|
|
|
|
"sky": matugenColors.secondary,
|
|
|
|
|
"sapphire": matugenColors.secondary,
|
|
|
|
|
"blue": matugenColors.secondary,
|
|
|
|
|
"lavender": matugenColors.secondary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.secondary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.secondary,
|
|
|
|
|
"pink2": matugenColors.secondary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.secondary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.secondary,
|
|
|
|
|
"mauve2": matugenColors.secondary,
|
|
|
|
|
"green2": matugenColors.secondary,
|
|
|
|
|
"sky2": matugenColors.secondary,
|
|
|
|
|
"teal2": matugenColors.secondary,
|
|
|
|
|
"yellow2": matugenColors.secondary,
|
|
|
|
|
"pink3": matugenColors.secondary,
|
|
|
|
|
"red3": matugenColors.secondary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.secondary,
|
|
|
|
|
"mauve3": matugenColors.secondary,
|
|
|
|
|
"green3": matugenColors.secondary,
|
|
|
|
|
"sky3": matugenColors.secondary,
|
|
|
|
|
"teal3": matugenColors.secondary,
|
|
|
|
|
"yellow3": matugenColors.secondary,
|
|
|
|
|
"maroon3": matugenColors.secondary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
"monochrome_3": {
|
|
|
|
|
"rosewater": matugenColors.tertiary,
|
|
|
|
|
"flamingo": matugenColors.tertiary,
|
|
|
|
|
"pink": matugenColors.tertiary,
|
|
|
|
|
"mauve": matugenColors.tertiary,
|
|
|
|
|
"red": matugenColors.tertiary,
|
|
|
|
|
"maroon": matugenColors.tertiary,
|
|
|
|
|
"peach": matugenColors.tertiary,
|
|
|
|
|
"yellow": matugenColors.tertiary,
|
|
|
|
|
"green": matugenColors.tertiary,
|
|
|
|
|
"teal": matugenColors.tertiary,
|
|
|
|
|
"sky": matugenColors.tertiary,
|
|
|
|
|
"sapphire": matugenColors.tertiary,
|
|
|
|
|
"blue": matugenColors.tertiary,
|
|
|
|
|
"lavender": matugenColors.tertiary,
|
|
|
|
|
"text": matugenColors.on_background,
|
|
|
|
|
"subtext1": matugenColors.outline,
|
|
|
|
|
"subtext2": matugenColors.outline,
|
|
|
|
|
"overlay2": matugenColors.outline,
|
|
|
|
|
"overlay1": matugenColors.outline,
|
|
|
|
|
"overlay0": matugenColors.outline,
|
|
|
|
|
"surface2": matugenColors.outline,
|
|
|
|
|
"surface1": matugenColors.surface_bright,
|
|
|
|
|
"surface0": matugenColors.surface_bright,
|
|
|
|
|
"base2": matugenColors.inverse_on_surface,
|
|
|
|
|
"base": matugenColors.inverse_on_surface,
|
|
|
|
|
"mantle": matugenColors.surface_dim,
|
|
|
|
|
"crust": matugenColors.surface_dim,
|
|
|
|
|
"notifications_closer": matugenColors.tertiary,
|
|
|
|
|
"notifications_background": matugenColors.surface_dim,
|
|
|
|
|
"dashboard_btn_text": matugenColors.surface_dim,
|
|
|
|
|
"red2": matugenColors.tertiary,
|
|
|
|
|
"pink2": matugenColors.tertiary,
|
|
|
|
|
"mantle2": matugenColors.surface_dim,
|
|
|
|
|
"surface1_2": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_2": matugenColors.surface_bright,
|
|
|
|
|
"overlay1_2": matugenColors.outline,
|
|
|
|
|
"text2": matugenColors.on_background,
|
|
|
|
|
"lavender2": matugenColors.tertiary,
|
|
|
|
|
"crust2": matugenColors.surface_dim,
|
|
|
|
|
"maroon2": matugenColors.tertiary,
|
|
|
|
|
"surface2_2": matugenColors.surface,
|
|
|
|
|
"mauve2": matugenColors.tertiary,
|
|
|
|
|
"green2": matugenColors.tertiary,
|
|
|
|
|
"sky2": matugenColors.tertiary,
|
|
|
|
|
"teal2": matugenColors.tertiary,
|
|
|
|
|
"yellow2": matugenColors.tertiary,
|
|
|
|
|
"pink3": matugenColors.tertiary,
|
|
|
|
|
"red3": matugenColors.tertiary,
|
|
|
|
|
"mantle3": matugenColors.inverse_on_surface,
|
|
|
|
|
"surface0_3": matugenColors.outline,
|
|
|
|
|
"surface2_3": matugenColors.outline,
|
|
|
|
|
"overlay1_3": matugenColors.outline,
|
|
|
|
|
"lavender3": matugenColors.tertiary,
|
|
|
|
|
"mauve3": matugenColors.tertiary,
|
|
|
|
|
"green3": matugenColors.tertiary,
|
|
|
|
|
"sky3": matugenColors.tertiary,
|
|
|
|
|
"teal3": matugenColors.tertiary,
|
|
|
|
|
"yellow3": matugenColors.tertiary,
|
|
|
|
|
"maroon3": matugenColors.tertiary,
|
|
|
|
|
"crust3": matugenColors.surface_dim,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
return matVtns[variation];
|
|
|
|
|
}
|