@makemusicrecords/design-guy

Design Guy v2.1 para Make Music Records.

Instalação

npm install @makemusicrecords/design-guy

Uso

Import CSS:

import '@makemusicrecords/design-guy/src/index.css';

Cores

Hue 340 (red-pink):

• --dsguy-primary: oklch(62% 0.240 340)
• --dsguy-bg: oklch(11% 0.014 340)
• --dsguy-card-bg: oklch(17% 0.011 340)
• --dsguy-border: oklch(32% 0.009 340)
• --dsguy-text: oklch(92% 0.005 340)
• --dsguy-text-muted: oklch(62% 0.009 340)
• --dsguy-accent: oklch(70% 0.220 340)

Tailwind

import designGuy from '@makemusicrecords/design-guy/src/tailwind.config.js';

export default {
  theme: {
    extend: designGuy.theme.extend,
  },
};