@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
1,007 lines • 50.8 kB
TypeScript
import { Color as C } from '@sandlada/mdk';
export declare const Color: C<{
readonly PrimaryKeyColor: {
readonly Key: "--md-sys-color-primary-key-color";
readonly Value: "#039d54";
toJSON(): {
Key: "--md-sys-color-primary-key-color";
Value: "#039d54";
};
toString(): "#039d54";
ToCSSDeclaration(): "--md-sys-color-primary-key-color: #039d54";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary-key-color: #039d54;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary-key-color: #039d54" | "--md-sys-color-primary-key-color: #039d54;";
ToCSSVariable(): "var(--md-sys-color-primary-key-color, #039d54)";
};
readonly SecondaryKeyColor: {
readonly Key: "--md-sys-color-secondary-key-color";
readonly Value: "#54815f";
toJSON(): {
Key: "--md-sys-color-secondary-key-color";
Value: "#54815f";
};
toString(): "#54815f";
ToCSSDeclaration(): "--md-sys-color-secondary-key-color: #54815f";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary-key-color: #54815f;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary-key-color: #54815f" | "--md-sys-color-secondary-key-color: #54815f;";
ToCSSVariable(): "var(--md-sys-color-secondary-key-color, #54815f)";
};
readonly TertiaryKeyColor: {
readonly Key: "--md-sys-color-tertiary-key-color";
readonly Value: "#ffa97f";
toJSON(): {
Key: "--md-sys-color-tertiary-key-color";
Value: "#ffa97f";
};
toString(): "#ffa97f";
ToCSSDeclaration(): "--md-sys-color-tertiary-key-color: #ffa97f";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary-key-color: #ffa97f;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary-key-color: #ffa97f" | "--md-sys-color-tertiary-key-color: #ffa97f;";
ToCSSVariable(): "var(--md-sys-color-tertiary-key-color, #ffa97f)";
};
readonly ErrorKeyColor: {
readonly Key: "--md-sys-color-error-key-color";
readonly Value: "#de3730";
toJSON(): {
Key: "--md-sys-color-error-key-color";
Value: "#de3730";
};
toString(): "#de3730";
ToCSSDeclaration(): "--md-sys-color-error-key-color: #de3730";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-error-key-color: #de3730;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-error-key-color: #de3730" | "--md-sys-color-error-key-color: #de3730;";
ToCSSVariable(): "var(--md-sys-color-error-key-color, #de3730)";
};
readonly NeutralKeyColor: {
readonly Key: "--md-sys-color-neutral-key-color";
readonly Value: "#727971";
toJSON(): {
Key: "--md-sys-color-neutral-key-color";
Value: "#727971";
};
toString(): "#727971";
ToCSSDeclaration(): "--md-sys-color-neutral-key-color: #727971";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-neutral-key-color: #727971;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-neutral-key-color: #727971" | "--md-sys-color-neutral-key-color: #727971;";
ToCSSVariable(): "var(--md-sys-color-neutral-key-color, #727971)";
};
readonly NeutralVariantKeyColor: {
readonly Key: "--md-sys-color-neutral-variant-key-color";
readonly Value: "#6d7a6e";
toJSON(): {
Key: "--md-sys-color-neutral-variant-key-color";
Value: "#6d7a6e";
};
toString(): "#6d7a6e";
ToCSSDeclaration(): "--md-sys-color-neutral-variant-key-color: #6d7a6e";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-neutral-variant-key-color: #6d7a6e;";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-neutral-variant-key-color: #6d7a6e" | "--md-sys-color-neutral-variant-key-color: #6d7a6e;";
ToCSSVariable(): "var(--md-sys-color-neutral-variant-key-color, #6d7a6e)";
};
readonly Background: {
readonly Key: "--md-sys-color-background";
readonly Value: "light-dark(#f4fbf1, #0e150f)";
toJSON(): {
Key: "--md-sys-color-background";
Value: "light-dark(#f4fbf1, #0e150f)";
};
toString(): "light-dark(#f4fbf1, #0e150f)";
ToCSSDeclaration(): "--md-sys-color-background: light-dark(#f4fbf1, #0e150f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-background: light-dark(#f4fbf1, #0e150f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-background: light-dark(#f4fbf1, #0e150f)" | "--md-sys-color-background: light-dark(#f4fbf1, #0e150f);";
ToCSSVariable(): "var(--md-sys-color-background, light-dark(#f4fbf1, #0e150f))";
};
readonly Error: {
readonly Key: "--md-sys-color-error";
readonly Value: "light-dark(#ba1a1a, #ffb4ab)";
toJSON(): {
Key: "--md-sys-color-error";
Value: "light-dark(#ba1a1a, #ffb4ab)";
};
toString(): "light-dark(#ba1a1a, #ffb4ab)";
ToCSSDeclaration(): "--md-sys-color-error: light-dark(#ba1a1a, #ffb4ab)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-error: light-dark(#ba1a1a, #ffb4ab);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-error: light-dark(#ba1a1a, #ffb4ab)" | "--md-sys-color-error: light-dark(#ba1a1a, #ffb4ab);";
ToCSSVariable(): "var(--md-sys-color-error, light-dark(#ba1a1a, #ffb4ab))";
};
readonly ErrorContainer: {
readonly Key: "--md-sys-color-error-container";
readonly Value: "light-dark(#ffdad6, #93000a)";
toJSON(): {
Key: "--md-sys-color-error-container";
Value: "light-dark(#ffdad6, #93000a)";
};
toString(): "light-dark(#ffdad6, #93000a)";
ToCSSDeclaration(): "--md-sys-color-error-container: light-dark(#ffdad6, #93000a)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-error-container: light-dark(#ffdad6, #93000a);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-error-container: light-dark(#ffdad6, #93000a)" | "--md-sys-color-error-container: light-dark(#ffdad6, #93000a);";
ToCSSVariable(): "var(--md-sys-color-error-container, light-dark(#ffdad6, #93000a))";
};
readonly ErrorDim: {
readonly Key: "--md-sys-color-error-dim";
readonly Value: "light-dark(#a80710, #ff554a)";
toJSON(): {
Key: "--md-sys-color-error-dim";
Value: "light-dark(#a80710, #ff554a)";
};
toString(): "light-dark(#a80710, #ff554a)";
ToCSSDeclaration(): "--md-sys-color-error-dim: light-dark(#a80710, #ff554a)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-error-dim: light-dark(#a80710, #ff554a);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-error-dim: light-dark(#a80710, #ff554a)" | "--md-sys-color-error-dim: light-dark(#a80710, #ff554a);";
ToCSSVariable(): "var(--md-sys-color-error-dim, light-dark(#a80710, #ff554a))";
};
readonly InverseOnSurface: {
readonly Key: "--md-sys-color-inverse-on-surface";
readonly Value: "light-dark(#ecf3e9, #2b322c)";
toJSON(): {
Key: "--md-sys-color-inverse-on-surface";
Value: "light-dark(#ecf3e9, #2b322c)";
};
toString(): "light-dark(#ecf3e9, #2b322c)";
ToCSSDeclaration(): "--md-sys-color-inverse-on-surface: light-dark(#ecf3e9, #2b322c)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-inverse-on-surface: light-dark(#ecf3e9, #2b322c);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-inverse-on-surface: light-dark(#ecf3e9, #2b322c)" | "--md-sys-color-inverse-on-surface: light-dark(#ecf3e9, #2b322c);";
ToCSSVariable(): "var(--md-sys-color-inverse-on-surface, light-dark(#ecf3e9, #2b322c))";
};
readonly InversePrimary: {
readonly Key: "--md-sys-color-inverse-primary";
readonly Value: "light-dark(#61de8c, #006d38)";
toJSON(): {
Key: "--md-sys-color-inverse-primary";
Value: "light-dark(#61de8c, #006d38)";
};
toString(): "light-dark(#61de8c, #006d38)";
ToCSSDeclaration(): "--md-sys-color-inverse-primary: light-dark(#61de8c, #006d38)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-inverse-primary: light-dark(#61de8c, #006d38);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-inverse-primary: light-dark(#61de8c, #006d38)" | "--md-sys-color-inverse-primary: light-dark(#61de8c, #006d38);";
ToCSSVariable(): "var(--md-sys-color-inverse-primary, light-dark(#61de8c, #006d38))";
};
readonly InverseSurface: {
readonly Key: "--md-sys-color-inverse-surface";
readonly Value: "light-dark(#2b322c, #dde4db)";
toJSON(): {
Key: "--md-sys-color-inverse-surface";
Value: "light-dark(#2b322c, #dde4db)";
};
toString(): "light-dark(#2b322c, #dde4db)";
ToCSSDeclaration(): "--md-sys-color-inverse-surface: light-dark(#2b322c, #dde4db)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-inverse-surface: light-dark(#2b322c, #dde4db);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-inverse-surface: light-dark(#2b322c, #dde4db)" | "--md-sys-color-inverse-surface: light-dark(#2b322c, #dde4db);";
ToCSSVariable(): "var(--md-sys-color-inverse-surface, light-dark(#2b322c, #dde4db))";
};
readonly OnBackground: {
readonly Key: "--md-sys-color-on-background";
readonly Value: "light-dark(#171d17, #dde4db)";
toJSON(): {
Key: "--md-sys-color-on-background";
Value: "light-dark(#171d17, #dde4db)";
};
toString(): "light-dark(#171d17, #dde4db)";
ToCSSDeclaration(): "--md-sys-color-on-background: light-dark(#171d17, #dde4db)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-background: light-dark(#171d17, #dde4db);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-background: light-dark(#171d17, #dde4db)" | "--md-sys-color-on-background: light-dark(#171d17, #dde4db);";
ToCSSVariable(): "var(--md-sys-color-on-background, light-dark(#171d17, #dde4db))";
};
readonly OnError: {
readonly Key: "--md-sys-color-on-error";
readonly Value: "light-dark(#ffffff, #690005)";
toJSON(): {
Key: "--md-sys-color-on-error";
Value: "light-dark(#ffffff, #690005)";
};
toString(): "light-dark(#ffffff, #690005)";
ToCSSDeclaration(): "--md-sys-color-on-error: light-dark(#ffffff, #690005)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-error: light-dark(#ffffff, #690005);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-error: light-dark(#ffffff, #690005)" | "--md-sys-color-on-error: light-dark(#ffffff, #690005);";
ToCSSVariable(): "var(--md-sys-color-on-error, light-dark(#ffffff, #690005))";
};
readonly OnErrorContainer: {
readonly Key: "--md-sys-color-on-error-container";
readonly Value: "light-dark(#93000a, #ffdad6)";
toJSON(): {
Key: "--md-sys-color-on-error-container";
Value: "light-dark(#93000a, #ffdad6)";
};
toString(): "light-dark(#93000a, #ffdad6)";
ToCSSDeclaration(): "--md-sys-color-on-error-container: light-dark(#93000a, #ffdad6)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-error-container: light-dark(#93000a, #ffdad6);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-error-container: light-dark(#93000a, #ffdad6)" | "--md-sys-color-on-error-container: light-dark(#93000a, #ffdad6);";
ToCSSVariable(): "var(--md-sys-color-on-error-container, light-dark(#93000a, #ffdad6))";
};
readonly OnPrimary: {
readonly Key: "--md-sys-color-on-primary";
readonly Value: "light-dark(#ffffff, #00391a)";
toJSON(): {
Key: "--md-sys-color-on-primary";
Value: "light-dark(#ffffff, #00391a)";
};
toString(): "light-dark(#ffffff, #00391a)";
ToCSSDeclaration(): "--md-sys-color-on-primary: light-dark(#ffffff, #00391a)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-primary: light-dark(#ffffff, #00391a);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-primary: light-dark(#ffffff, #00391a)" | "--md-sys-color-on-primary: light-dark(#ffffff, #00391a);";
ToCSSVariable(): "var(--md-sys-color-on-primary, light-dark(#ffffff, #00391a))";
};
readonly OnPrimaryContainer: {
readonly Key: "--md-sys-color-on-primary-container";
readonly Value: "light-dark(#00592c, #00592c)";
toJSON(): {
Key: "--md-sys-color-on-primary-container";
Value: "light-dark(#00592c, #00592c)";
};
toString(): "light-dark(#00592c, #00592c)";
ToCSSDeclaration(): "--md-sys-color-on-primary-container: light-dark(#00592c, #00592c)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-primary-container: light-dark(#00592c, #00592c);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-primary-container: light-dark(#00592c, #00592c)" | "--md-sys-color-on-primary-container: light-dark(#00592c, #00592c);";
ToCSSVariable(): "var(--md-sys-color-on-primary-container, light-dark(#00592c, #00592c))";
};
readonly OnPrimaryFixed: {
readonly Key: "--md-sys-color-on-primary-fixed";
readonly Value: "light-dark(#00210d, #00210d)";
toJSON(): {
Key: "--md-sys-color-on-primary-fixed";
Value: "light-dark(#00210d, #00210d)";
};
toString(): "light-dark(#00210d, #00210d)";
ToCSSDeclaration(): "--md-sys-color-on-primary-fixed: light-dark(#00210d, #00210d)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-primary-fixed: light-dark(#00210d, #00210d);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-primary-fixed: light-dark(#00210d, #00210d)" | "--md-sys-color-on-primary-fixed: light-dark(#00210d, #00210d);";
ToCSSVariable(): "var(--md-sys-color-on-primary-fixed, light-dark(#00210d, #00210d))";
};
readonly OnPrimaryFixedVariant: {
readonly Key: "--md-sys-color-on-primary-fixed-variant";
readonly Value: "light-dark(#005229, #005229)";
toJSON(): {
Key: "--md-sys-color-on-primary-fixed-variant";
Value: "light-dark(#005229, #005229)";
};
toString(): "light-dark(#005229, #005229)";
ToCSSDeclaration(): "--md-sys-color-on-primary-fixed-variant: light-dark(#005229, #005229)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-primary-fixed-variant: light-dark(#005229, #005229);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-primary-fixed-variant: light-dark(#005229, #005229)" | "--md-sys-color-on-primary-fixed-variant: light-dark(#005229, #005229);";
ToCSSVariable(): "var(--md-sys-color-on-primary-fixed-variant, light-dark(#005229, #005229))";
};
readonly OnSecondary: {
readonly Key: "--md-sys-color-on-secondary";
readonly Value: "light-dark(#ffffff, #0a381c)";
toJSON(): {
Key: "--md-sys-color-on-secondary";
Value: "light-dark(#ffffff, #0a381c)";
};
toString(): "light-dark(#ffffff, #0a381c)";
ToCSSDeclaration(): "--md-sys-color-on-secondary: light-dark(#ffffff, #0a381c)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-secondary: light-dark(#ffffff, #0a381c);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-secondary: light-dark(#ffffff, #0a381c)" | "--md-sys-color-on-secondary: light-dark(#ffffff, #0a381c);";
ToCSSVariable(): "var(--md-sys-color-on-secondary, light-dark(#ffffff, #0a381c))";
};
readonly OnSecondaryContainer: {
readonly Key: "--md-sys-color-on-secondary-container";
readonly Value: "light-dark(#406c4b, #97c7a0)";
toJSON(): {
Key: "--md-sys-color-on-secondary-container";
Value: "light-dark(#406c4b, #97c7a0)";
};
toString(): "light-dark(#406c4b, #97c7a0)";
ToCSSDeclaration(): "--md-sys-color-on-secondary-container: light-dark(#406c4b, #97c7a0)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-secondary-container: light-dark(#406c4b, #97c7a0);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-secondary-container: light-dark(#406c4b, #97c7a0)" | "--md-sys-color-on-secondary-container: light-dark(#406c4b, #97c7a0);";
ToCSSVariable(): "var(--md-sys-color-on-secondary-container, light-dark(#406c4b, #97c7a0))";
};
readonly OnSecondaryFixed: {
readonly Key: "--md-sys-color-on-secondary-fixed";
readonly Value: "light-dark(#00210d, #00210d)";
toJSON(): {
Key: "--md-sys-color-on-secondary-fixed";
Value: "light-dark(#00210d, #00210d)";
};
toString(): "light-dark(#00210d, #00210d)";
ToCSSDeclaration(): "--md-sys-color-on-secondary-fixed: light-dark(#00210d, #00210d)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-secondary-fixed: light-dark(#00210d, #00210d);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-secondary-fixed: light-dark(#00210d, #00210d)" | "--md-sys-color-on-secondary-fixed: light-dark(#00210d, #00210d);";
ToCSSVariable(): "var(--md-sys-color-on-secondary-fixed, light-dark(#00210d, #00210d))";
};
readonly OnSecondaryFixedVariant: {
readonly Key: "--md-sys-color-on-secondary-fixed-variant";
readonly Value: "light-dark(#244f31, #244f31)";
toJSON(): {
Key: "--md-sys-color-on-secondary-fixed-variant";
Value: "light-dark(#244f31, #244f31)";
};
toString(): "light-dark(#244f31, #244f31)";
ToCSSDeclaration(): "--md-sys-color-on-secondary-fixed-variant: light-dark(#244f31, #244f31)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-secondary-fixed-variant: light-dark(#244f31, #244f31);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-secondary-fixed-variant: light-dark(#244f31, #244f31)" | "--md-sys-color-on-secondary-fixed-variant: light-dark(#244f31, #244f31);";
ToCSSVariable(): "var(--md-sys-color-on-secondary-fixed-variant, light-dark(#244f31, #244f31))";
};
readonly OnSurface: {
readonly Key: "--md-sys-color-on-surface";
readonly Value: "light-dark(#171d17, #dde4db)";
toJSON(): {
Key: "--md-sys-color-on-surface";
Value: "light-dark(#171d17, #dde4db)";
};
toString(): "light-dark(#171d17, #dde4db)";
ToCSSDeclaration(): "--md-sys-color-on-surface: light-dark(#171d17, #dde4db)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-surface: light-dark(#171d17, #dde4db);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-surface: light-dark(#171d17, #dde4db)" | "--md-sys-color-on-surface: light-dark(#171d17, #dde4db);";
ToCSSVariable(): "var(--md-sys-color-on-surface, light-dark(#171d17, #dde4db))";
};
readonly OnSurfaceVariant: {
readonly Key: "--md-sys-color-on-surface-variant";
readonly Value: "light-dark(#3d4a3f, #bccabc)";
toJSON(): {
Key: "--md-sys-color-on-surface-variant";
Value: "light-dark(#3d4a3f, #bccabc)";
};
toString(): "light-dark(#3d4a3f, #bccabc)";
ToCSSDeclaration(): "--md-sys-color-on-surface-variant: light-dark(#3d4a3f, #bccabc)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-surface-variant: light-dark(#3d4a3f, #bccabc);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-surface-variant: light-dark(#3d4a3f, #bccabc)" | "--md-sys-color-on-surface-variant: light-dark(#3d4a3f, #bccabc);";
ToCSSVariable(): "var(--md-sys-color-on-surface-variant, light-dark(#3d4a3f, #bccabc))";
};
readonly OnTertiary: {
readonly Key: "--md-sys-color-on-tertiary";
readonly Value: "light-dark(#ffffff, #552002)";
toJSON(): {
Key: "--md-sys-color-on-tertiary";
Value: "light-dark(#ffffff, #552002)";
};
toString(): "light-dark(#ffffff, #552002)";
ToCSSDeclaration(): "--md-sys-color-on-tertiary: light-dark(#ffffff, #552002)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-tertiary: light-dark(#ffffff, #552002);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-tertiary: light-dark(#ffffff, #552002)" | "--md-sys-color-on-tertiary: light-dark(#ffffff, #552002);";
ToCSSVariable(): "var(--md-sys-color-on-tertiary, light-dark(#ffffff, #552002))";
};
readonly OnTertiaryContainer: {
readonly Key: "--md-sys-color-on-tertiary-container";
readonly Value: "light-dark(#793c1a, #793c1a)";
toJSON(): {
Key: "--md-sys-color-on-tertiary-container";
Value: "light-dark(#793c1a, #793c1a)";
};
toString(): "light-dark(#793c1a, #793c1a)";
ToCSSDeclaration(): "--md-sys-color-on-tertiary-container: light-dark(#793c1a, #793c1a)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-tertiary-container: light-dark(#793c1a, #793c1a);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-tertiary-container: light-dark(#793c1a, #793c1a)" | "--md-sys-color-on-tertiary-container: light-dark(#793c1a, #793c1a);";
ToCSSVariable(): "var(--md-sys-color-on-tertiary-container, light-dark(#793c1a, #793c1a))";
};
readonly OnTertiaryFixed: {
readonly Key: "--md-sys-color-on-tertiary-fixed";
readonly Value: "light-dark(#351000, #351000)";
toJSON(): {
Key: "--md-sys-color-on-tertiary-fixed";
Value: "light-dark(#351000, #351000)";
};
toString(): "light-dark(#351000, #351000)";
ToCSSDeclaration(): "--md-sys-color-on-tertiary-fixed: light-dark(#351000, #351000)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-tertiary-fixed: light-dark(#351000, #351000);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-tertiary-fixed: light-dark(#351000, #351000)" | "--md-sys-color-on-tertiary-fixed: light-dark(#351000, #351000);";
ToCSSVariable(): "var(--md-sys-color-on-tertiary-fixed, light-dark(#351000, #351000))";
};
readonly OnTertiaryFixedVariant: {
readonly Key: "--md-sys-color-on-tertiary-fixed-variant";
readonly Value: "light-dark(#723615, #723615)";
toJSON(): {
Key: "--md-sys-color-on-tertiary-fixed-variant";
Value: "light-dark(#723615, #723615)";
};
toString(): "light-dark(#723615, #723615)";
ToCSSDeclaration(): "--md-sys-color-on-tertiary-fixed-variant: light-dark(#723615, #723615)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-on-tertiary-fixed-variant: light-dark(#723615, #723615);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-on-tertiary-fixed-variant: light-dark(#723615, #723615)" | "--md-sys-color-on-tertiary-fixed-variant: light-dark(#723615, #723615);";
ToCSSVariable(): "var(--md-sys-color-on-tertiary-fixed-variant, light-dark(#723615, #723615))";
};
readonly Outline: {
readonly Key: "--md-sys-color-outline";
readonly Value: "light-dark(#6d7a6e, #879487)";
toJSON(): {
Key: "--md-sys-color-outline";
Value: "light-dark(#6d7a6e, #879487)";
};
toString(): "light-dark(#6d7a6e, #879487)";
ToCSSDeclaration(): "--md-sys-color-outline: light-dark(#6d7a6e, #879487)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-outline: light-dark(#6d7a6e, #879487);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-outline: light-dark(#6d7a6e, #879487)" | "--md-sys-color-outline: light-dark(#6d7a6e, #879487);";
ToCSSVariable(): "var(--md-sys-color-outline, light-dark(#6d7a6e, #879487))";
};
readonly OutlineVariant: {
readonly Key: "--md-sys-color-outline-variant";
readonly Value: "light-dark(#bccabc, #3d4a3f)";
toJSON(): {
Key: "--md-sys-color-outline-variant";
Value: "light-dark(#bccabc, #3d4a3f)";
};
toString(): "light-dark(#bccabc, #3d4a3f)";
ToCSSDeclaration(): "--md-sys-color-outline-variant: light-dark(#bccabc, #3d4a3f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-outline-variant: light-dark(#bccabc, #3d4a3f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-outline-variant: light-dark(#bccabc, #3d4a3f)" | "--md-sys-color-outline-variant: light-dark(#bccabc, #3d4a3f);";
ToCSSVariable(): "var(--md-sys-color-outline-variant, light-dark(#bccabc, #3d4a3f))";
};
readonly Primary: {
readonly Key: "--md-sys-color-primary";
readonly Value: "light-dark(#006d38, #76f29e)";
toJSON(): {
Key: "--md-sys-color-primary";
Value: "light-dark(#006d38, #76f29e)";
};
toString(): "light-dark(#006d38, #76f29e)";
ToCSSDeclaration(): "--md-sys-color-primary: light-dark(#006d38, #76f29e)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary: light-dark(#006d38, #76f29e);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary: light-dark(#006d38, #76f29e)" | "--md-sys-color-primary: light-dark(#006d38, #76f29e);";
ToCSSVariable(): "var(--md-sys-color-primary, light-dark(#006d38, #76f29e))";
};
readonly PrimaryContainer: {
readonly Key: "--md-sys-color-primary-container";
readonly Value: "light-dark(#58d584, #58d584)";
toJSON(): {
Key: "--md-sys-color-primary-container";
Value: "light-dark(#58d584, #58d584)";
};
toString(): "light-dark(#58d584, #58d584)";
ToCSSDeclaration(): "--md-sys-color-primary-container: light-dark(#58d584, #58d584)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary-container: light-dark(#58d584, #58d584);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary-container: light-dark(#58d584, #58d584)" | "--md-sys-color-primary-container: light-dark(#58d584, #58d584);";
ToCSSVariable(): "var(--md-sys-color-primary-container, light-dark(#58d584, #58d584))";
};
readonly PrimaryDim: {
readonly Key: "--md-sys-color-primary-dim";
readonly Value: "light-dark(#006030, #82fea8)";
toJSON(): {
Key: "--md-sys-color-primary-dim";
Value: "light-dark(#006030, #82fea8)";
};
toString(): "light-dark(#006030, #82fea8)";
ToCSSDeclaration(): "--md-sys-color-primary-dim: light-dark(#006030, #82fea8)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary-dim: light-dark(#006030, #82fea8);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary-dim: light-dark(#006030, #82fea8)" | "--md-sys-color-primary-dim: light-dark(#006030, #82fea8);";
ToCSSVariable(): "var(--md-sys-color-primary-dim, light-dark(#006030, #82fea8))";
};
readonly PrimaryFixed: {
readonly Key: "--md-sys-color-primary-fixed";
readonly Value: "light-dark(#7ffba6, #7ffba6)";
toJSON(): {
Key: "--md-sys-color-primary-fixed";
Value: "light-dark(#7ffba6, #7ffba6)";
};
toString(): "light-dark(#7ffba6, #7ffba6)";
ToCSSDeclaration(): "--md-sys-color-primary-fixed: light-dark(#7ffba6, #7ffba6)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary-fixed: light-dark(#7ffba6, #7ffba6);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary-fixed: light-dark(#7ffba6, #7ffba6)" | "--md-sys-color-primary-fixed: light-dark(#7ffba6, #7ffba6);";
ToCSSVariable(): "var(--md-sys-color-primary-fixed, light-dark(#7ffba6, #7ffba6))";
};
readonly PrimaryFixedDim: {
readonly Key: "--md-sys-color-primary-fixed-dim";
readonly Value: "light-dark(#61de8c, #61de8c)";
toJSON(): {
Key: "--md-sys-color-primary-fixed-dim";
Value: "light-dark(#61de8c, #61de8c)";
};
toString(): "light-dark(#61de8c, #61de8c)";
ToCSSDeclaration(): "--md-sys-color-primary-fixed-dim: light-dark(#61de8c, #61de8c)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-primary-fixed-dim: light-dark(#61de8c, #61de8c);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-primary-fixed-dim: light-dark(#61de8c, #61de8c)" | "--md-sys-color-primary-fixed-dim: light-dark(#61de8c, #61de8c);";
ToCSSVariable(): "var(--md-sys-color-primary-fixed-dim, light-dark(#61de8c, #61de8c))";
};
readonly Scrim: {
readonly Key: "--md-sys-color-scrim";
readonly Value: "light-dark(#000000, #000000)";
toJSON(): {
Key: "--md-sys-color-scrim";
Value: "light-dark(#000000, #000000)";
};
toString(): "light-dark(#000000, #000000)";
ToCSSDeclaration(): "--md-sys-color-scrim: light-dark(#000000, #000000)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-scrim: light-dark(#000000, #000000);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-scrim: light-dark(#000000, #000000)" | "--md-sys-color-scrim: light-dark(#000000, #000000);";
ToCSSVariable(): "var(--md-sys-color-scrim, light-dark(#000000, #000000))";
};
readonly Secondary: {
readonly Key: "--md-sys-color-secondary";
readonly Value: "light-dark(#3c6847, #a2d2ab)";
toJSON(): {
Key: "--md-sys-color-secondary";
Value: "light-dark(#3c6847, #a2d2ab)";
};
toString(): "light-dark(#3c6847, #a2d2ab)";
ToCSSDeclaration(): "--md-sys-color-secondary: light-dark(#3c6847, #a2d2ab)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary: light-dark(#3c6847, #a2d2ab);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary: light-dark(#3c6847, #a2d2ab)" | "--md-sys-color-secondary: light-dark(#3c6847, #a2d2ab);";
ToCSSVariable(): "var(--md-sys-color-secondary, light-dark(#3c6847, #a2d2ab))";
};
readonly SecondaryContainer: {
readonly Key: "--md-sys-color-secondary-container";
readonly Value: "light-dark(#bbecc3, #295436)";
toJSON(): {
Key: "--md-sys-color-secondary-container";
Value: "light-dark(#bbecc3, #295436)";
};
toString(): "light-dark(#bbecc3, #295436)";
ToCSSDeclaration(): "--md-sys-color-secondary-container: light-dark(#bbecc3, #295436)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary-container: light-dark(#bbecc3, #295436);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary-container: light-dark(#bbecc3, #295436)" | "--md-sys-color-secondary-container: light-dark(#bbecc3, #295436);";
ToCSSVariable(): "var(--md-sys-color-secondary-container, light-dark(#bbecc3, #295436))";
};
readonly SecondaryDim: {
readonly Key: "--md-sys-color-secondary-dim";
readonly Value: "light-dark(#305b3c, #bdeec5)";
toJSON(): {
Key: "--md-sys-color-secondary-dim";
Value: "light-dark(#305b3c, #bdeec5)";
};
toString(): "light-dark(#305b3c, #bdeec5)";
ToCSSDeclaration(): "--md-sys-color-secondary-dim: light-dark(#305b3c, #bdeec5)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary-dim: light-dark(#305b3c, #bdeec5);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary-dim: light-dark(#305b3c, #bdeec5)" | "--md-sys-color-secondary-dim: light-dark(#305b3c, #bdeec5);";
ToCSSVariable(): "var(--md-sys-color-secondary-dim, light-dark(#305b3c, #bdeec5))";
};
readonly SecondaryFixed: {
readonly Key: "--md-sys-color-secondary-fixed";
readonly Value: "light-dark(#bdeec5, #bdeec5)";
toJSON(): {
Key: "--md-sys-color-secondary-fixed";
Value: "light-dark(#bdeec5, #bdeec5)";
};
toString(): "light-dark(#bdeec5, #bdeec5)";
ToCSSDeclaration(): "--md-sys-color-secondary-fixed: light-dark(#bdeec5, #bdeec5)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary-fixed: light-dark(#bdeec5, #bdeec5);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary-fixed: light-dark(#bdeec5, #bdeec5)" | "--md-sys-color-secondary-fixed: light-dark(#bdeec5, #bdeec5);";
ToCSSVariable(): "var(--md-sys-color-secondary-fixed, light-dark(#bdeec5, #bdeec5))";
};
readonly SecondaryFixedDim: {
readonly Key: "--md-sys-color-secondary-fixed-dim";
readonly Value: "light-dark(#a2d2ab, #a2d2ab)";
toJSON(): {
Key: "--md-sys-color-secondary-fixed-dim";
Value: "light-dark(#a2d2ab, #a2d2ab)";
};
toString(): "light-dark(#a2d2ab, #a2d2ab)";
ToCSSDeclaration(): "--md-sys-color-secondary-fixed-dim: light-dark(#a2d2ab, #a2d2ab)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-secondary-fixed-dim: light-dark(#a2d2ab, #a2d2ab);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-secondary-fixed-dim: light-dark(#a2d2ab, #a2d2ab)" | "--md-sys-color-secondary-fixed-dim: light-dark(#a2d2ab, #a2d2ab);";
ToCSSVariable(): "var(--md-sys-color-secondary-fixed-dim, light-dark(#a2d2ab, #a2d2ab))";
};
readonly Shadow: {
readonly Key: "--md-sys-color-shadow";
readonly Value: "light-dark(#000000, #000000)";
toJSON(): {
Key: "--md-sys-color-shadow";
Value: "light-dark(#000000, #000000)";
};
toString(): "light-dark(#000000, #000000)";
ToCSSDeclaration(): "--md-sys-color-shadow: light-dark(#000000, #000000)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-shadow: light-dark(#000000, #000000);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-shadow: light-dark(#000000, #000000)" | "--md-sys-color-shadow: light-dark(#000000, #000000);";
ToCSSVariable(): "var(--md-sys-color-shadow, light-dark(#000000, #000000))";
};
readonly Surface: {
readonly Key: "--md-sys-color-surface";
readonly Value: "light-dark(#f4fbf1, #0e150f)";
toJSON(): {
Key: "--md-sys-color-surface";
Value: "light-dark(#f4fbf1, #0e150f)";
};
toString(): "light-dark(#f4fbf1, #0e150f)";
ToCSSDeclaration(): "--md-sys-color-surface: light-dark(#f4fbf1, #0e150f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface: light-dark(#f4fbf1, #0e150f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface: light-dark(#f4fbf1, #0e150f)" | "--md-sys-color-surface: light-dark(#f4fbf1, #0e150f);";
ToCSSVariable(): "var(--md-sys-color-surface, light-dark(#f4fbf1, #0e150f))";
};
readonly SurfaceBright: {
readonly Key: "--md-sys-color-surface-bright";
readonly Value: "light-dark(#f4fbf1, #343b34)";
toJSON(): {
Key: "--md-sys-color-surface-bright";
Value: "light-dark(#f4fbf1, #343b34)";
};
toString(): "light-dark(#f4fbf1, #343b34)";
ToCSSDeclaration(): "--md-sys-color-surface-bright: light-dark(#f4fbf1, #343b34)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-bright: light-dark(#f4fbf1, #343b34);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-bright: light-dark(#f4fbf1, #343b34)" | "--md-sys-color-surface-bright: light-dark(#f4fbf1, #343b34);";
ToCSSVariable(): "var(--md-sys-color-surface-bright, light-dark(#f4fbf1, #343b34))";
};
readonly SurfaceContainer: {
readonly Key: "--md-sys-color-surface-container";
readonly Value: "light-dark(#e9f0e6, #1b211b)";
toJSON(): {
Key: "--md-sys-color-surface-container";
Value: "light-dark(#e9f0e6, #1b211b)";
};
toString(): "light-dark(#e9f0e6, #1b211b)";
ToCSSDeclaration(): "--md-sys-color-surface-container: light-dark(#e9f0e6, #1b211b)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-container: light-dark(#e9f0e6, #1b211b);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-container: light-dark(#e9f0e6, #1b211b)" | "--md-sys-color-surface-container: light-dark(#e9f0e6, #1b211b);";
ToCSSVariable(): "var(--md-sys-color-surface-container, light-dark(#e9f0e6, #1b211b))";
};
readonly SurfaceContainerHigh: {
readonly Key: "--md-sys-color-surface-container-high";
readonly Value: "light-dark(#e3eae1, #252c25)";
toJSON(): {
Key: "--md-sys-color-surface-container-high";
Value: "light-dark(#e3eae1, #252c25)";
};
toString(): "light-dark(#e3eae1, #252c25)";
ToCSSDeclaration(): "--md-sys-color-surface-container-high: light-dark(#e3eae1, #252c25)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-container-high: light-dark(#e3eae1, #252c25);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-container-high: light-dark(#e3eae1, #252c25)" | "--md-sys-color-surface-container-high: light-dark(#e3eae1, #252c25);";
ToCSSVariable(): "var(--md-sys-color-surface-container-high, light-dark(#e3eae1, #252c25))";
};
readonly SurfaceContainerHighest: {
readonly Key: "--md-sys-color-surface-container-highest";
readonly Value: "light-dark(#dde4db, #303630)";
toJSON(): {
Key: "--md-sys-color-surface-container-highest";
Value: "light-dark(#dde4db, #303630)";
};
toString(): "light-dark(#dde4db, #303630)";
ToCSSDeclaration(): "--md-sys-color-surface-container-highest: light-dark(#dde4db, #303630)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-container-highest: light-dark(#dde4db, #303630);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-container-highest: light-dark(#dde4db, #303630)" | "--md-sys-color-surface-container-highest: light-dark(#dde4db, #303630);";
ToCSSVariable(): "var(--md-sys-color-surface-container-highest, light-dark(#dde4db, #303630))";
};
readonly SurfaceContainerLow: {
readonly Key: "--md-sys-color-surface-container-low";
readonly Value: "light-dark(#eff6ec, #171d17)";
toJSON(): {
Key: "--md-sys-color-surface-container-low";
Value: "light-dark(#eff6ec, #171d17)";
};
toString(): "light-dark(#eff6ec, #171d17)";
ToCSSDeclaration(): "--md-sys-color-surface-container-low: light-dark(#eff6ec, #171d17)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-container-low: light-dark(#eff6ec, #171d17);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-container-low: light-dark(#eff6ec, #171d17)" | "--md-sys-color-surface-container-low: light-dark(#eff6ec, #171d17);";
ToCSSVariable(): "var(--md-sys-color-surface-container-low, light-dark(#eff6ec, #171d17))";
};
readonly SurfaceContainerLowest: {
readonly Key: "--md-sys-color-surface-container-lowest";
readonly Value: "light-dark(#ffffff, #09100a)";
toJSON(): {
Key: "--md-sys-color-surface-container-lowest";
Value: "light-dark(#ffffff, #09100a)";
};
toString(): "light-dark(#ffffff, #09100a)";
ToCSSDeclaration(): "--md-sys-color-surface-container-lowest: light-dark(#ffffff, #09100a)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-container-lowest: light-dark(#ffffff, #09100a);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-container-lowest: light-dark(#ffffff, #09100a)" | "--md-sys-color-surface-container-lowest: light-dark(#ffffff, #09100a);";
ToCSSVariable(): "var(--md-sys-color-surface-container-lowest, light-dark(#ffffff, #09100a))";
};
readonly SurfaceDim: {
readonly Key: "--md-sys-color-surface-dim";
readonly Value: "light-dark(#d5dcd3, #0e150f)";
toJSON(): {
Key: "--md-sys-color-surface-dim";
Value: "light-dark(#d5dcd3, #0e150f)";
};
toString(): "light-dark(#d5dcd3, #0e150f)";
ToCSSDeclaration(): "--md-sys-color-surface-dim: light-dark(#d5dcd3, #0e150f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-dim: light-dark(#d5dcd3, #0e150f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-dim: light-dark(#d5dcd3, #0e150f)" | "--md-sys-color-surface-dim: light-dark(#d5dcd3, #0e150f);";
ToCSSVariable(): "var(--md-sys-color-surface-dim, light-dark(#d5dcd3, #0e150f))";
};
readonly SurfaceTint: {
readonly Key: "--md-sys-color-surface-tint";
readonly Value: "light-dark(#006d38, #61de8c)";
toJSON(): {
Key: "--md-sys-color-surface-tint";
Value: "light-dark(#006d38, #61de8c)";
};
toString(): "light-dark(#006d38, #61de8c)";
ToCSSDeclaration(): "--md-sys-color-surface-tint: light-dark(#006d38, #61de8c)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-tint: light-dark(#006d38, #61de8c);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-tint: light-dark(#006d38, #61de8c)" | "--md-sys-color-surface-tint: light-dark(#006d38, #61de8c);";
ToCSSVariable(): "var(--md-sys-color-surface-tint, light-dark(#006d38, #61de8c))";
};
readonly SurfaceVariant: {
readonly Key: "--md-sys-color-surface-variant";
readonly Value: "light-dark(#d8e6d7, #3d4a3f)";
toJSON(): {
Key: "--md-sys-color-surface-variant";
Value: "light-dark(#d8e6d7, #3d4a3f)";
};
toString(): "light-dark(#d8e6d7, #3d4a3f)";
ToCSSDeclaration(): "--md-sys-color-surface-variant: light-dark(#d8e6d7, #3d4a3f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-surface-variant: light-dark(#d8e6d7, #3d4a3f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-surface-variant: light-dark(#d8e6d7, #3d4a3f)" | "--md-sys-color-surface-variant: light-dark(#d8e6d7, #3d4a3f);";
ToCSSVariable(): "var(--md-sys-color-surface-variant, light-dark(#d8e6d7, #3d4a3f))";
};
readonly Tertiary: {
readonly Key: "--md-sys-color-tertiary";
readonly Value: "light-dark(#8f4d2a, #ffcfba)";
toJSON(): {
Key: "--md-sys-color-tertiary";
Value: "light-dark(#8f4d2a, #ffcfba)";
};
toString(): "light-dark(#8f4d2a, #ffcfba)";
ToCSSDeclaration(): "--md-sys-color-tertiary: light-dark(#8f4d2a, #ffcfba)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary: light-dark(#8f4d2a, #ffcfba);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary: light-dark(#8f4d2a, #ffcfba)" | "--md-sys-color-tertiary: light-dark(#8f4d2a, #ffcfba);";
ToCSSVariable(): "var(--md-sys-color-tertiary, light-dark(#8f4d2a, #ffcfba))";
};
readonly TertiaryContainer: {
readonly Key: "--md-sys-color-tertiary-container";
readonly Value: "light-dark(#ffa97f, #ffa97f)";
toJSON(): {
Key: "--md-sys-color-tertiary-container";
Value: "light-dark(#ffa97f, #ffa97f)";
};
toString(): "light-dark(#ffa97f, #ffa97f)";
ToCSSDeclaration(): "--md-sys-color-tertiary-container: light-dark(#ffa97f, #ffa97f)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary-container: light-dark(#ffa97f, #ffa97f);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary-container: light-dark(#ffa97f, #ffa97f)" | "--md-sys-color-tertiary-container: light-dark(#ffa97f, #ffa97f);";
ToCSSVariable(): "var(--md-sys-color-tertiary-container, light-dark(#ffa97f, #ffa97f))";
};
readonly TertiaryDim: {
readonly Key: "--md-sys-color-tertiary-dim";
readonly Value: "light-dark(#804120, #fda77d)";
toJSON(): {
Key: "--md-sys-color-tertiary-dim";
Value: "light-dark(#804120, #fda77d)";
};
toString(): "light-dark(#804120, #fda77d)";
ToCSSDeclaration(): "--md-sys-color-tertiary-dim: light-dark(#804120, #fda77d)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary-dim: light-dark(#804120, #fda77d);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary-dim: light-dark(#804120, #fda77d)" | "--md-sys-color-tertiary-dim: light-dark(#804120, #fda77d);";
ToCSSVariable(): "var(--md-sys-color-tertiary-dim, light-dark(#804120, #fda77d))";
};
readonly TertiaryFixed: {
readonly Key: "--md-sys-color-tertiary-fixed";
readonly Value: "light-dark(#ffdbcc, #ffdbcc)";
toJSON(): {
Key: "--md-sys-color-tertiary-fixed";
Value: "light-dark(#ffdbcc, #ffdbcc)";
};
toString(): "light-dark(#ffdbcc, #ffdbcc)";
ToCSSDeclaration(): "--md-sys-color-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc)" | "--md-sys-color-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc);";
ToCSSVariable(): "var(--md-sys-color-tertiary-fixed, light-dark(#ffdbcc, #ffdbcc))";
};
readonly TertiaryFixedDim: {
readonly Key: "--md-sys-color-tertiary-fixed-dim";
readonly Value: "light-dark(#ffb693, #ffb693)";
toJSON(): {
Key: "--md-sys-color-tertiary-fixed-dim";
Value: "light-dark(#ffb693, #ffb693)";
};
toString(): "light-dark(#ffb693, #ffb693)";
ToCSSDeclaration(): "--md-sys-color-tertiary-fixed-dim: light-dark(#ffb693, #ffb693)";
ToCSSDeclaration(options: {
Semicolon: true;
}): "--md-sys-color-tertiary-fixed-dim: light-dark(#ffb693, #ffb693);";
ToCSSDeclaration(options?: {
Semicolon?: boolean;
}): "--md-sys-color-tertiary-fixed-dim: light-dark(#ffb693, #ffb693)" | "--md-sys-color-tertiary-fixed-dim: light-dark(#ffb693, #ffb693);";
ToCSSVariable(): "var(--md-sys-color-tertiary-fixed-dim, light-dark(#ffb693, #ffb693))";
};
}>;
//# sourceMappingURL=theme.d.ts.map