teableio/teable

View on GitHub
plugins/src/app/sheet-form-view/components/theme.ts

Summary

Maintainability
A
0 mins
Test Coverage
export const DarkTheme = {
  red50: '#3d0000',
  red100: '#520000',
  red200: '#660000',
  red300: '#7a0000',
  red400: '#8f0000',
  red500: '#a30000',
  red600: '#b80000',
  red700: '#cc0000',
  red800: '#e10000',
  red900: '#f50000',
  orange50: '#3d1800',
  orange100: '#522000',
  orange200: '#662900',
  orange300: '#7a3200',
  orange400: '#8f3b00',
  orange500: '#a34400',
  orange600: '#b84d00',
  orange700: '#cc5600',
  orange800: '#e15f00',
  orange900: '#f56800',
  gold50: '#3d2e00',
  gold100: '#523e00',
  gold200: '#664e00',
  gold300: '#7a5e00',
  gold400: '#8f6e00',
  gold500: '#a37e00',
  gold600: '#b88e00',
  gold700: '#cc9e00',
  gold800: '#e1ae00',
  gold900: '#f5be00',
  yellow50: '#3d3800',
  yellow100: '#524c00',
  yellow200: '#665f00',
  yellow300: '#7a7200',
  yellow400: '#8f8500',
  yellow500: '#a39800',
  yellow600: '#b8ab00',
  yellow700: '#ccbe00',
  yellow800: '#e1d100',
  yellow900: '#f5e400',
  verdancy50: '#1c2e00',
  verdancy100: '#253e00',
  verdancy200: '#2e4e00',
  verdancy300: '#375e00',
  verdancy400: '#406e00',
  verdancy500: '#497e00',
  verdancy600: '#528e00',
  verdancy700: '#5b9e00',
  verdancy800: '#64ae00',
  verdancy900: '#6dbe00',
  green50: '#002e00',
  green100: '#003e00',
  green200: '#004e00',
  green300: '#005e00',
  green400: '#006e00',
  green500: '#007e00',
  green600: '#008e00',
  green700: '#009e00',
  green800: '#00ae00',
  green900: '#00be00',
  jiqing50: '#002e2a',
  jiqing100: '#003e38',
  jiqing200: '#004e46',
  jiqing300: '#005e54',
  jiqing400: '#006e62',
  jiqing500: '#007e70',
  jiqing600: '#008e7e',
  jiqing700: '#009e8c',
  jiqing800: '#00ae9a',
  jiqing900: '#00bea8',
  blue50: '#001c2e',
  blue100: '#00263e',
  blue200: '#002f4e',
  blue300: '#00395e',
  blue400: '#00436e',
  blue500: '#004d7e',
  blue600: '#00578e',
  blue700: '#00619e',
  blue800: '#006bae',
  blue900: '#0075be',
  hyacinth50: '#00082e',
  hyacinth100: '#000b3e',
  hyacinth200: '#000e4e',
  hyacinth300: '#00115e',
  hyacinth400: '#00146e',
  hyacinth500: '#00177e',
  hyacinth600: '#001a8e',
  hyacinth700: '#001d9e',
  hyacinth800: '#0020ae',
  hyacinth900: '#0023be',
  purple50: '#1c002e',
  purple100: '#26003e',
  purple200: '#2f004e',
  purple300: '#39005e',
  purple400: '#43006e',
  purple500: '#4d007e',
  purple600: '#57008e',
  purple700: '#61009e',
  purple800: '#6b00ae',
  purple900: '#7500be',
  magenta50: '#2e001c',
  magenta100: '#3e0026',
  magenta200: '#4e002f',
  magenta300: '#5e0039',
  magenta400: '#6e0043',
  magenta500: '#7e004d',
  magenta600: '#8e0057',
  magenta700: '#9e0061',
  magenta800: '#ae006b',
  magenta900: '#be0075',
  grey50: '#1a1a1a',
  grey100: '#262626',
  grey200: '#333333',
  grey300: '#404040',
  grey400: '#4d4d4d',
  grey500: '#595959',
  grey600: '#666666',
  grey700: '#737373',
  grey800: '#808080',
  grey900: '#8c8c8c',
  colorBlack: '#030712',
  colorWhite: '#ffffff',
  boxShadowBase: '0 4px 12px rgba(0, 0, 0, 0.3)',
  boxShadowLg: '0 4px 24px 0 rgba(0, 0, 0, 0.3)',
  bgColor: '#1F2937',
  bgColorHover: '#2d3748',
  bgColorSecondary: '#111827',
  bgColorOverlay: '#374151',
  textColor: '#f3f4f6',
  textColorSecondary: '#d1d5db',
  textColorSecondaryDarker: '#9ca3af',
  textColorTertiary: '#6b7280',
  borderColor: '#4b5563',
  scrollbarColor: '#4b5563',
  scrollbarColorHover: '#6b7280',
  scrollbarColorActive: '#9ca3af',
  borderRadiusBase: '4px',
  borderRadiusLg: '8px',
  borderRadiusXl: '12px',
  marginXl: '24px',
  marginLg: '20px',
  marginBase: '16px',
  marginSm: '12px',
  marginXs: '8px',
  marginXxs: '4px',
  paddingXl: '20px',
  paddingLg: '16px',
  paddingBase: '12px',
  paddingSm: '8px',
  paddingXs: '4px',
  fontSizeXxl: '20px',
  fontSizeXl: '18px',
  fontSizeLg: '16px',
  fontSizeBase: '15px',
  fontSizeSm: '14px',
  fontSizeXs: '13px',
  fontSizeXxs: '12px',
  breakpointXs: '768px',
  breakpointSm: '1024px',
  breakpointBase: '1280px',
  breakpointLg: '1536px',
  infoColor: '#3b82f6',
  successColor: '#10b981',
  warningColor: '#f59e0b',
  errorColor: '#ef4444',
  primaryColor: '#3b82f6',
  primaryColorHover: '#60a5fa',
  linkColor: '#3b82f6',
  loopColor1: '#8b5cf6',
  loopColor2: '#10b981',
  loopColor3: '#3b82f6',
  loopColor4: '#f59e0b',
  loopColor5: '#ec4899',
  loopColor6: '#06b6d4',
  loopColor7: '#f97316',
  loopColor8: '#6b7280',
  loopColor9: '#3b82f6',
  loopColor10: '#ef4444',
  loopColor11: '#84cc16',
  loopColor12: '#eab308',
};