Skip to main content
Whever possible aim to stick with the default base theme in Flux (light) https://fluxui.dev/themes. This is similar to the default shadcn (light) theme https://ui.shadcn.com/themes.
UsageColourValuesApplication
Primary / Base ColourNeutral Grey (Zinc)Hex Code
#27272a RGB Code
rgb(39,39,42) HSL Code hsl(240,3.7%,15.9%), oklch(27.4% 0.006 286.033)		The majority of the application and UI including text, backgrounds, panels, form controls, borders, secondary buttons, nav items, icons and links.
Accent ColourNeutral Grey (Zinc)Hex Code
#27272a RGB Code
rgb(39,39,42) HSL Code hsl(240,3.7%,15.9%), oklch(27.4% 0.006 286.033)		The color of primary action buttons and other interactive elements. Use sparingly when needing an element to stand out or to reinforce (e.g. error states) *
For more information see https://tailwindcss.com/docs/colors. Also consider semantic colours where necessary e.g.
  • Green = Positive
  • Yellow / Orange=Warning
From the Flux UI theme builder: 
@theme {

    --color-accent: var(--color-zinc-800);

    --color-accent-content: var(--color-zinc-800);

    --color-accent-foreground: var(--color-white);

}