Skip to content

Instantly share code, notes, and snippets.

View qbixmex's full-sized avatar

Daniel González Briseño qbixmex

  • Qbix
  • Guadalajara
View GitHub Profile
@qbixmex
qbixmex / colors.ts
Created November 30, 2025 14:46
Tailwind Colors as Hexadecimal in Typescript Object
export const colors = {
red_050: '#fef2f2',
red_100: '#ffe2e2',
red_200: '#ffc9c9',
red_300: '#ffa2a2',
red_400: '#ff6467',
red_500: '#ef4444',
red_600: '#e7000b',
red_700: '#c10007',
red_800: '#9f0712',
:root {
/* SLATE */
--slate-50: #f8fafc;
--slate-100: #f1f5f9;
--slate-200: #e2e8f0;
--slate-300: #cbd5e1;
--slate-400: #94a3b8;
--slate-500: #64748b;
--slate-600: #475569;
--slate-700: #334155;