@sandlada/mdk
Version:
A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.
247 lines (246 loc) • 23 kB
TypeScript
export declare const Palette: {
readonly Black: "var(--md-sys-palette-black, #000)";
readonly Error0: "var(--md-sys-palette-error-0, #000)";
readonly Error10: "var(--md-sys-palette-error-10, #410e0b)";
readonly Error20: "var(--md-sys-palette-error-20, #601410)";
readonly Error30: "var(--md-sys-palette-error-30, #8c1d18)";
readonly Error40: "var(--md-sys-palette-error-40, #b3261e)";
readonly Error50: "var(--md-sys-palette-error-50, #dc362e)";
readonly Error60: "var(--md-sys-palette-error-60, #e46962)";
readonly Error70: "var(--md-sys-palette-error-70, #ec928e)";
readonly Error80: "var(--md-sys-palette-error-80, #f2b8b5)";
readonly Error90: "var(--md-sys-palette-error-90, #f9dedc)";
readonly Error95: "var(--md-sys-palette-error-95, #fceeee)";
readonly Error99: "var(--md-sys-palette-error-99, #fffbf9)";
readonly Error100: "var(--md-sys-palette-error-100, #fff)";
readonly NeutralVariant0: "var(--md-sys-palette-neutral-variant-0, #000)";
readonly NeutralVariant10: "var(--md-sys-palette-neutral-variant-10, #1d1a22)";
readonly NeutralVariant20: "var(--md-sys-palette-neutral-variant-20, #322f37)";
readonly NeutralVariant30: "var(--md-sys-palette-neutral-variant-30, #49454f)";
readonly NeutralVariant40: "var(--md-sys-palette-neutral-variant-40, #605d66)";
readonly NeutralVariant50: "var(--md-sys-palette-neutral-variant-50, #79747e)";
readonly NeutralVariant60: "var(--md-sys-palette-neutral-variant-60, #938f99)";
readonly NeutralVariant70: "var(--md-sys-palette-neutral-variant-70, #aea9b4)";
readonly NeutralVariant80: "var(--md-sys-palette-neutral-variant-80, #cac4d0)";
readonly NeutralVariant90: "var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
readonly NeutralVariant95: "var(--md-sys-palette-neutral-variant-95, #f5eefa)";
readonly NeutralVariant99: "var(--md-sys-palette-neutral-variant-99, #fffbfe)";
readonly NeutralVariant100: "var(--md-sys-palette-neutral-variant-100, #fff)";
readonly Neutral0: "var(--md-sys-palette-neutral-0, #000)";
readonly Neutral4: "var(--md-sys-palette-neutral-4, #0f0d13)";
readonly Neutral6: "var(--md-sys-palette-neutral-6, #141218)";
readonly Neutral10: "var(--md-sys-palette-neutral-10, #1d1b20)";
readonly Neutral12: "var(--md-sys-palette-neutral-12, #211f26)";
readonly Neutral17: "var(--md-sys-palette-neutral-17, #2b2930)";
readonly Neutral20: "var(--md-sys-palette-neutral-20, #322f35)";
readonly Neutral22: "var(--md-sys-palette-neutral-22, #36343b)";
readonly Neutral24: "var(--md-sys-palette-neutral-24, #3b383e)";
readonly Neutral30: "var(--md-sys-palette-neutral-30, #48464c)";
readonly Neutral40: "var(--md-sys-palette-neutral-40, #605d64)";
readonly Neutral50: "var(--md-sys-palette-neutral-50, #79767d)";
readonly Neutral60: "var(--md-sys-palette-neutral-60, #938f96)";
readonly Neutral70: "var(--md-sys-palette-neutral-70, #aea9b1)";
readonly Neutral80: "var(--md-sys-palette-neutral-80, #cac5cd)";
readonly Neutral87: "var(--md-sys-palette-neutral-87, #ded8e1)";
readonly Neutral90: "var(--md-sys-palette-neutral-90, #e6e0e9)";
readonly Neutral92: "var(--md-sys-palette-neutral-92, #ece6f0)";
readonly Neutral94: "var(--md-sys-palette-neutral-94, #f3edf7)";
readonly Neutral95: "var(--md-sys-palette-neutral-95, #f5eff7)";
readonly Neutral96: "var(--md-sys-palette-neutral-96, #f7f2fa)";
readonly Neutral98: "var(--md-sys-palette-neutral-98, #fef7ff)";
readonly Neutral99: "var(--md-sys-palette-neutral-99, #fffbff)";
readonly Neutral100: "var(--md-sys-palette-neutral-100, #fff)";
readonly Primary0: "var(--md-sys-palette-primary-0, #000)";
readonly Primary10: "var(--md-sys-palette-primary-10, #21005d)";
readonly Primary20: "var(--md-sys-palette-primary-20, #381e72)";
readonly Primary30: "var(--md-sys-palette-primary-30, #4f378b)";
readonly Primary40: "var(--md-sys-palette-primary-40, #6750a4)";
readonly Primary50: "var(--md-sys-palette-primary-50, #7f67be)";
readonly Primary60: "var(--md-sys-palette-primary-60, #9a82db)";
readonly Primary70: "var(--md-sys-palette-primary-70, #b69df8)";
readonly Primary80: "var(--md-sys-palette-primary-80, #d0bcff)";
readonly Primary90: "var(--md-sys-palette-primary-90, #eaddff)";
readonly Primary95: "var(--md-sys-palette-primary-95, #f6edff)";
readonly Primary99: "var(--md-sys-palette-primary-99, #fffbfe)";
readonly Primary100: "var(--md-sys-palette-primary-100, #fff)";
readonly Secondary0: "var(--md-sys-palette-secondary-0, #000)";
readonly Secondary10: "var(--md-sys-palette-secondary-10, #1d192b)";
readonly Secondary20: "var(--md-sys-palette-secondary-20, #332d41)";
readonly Secondary30: "var(--md-sys-palette-secondary-30, #4a4458)";
readonly Secondary40: "var(--md-sys-palette-secondary-40, #625b71)";
readonly Secondary50: "var(--md-sys-palette-secondary-50, #7a7289)";
readonly Secondary60: "var(--md-sys-palette-secondary-60, #958da5)";
readonly Secondary70: "var(--md-sys-palette-secondary-70, #b0a7c0)";
readonly Secondary80: "var(--md-sys-palette-secondary-80, #ccc2dc)";
readonly Secondary90: "var(--md-sys-palette-secondary-90, #e8def8)";
readonly Secondary95: "var(--md-sys-palette-secondary-95, #f6edff)";
readonly Secondary99: "var(--md-sys-palette-secondary-99, #fffbfe)";
readonly Secondary100: "var(--md-sys-palette-secondary-100, #fff)";
readonly Tertiary0: "var(--md-sys-palette-tertiary-0, #000)";
readonly Tertiary10: "var(--md-sys-palette-tertiary-10, #31111d)";
readonly Tertiary20: "var(--md-sys-palette-tertiary-20, #492532)";
readonly Tertiary30: "var(--md-sys-palette-tertiary-30, #633b48)";
readonly Tertiary40: "var(--md-sys-palette-tertiary-40, #7d5260)";
readonly Tertiary50: "var(--md-sys-palette-tertiary-50, #986977)";
readonly Tertiary60: "var(--md-sys-palette-tertiary-60, #b58392)";
readonly Tertiary70: "var(--md-sys-palette-tertiary-70, #d29dac)";
readonly Tertiary80: "var(--md-sys-palette-tertiary-80, #efb8c8)";
readonly Tertiary90: "var(--md-sys-palette-tertiary-90, #ffd8e4)";
readonly Tertiary95: "var(--md-sys-palette-tertiary-95, #ffecf1)";
readonly Tertiary99: "var(--md-sys-palette-tertiary-99, #fffbfa)";
readonly Tertiary100: "var(--md-sys-palette-tertiary-100, #fff)";
readonly White: "var(--md-sys-palette-white, #fff)";
};
export declare const DefaultLightColor: {
readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))";
readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-80, #d0bcff))";
readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))";
readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-10, #410e0b))";
readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))";
readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))";
readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))";
readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))";
readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-100, #fff))";
readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-10, #31111d))";
readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))";
readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))";
readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))";
readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))";
readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))";
readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))";
readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))";
readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))";
readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))";
readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))";
readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-100, #fff))";
readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-87, #ded8e1))";
readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-40, #6750a4))";
readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-40, #7d5260))";
readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
};
export declare const DefaultDarkColor: {
readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-6, #141218))";
readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-80, #f2b8b5))";
readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-30, #8c1d18))";
readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-20, #322f35))";
readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-90, #e6e0e9))";
readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-90, #e6e0e9))";
readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-20, #601410))";
readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-90, #f9dedc))";
readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-20, #381e72))";
readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))";
readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))";
readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-20, #332d41))";
readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))";
readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))";
readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-90, #e6e0e9))";
readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-20, #492532))";
readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))";
readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))";
readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-60, #938f96))";
readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-80, #d0bcff))";
readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-30, #4f378b))";
readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))";
readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))";
readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))";
readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-80, #ccc2dc))";
readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-30, #4a4458))";
readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))";
readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))";
readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-6, #141218))";
readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-24, #3b383e))";
readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-12, #211f26))";
readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-17, #2b2930))";
readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-22, #36343b))";
readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-4, #0f0d13))";
readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-6, #141218))";
readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-80, #d0bcff))";
readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f)";
readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-80, #efb8c8))";
readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-30, #633b48))";
readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
};
export declare const Color: {
readonly Background: "var(--md-sys-color-background, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly Error: "var(--md-sys-color-error, var(--md-sys-palette-error-40, #b3261e))";
readonly ErrorContainer: "var(--md-sys-color-error-container, var(--md-sys-palette-error-90, #f9dedc))";
readonly InverseOnSurface: "var(--md-sys-color-inverse-on-surface, var(--md-sys-palette-neutral-95, #f5eff7))";
readonly InversePrimary: "var(--md-sys-color-inverse-primary, var(--md-sys-palette-primary-80, #d0bcff))";
readonly InverseSurface: "var(--md-sys-color-inverse-surface, var(--md-sys-palette-neutral-20, #322f35))";
readonly OnBackground: "var(--md-sys-color-on-background, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly OnError: "var(--md-sys-color-on-error, var(--md-sys-palette-error-100, #fff))";
readonly OnErrorContainer: "var(--md-sys-color-on-error-container, var(--md-sys-palette-error-10, #410e0b))";
readonly OnPrimary: "var(--md-sys-color-on-primary, var(--md-sys-palette-primary-100, #fff))";
readonly OnPrimaryContainer: "var(--md-sys-color-on-primary-container, var(--md-sys-palette-primary-10, #21005d))";
readonly OnPrimaryFixed: "var(--md-sys-color-on-primary-fixed, var(--md-sys-palette-primary-10, #21005d))";
readonly OnPrimaryFixedVariant: "var(--md-sys-color-on-primary-fixed-variant, var(--md-sys-palette-primary-30, #4f378b))";
readonly OnSecondary: "var(--md-sys-color-on-secondary, var(--md-sys-palette-secondary-100, #fff))";
readonly OnSecondaryContainer: "var(--md-sys-color-on-secondary-container, var(--md-sys-palette-secondary-10, #1d192b))";
readonly OnSecondaryFixed: "var(--md-sys-color-on-secondary-fixed, var(--md-sys-palette-secondary-10, #1d192b))";
readonly OnSecondaryFixedVariant: "var(--md-sys-color-on-secondary-fixed-variant, var(--md-sys-palette-secondary-30, #4a4458))";
readonly OnSurface: "var(--md-sys-color-on-surface, var(--md-sys-palette-neutral-10, #1d1b20))";
readonly OnSurfaceVariant: "var(--md-sys-color-on-surface-variant, var(--md-sys-palette-neutral-variant-30, #49454f))";
readonly OnTertiary: "var(--md-sys-color-on-tertiary, var(--md-sys-palette-tertiary-100, #fff))";
readonly OnTertiaryContainer: "var(--md-sys-color-on-tertiary-container, var(--md-sys-palette-tertiary-10, #31111d))";
readonly OnTertiaryFixed: "var(--md-sys-color-on-tertiary-fixed, var(--md-sys-palette-tertiary-10, #31111d))";
readonly OnTertiaryFixedVariant: "var(--md-sys-color-on-tertiary-fixed-variant, var(--md-sys-palette-tertiary-30, #633b48))";
readonly Outline: "var(--md-sys-color-outline, var(--md-sys-palette-neutral-50, #79767d))";
readonly OutlineVariant: "var(--md-sys-color-outline-variant, var(--md-sys-palette-neutral-variant-80, #cac4d0))";
readonly Primary: "var(--md-sys-color-primary, var(--md-sys-palette-primary-40, #6750a4))";
readonly PrimaryContainer: "var(--md-sys-color-primary-container, var(--md-sys-palette-primary-90, #eaddff))";
readonly PrimaryFixed: "var(--md-sys-color-primary-fixed, var(--md-sys-palette-primary-90, #eaddff))";
readonly PrimaryFixedDim: "var(--md-sys-color-primary-fixed-dim, var(--md-sys-palette-primary-80, #d0bcff))";
readonly Scrim: "var(--md-sys-color-scrim, var(--md-sys-palette-neutral-0, #000))";
readonly Secondary: "var(--md-sys-color-secondary, var(--md-sys-palette-secondary-40, #625b71))";
readonly SecondaryContainer: "var(--md-sys-color-secondary-container, var(--md-sys-palette-secondary-90, #e8def8))";
readonly SecondaryFixed: "var(--md-sys-color-secondary-fixed, var(--md-sys-palette-secondary-90, #e8def8))";
readonly SecondaryFixedDim: "var(--md-sys-color-secondary-fixed-dim, var(--md-sys-palette-secondary-80, #ccc2dc))";
readonly Shadow: "var(--md-sys-color-shadow, var(--md-sys-palette-neutral-0, #000))";
readonly Surface: "var(--md-sys-color-surface, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly SurfaceBright: "var(--md-sys-color-surface-bright, var(--md-sys-palette-neutral-98, #fef7ff))";
readonly SurfaceContainer: "var(--md-sys-color-surface-container, var(--md-sys-palette-neutral-94, #f3edf7))";
readonly SurfaceContainerHigh: "var(--md-sys-color-surface-container-high, var(--md-sys-palette-neutral-92, #ece6f0))";
readonly SurfaceContainerHighest: "var(--md-sys-color-surface-container-highest, var(--md-sys-palette-neutral-90, #e6e0e9))";
readonly SurfaceContainerLow: "var(--md-sys-color-surface-container-low, var(--md-sys-palette-neutral-96, #f7f2fa))";
readonly SurfaceContainerLowest: "var(--md-sys-color-surface-container-lowest, var(--md-sys-palette-neutral-100, #fff))";
readonly SurfaceDim: "var(--md-sys-color-surface-dim, var(--md-sys-palette-neutral-87, #ded8e1))";
readonly SurfaceTint: "var(--md-sys-color-surface-tint, var(--md-sys-palette-primary-40, #6750a4))";
readonly SurfaceVariant: "var(--md-sys-color-surface-variant, var(--md-sys-palette-neutral-variant-90, #e7e0ec)";
readonly Tertiary: "var(--md-sys-color-tertiary, var(--md-sys-palette-tertiary-40, #7d5260))";
readonly TertiaryContainer: "var(--md-sys-color-tertiary-container, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly TertiaryFixed: "var(--md-sys-color-tertiary-fixed, var(--md-sys-palette-tertiary-90, #ffd8e4))";
readonly TertiaryFixedDim: "var(--md-sys-color-tertiary-fixed-dim, var(--md-sys-palette-tertiary-80, #efb8c8))";
};