[text] sdsd

Viewer

  1. const theme = { colors: 
  2.    { Color: 
  3.       { 'Primary-Color-Tint': '#4c9fde',
  4.         'Primary-Color': '#2d85c7',
  5.         'Primary-Color-Shade': '#22679a',
  6.         'Primary-Text-Color': '#ffffff',
  7.         'Secondary-Color-Tint': '#a1a1a1',
  8.         'Secondary-Color': '#707070',
  9.         'Secondary-Color-Shade': '#515151',
  10.         'Secondary-Text-Color': '#ffffff',
  11.         'CTA-Color': '#f7a81c',
  12.         'CTA-Color-Shade': '#da9720',
  13.         'CTA-Color-Tint': '#ffc35a',
  14.         'CTA-Text-Color': '#ffffff' },
  15.      Text: 
  16.       { 'Text-Color': '#000000',
  17.         'Text-Url-Color': '#2d85c7',
  18.         'Text-Heading-Color': '#202020' },
  19.      Header: 
  20.       { 'Header-Color': '#ffffff',
  21.         'Header-Text-Color': '#202020',
  22.         'Menu-Sale-Color': '#2d85c7',
  23.         'Header-Border-Color-Mobile': '#dbe8f5' },
  24.      Module: 
  25.       { 'Page-Message-Color': '#2d85c7',
  26.         'Page-Message-Text-Color': '#ffffff' },
  27.      Button: 
  28.       { 'Btn-Default-Color': '#2d85c7',
  29.         'Btn-Default-Hover-Color': '#22679a',
  30.         'Btn-Default-Text-Color': '#ffffff',
  31.         'Btn-Product-Cart-Color': '#707070',
  32.         'Btn-Product-Cart-Hover-Color': '#515151',
  33.         'Btn-Product-Cart-Text-Color': '#ffffff',
  34.         'Btn-Filter-Color-Mobile': '#f7a81c',
  35.         'Btn-Filter-Text-Color-Mobile': '#ffffff',
  36.         'Btn-Banner-Color': '#2d85c7',
  37.         'Btn-Banner-Hover-Color': '#22679a' },
  38.      Product: 
  39.       { 'Product-Label-Color': '#2d85c7',
  40.         'Product-Label-Text-Color': '#ffffff' },
  41.      Banner: 
  42.       { 'Banner-Sale-Color': '#2d85c7',
  43.         'Banner-Sale-Text-Color': '#ffffff' },
  44.      Base: 
  45.       { 'Light-Gray': '#f7fbff',
  46.         'Light-gray-Shade': '#dbe8f5',
  47.         'Border-Color': '#dbe8f5',
  48.         'Succes-Color': '#10b981',
  49.         'Warning-Color': '#ebbc2e',
  50.         'Info-Color': '#2f80ed',
  51.         'Error-Color': '#ff0029' } },
  52.   fontSize: 
  53.    { base: '0.75rem',
  54.      lg: '0.875rem',
  55.      xl: '1rem',
  56.      '2xl': '1.125rem',
  57.      '3xl': '1.5rem',
  58.      '4xl': '1.75rem',
  59.      '5xl': '2.25rem',
  60.      '6xl': '3rem' },
  61.   fontFamily: { ubuntu: 'Ubuntu', 'libre-baskerville': 'Libre Baskerville' },
  62.   boxShadow: { 'Text-Shadow': '0px 4px 13px 0px rgba(0,0,0,0.35)' },
  63.   borderRadius: 
  64.    { 'rounded-0': 'NaNrem',
  65.      'rounded-1': 'NaNrem',
  66.      'rounded-2': 'NaNrem',
  67.      'rounded-3': 'NaNrem',
  68.      'rounded-4': 'NaNrem',
  69.      'rounded-5': 'NaNrem',
  70.      'rounded-6': 'NaNrem',
  71.      'rounded-7': 'NaNrem',
  72.      'rounded-8': 'NaNrem',
  73.      'rounded-9': 'NaNrem' } }; export default theme;

Editor

You can edit this paste and save as new:


File Description
  • sdsd
  • Paste Code
  • 02 Jul-2024
  • 2.53 Kb
You can Share it: