Flexoki Tailwind colors

flexoki-tailwind-colors.ts

// Tailwind colors for Flexoki theme by Steph Ango. https://stephango.com/flexoki

const colors = {
  base: {
    black: '#100F0F',
    950: '#1C1B1A',
    900: '#282726',
    850: '#343331',
    800: '#403E3C',
    700: '#575653',
    600: '#6F6E69',
    500: '#878580',
    300: '#B7B5AC',
    200: '#CECDC3',
    150: '#DAD8CE',
    100: '#E6E4D9',
    50: '#F2F0E5',
    paper: '#FFFCF0',
  },
  red: {
    DEFAULT: '#AF3029',
    light: '#D14D41',
  },
  orange: {
    DEFAULT: '#BC5215',
    light: '#DA702C',
  },
  yellow: {
    DEFAULT: '#AD8301',
    light: '#D0A215',
  },
  green: {
    DEFAULT: '#66800B',
    light: '#879A39',
  },
  cyan: {
    DEFAULT: '#24837B',
    light: '#3AA99F',
  },
  blue: {
    DEFAULT: '#205EA6',
    light: '#4385BE',
  },
  purple: {
    DEFAULT: '#5E409D',
    light: '#8B7EC8',
  },
  magenta: {
    DEFAULT: '#A02F6F',
    light: '#CE5D97',
  },
};

I think the most convenient for most Tailwind users would be to load the colors as replacements for the defaults. Namespacing is also useful as an alternative, but maybe it should be a separate config file?

Also we should move these config files into the main Flexoki repo so they're more easily accessible and editable by the community.

I agree with moving these to the main flexoki repo, and also agree it's better to not namespace them — it probably confuses more people than it helps, tbh. Thanks for the new colors, they look stunning!

FYI your orange sequence is using the red color values

oh shoot thank you, must have copied it wrong

…

On Mon, Jan 27, 2025 at 3:43 PM Steph Ango ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ FYI your orange sequence is using the red color values — Reply to this email directly, view it on GitHub <https://gist.github.com/martin-mael/4b50fa8e55da846f3f73399d84fa1848#gistcomment-5411392> or unsubscribe <https://github.com/notifications/unsubscribe-auth/AA5QO2AJP675KJ7HC3TDCB32M3AA5BFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTENJTGQ4DKOBZU52HE2LHM5SXFJTDOJSWC5DF> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

👋 kepano/flexoki#101