colors.ts

// MATERIAL PALETTE COLOR
// https://m3.material.io/theme-builder#/custom

export default {
  text: '#191C1D',

  primary: '#7b5800',
  onPrimary: '#ffffff',
  primaryContainer: '#ffdea6',
  onPrimaryContainer: '#271900',
  primaryFixed: '#ffdea6',
  onPrimaryFixed: '#271900',
  primaryFixedDim: '#ffbb0c',
  onPrimaryFixedVariant: '#5d4200',
  secondary: '#6c5c3f',
  onSecondary: '#ffffff',
  secondaryContainer: '#f6e0bb',
  onSecondaryContainer: '#251a04',
  secondaryFixed: '#f6e0bb',
  onSecondaryFixed: '#251a04',
  secondaryFixedDim: '#d9c4a0',
  onSecondaryFixedVariant: '#53452a',
  tertiary: '#4c6545',
  onTertiary: '#ffffff',
  tertiaryContainer: '#ceebc2',
  onTertiaryContainer: '#0a2007',
  tertiaryFixed: '#ceebc2',
  onTertiaryFixed: '#0a2007',
  tertiaryFixedDim: '#b2cfa7',
  onTertiaryFixedVariant: '#354d2f',
  error: '#ba1a1a',
  errorContainer: '#ffdad6',
  onError: '#ffffff',
  onErrorContainer: '#410002',
  background: '#fffbff',
  onBackground: '#1e1b16',
  outline: '#807667',
  inverseOnSurface: '#f8efe7',
  inverseSurface: '#34302a',
  inversePrimary: '#ffbb0c',
  shadow: '#000000',
  surfaceTint: '#7b5800',
  outlineVariant: '#d1c5b4',
  scrim: '#000000',
  surface: '#fff8f3',
  onSurface: '#1e1b16',
  surfaceVariant: '#eee1cf',
  onSurfaceVariant: '#4e4639',
  surfaceContainerHighest: '#e9e1d9',
  surfaceContainerHigh: '#efe7de',
  surfaceContainer: '#f5ece4',
  surfaceContainerLow: '#fbf2e9',
  surfaceContainerLowest: '#ffffff',
  surfaceDim: '#e1d9d0',
  surfaceBright: '#fff8f3',

  success: '#12a454',
  successContainer: '#70e467',

  surfaceDisabled: '#1c1b1f12',
  onSurfaceDisabled: '#1c1b1f08',

  elevation: {
    level0: 'transparent',
    level1: 'rgb(238, 244, 249)',
    level2: 'rgb(231, 240, 246)',
    level3: 'rgb(223, 235, 242)',
    level4: 'rgb(221, 234, 241)',
    level5: 'rgb(216, 231, 239)',
  },

  backdrop: 'rgba(42, 49, 54, 0.4)',
};