Added the ability to opt out of the integrated wallpaper service. (#109)

This commit is contained in:
Jas Singh
2024-08-11 01:15:06 -07:00
committed by GitHub
parent 0d7bd7dbc2
commit 1eef504fc2
8 changed files with 41 additions and 4 deletions

View File

@@ -0,0 +1,562 @@
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];
}