gui-kit

API Reference

Colors

Static color classes for Tailwind CSS color palette

The guikit::Colors class provides static methods to access Tailwind CSS colors with shades ranging from 50 to 950.

Available Colors

The following color families are available (each with shades 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950):

  • Red, Orange, Amber, Yellow, Lime, Green, Emerald, Teal, Cyan, Sky
  • Blue, Indigo, Violet, Purple, Fuchsia, Pink, Rose
  • Slate, Gray, Zinc, Neutral, Stone
  • Mauve, Olive, Mist, Taupe

Special colors: Black, White

Usage

#include <guikit/color.hpp>

using namespace guikit;

// Using specific shades
Color red = Colors::Red500();   // Primary red
Color blue = Colors::Blue600(); // Darker blue
Color gray = Colors::Gray200(); // Light gray

// Special colors
Color black = Colors::Black();
Color white = Colors::White();

Color Grid

Red

50
guikit::Colors::Red50()
100
guikit::Colors::Red100()
200
guikit::Colors::Red200()
300
guikit::Colors::Red300()
400
guikit::Colors::Red400()
500
guikit::Colors::Red500()
600
guikit::Colors::Red600()
700
guikit::Colors::Red700()
800
guikit::Colors::Red800()
900
guikit::Colors::Red900()
950
guikit::Colors::Red950()

Orange

50
guikit::Colors::Orange50()
100
guikit::Colors::Orange100()
200
guikit::Colors::Orange200()
300
guikit::Colors::Orange300()
400
guikit::Colors::Orange400()
500
guikit::Colors::Orange500()
600
guikit::Colors::Orange600()
700
guikit::Colors::Orange700()
800
guikit::Colors::Orange800()
900
guikit::Colors::Orange900()
950
guikit::Colors::Orange950()

Amber

50
guikit::Colors::Amber50()
100
guikit::Colors::Amber100()
200
guikit::Colors::Amber200()
300
guikit::Colors::Amber300()
400
guikit::Colors::Amber400()
500
guikit::Colors::Amber500()
600
guikit::Colors::Amber600()
700
guikit::Colors::Amber700()
800
guikit::Colors::Amber800()
900
guikit::Colors::Amber900()
950
guikit::Colors::Amber950()

Yellow

50
guikit::Colors::Yellow50()
100
guikit::Colors::Yellow100()
200
guikit::Colors::Yellow200()
300
guikit::Colors::Yellow300()
400
guikit::Colors::Yellow400()
500
guikit::Colors::Yellow500()
600
guikit::Colors::Yellow600()
700
guikit::Colors::Yellow700()
800
guikit::Colors::Yellow800()
900
guikit::Colors::Yellow900()
950
guikit::Colors::Yellow950()

Lime

50
guikit::Colors::Lime50()
100
guikit::Colors::Lime100()
200
guikit::Colors::Lime200()
300
guikit::Colors::Lime300()
400
guikit::Colors::Lime400()
500
guikit::Colors::Lime500()
600
guikit::Colors::Lime600()
700
guikit::Colors::Lime700()
800
guikit::Colors::Lime800()
900
guikit::Colors::Lime900()
950
guikit::Colors::Lime950()

Green

50
guikit::Colors::Green50()
100
guikit::Colors::Green100()
200
guikit::Colors::Green200()
300
guikit::Colors::Green300()
400
guikit::Colors::Green400()
500
guikit::Colors::Green500()
600
guikit::Colors::Green600()
700
guikit::Colors::Green700()
800
guikit::Colors::Green800()
900
guikit::Colors::Green900()
950
guikit::Colors::Green950()

Emerald

50
guikit::Colors::Emerald50()
100
guikit::Colors::Emerald100()
200
guikit::Colors::Emerald200()
300
guikit::Colors::Emerald300()
400
guikit::Colors::Emerald400()
500
guikit::Colors::Emerald500()
600
guikit::Colors::Emerald600()
700
guikit::Colors::Emerald700()
800
guikit::Colors::Emerald800()
900
guikit::Colors::Emerald900()
950
guikit::Colors::Emerald950()

Teal

50
guikit::Colors::Teal50()
100
guikit::Colors::Teal100()
200
guikit::Colors::Teal200()
300
guikit::Colors::Teal300()
400
guikit::Colors::Teal400()
500
guikit::Colors::Teal500()
600
guikit::Colors::Teal600()
700
guikit::Colors::Teal700()
800
guikit::Colors::Teal800()
900
guikit::Colors::Teal900()
950
guikit::Colors::Teal950()

Cyan

50
guikit::Colors::Cyan50()
100
guikit::Colors::Cyan100()
200
guikit::Colors::Cyan200()
300
guikit::Colors::Cyan300()
400
guikit::Colors::Cyan400()
500
guikit::Colors::Cyan500()
600
guikit::Colors::Cyan600()
700
guikit::Colors::Cyan700()
800
guikit::Colors::Cyan800()
900
guikit::Colors::Cyan900()
950
guikit::Colors::Cyan950()

Sky

50
guikit::Colors::Sky50()
100
guikit::Colors::Sky100()
200
guikit::Colors::Sky200()
300
guikit::Colors::Sky300()
400
guikit::Colors::Sky400()
500
guikit::Colors::Sky500()
600
guikit::Colors::Sky600()
700
guikit::Colors::Sky700()
800
guikit::Colors::Sky800()
900
guikit::Colors::Sky900()
950
guikit::Colors::Sky950()

Blue

50
guikit::Colors::Blue50()
100
guikit::Colors::Blue100()
200
guikit::Colors::Blue200()
300
guikit::Colors::Blue300()
400
guikit::Colors::Blue400()
500
guikit::Colors::Blue500()
600
guikit::Colors::Blue600()
700
guikit::Colors::Blue700()
800
guikit::Colors::Blue800()
900
guikit::Colors::Blue900()
950
guikit::Colors::Blue950()

Indigo

50
guikit::Colors::Indigo50()
100
guikit::Colors::Indigo100()
200
guikit::Colors::Indigo200()
300
guikit::Colors::Indigo300()
400
guikit::Colors::Indigo400()
500
guikit::Colors::Indigo500()
600
guikit::Colors::Indigo600()
700
guikit::Colors::Indigo700()
800
guikit::Colors::Indigo800()
900
guikit::Colors::Indigo900()
950
guikit::Colors::Indigo950()

Violet

50
guikit::Colors::Violet50()
100
guikit::Colors::Violet100()
200
guikit::Colors::Violet200()
300
guikit::Colors::Violet300()
400
guikit::Colors::Violet400()
500
guikit::Colors::Violet500()
600
guikit::Colors::Violet600()
700
guikit::Colors::Violet700()
800
guikit::Colors::Violet800()
900
guikit::Colors::Violet900()
950
guikit::Colors::Violet950()

Purple

50
guikit::Colors::Purple50()
100
guikit::Colors::Purple100()
200
guikit::Colors::Purple200()
300
guikit::Colors::Purple300()
400
guikit::Colors::Purple400()
500
guikit::Colors::Purple500()
600
guikit::Colors::Purple600()
700
guikit::Colors::Purple700()
800
guikit::Colors::Purple800()
900
guikit::Colors::Purple900()
950
guikit::Colors::Purple950()

Fuchsia

50
guikit::Colors::Fuchsia50()
100
guikit::Colors::Fuchsia100()
200
guikit::Colors::Fuchsia200()
300
guikit::Colors::Fuchsia300()
400
guikit::Colors::Fuchsia400()
500
guikit::Colors::Fuchsia500()
600
guikit::Colors::Fuchsia600()
700
guikit::Colors::Fuchsia700()
800
guikit::Colors::Fuchsia800()
900
guikit::Colors::Fuchsia900()
950
guikit::Colors::Fuchsia950()

Pink

50
guikit::Colors::Pink50()
100
guikit::Colors::Pink100()
200
guikit::Colors::Pink200()
300
guikit::Colors::Pink300()
400
guikit::Colors::Pink400()
500
guikit::Colors::Pink500()
600
guikit::Colors::Pink600()
700
guikit::Colors::Pink700()
800
guikit::Colors::Pink800()
900
guikit::Colors::Pink900()
950
guikit::Colors::Pink950()

Rose

50
guikit::Colors::Rose50()
100
guikit::Colors::Rose100()
200
guikit::Colors::Rose200()
300
guikit::Colors::Rose300()
400
guikit::Colors::Rose400()
500
guikit::Colors::Rose500()
600
guikit::Colors::Rose600()
700
guikit::Colors::Rose700()
800
guikit::Colors::Rose800()
900
guikit::Colors::Rose900()
950
guikit::Colors::Rose950()

Slate

50
guikit::Colors::Slate50()
100
guikit::Colors::Slate100()
200
guikit::Colors::Slate200()
300
guikit::Colors::Slate300()
400
guikit::Colors::Slate400()
500
guikit::Colors::Slate500()
600
guikit::Colors::Slate600()
700
guikit::Colors::Slate700()
800
guikit::Colors::Slate800()
900
guikit::Colors::Slate900()
950
guikit::Colors::Slate950()

Gray

50
guikit::Colors::Gray50()
100
guikit::Colors::Gray100()
200
guikit::Colors::Gray200()
300
guikit::Colors::Gray300()
400
guikit::Colors::Gray400()
500
guikit::Colors::Gray500()
600
guikit::Colors::Gray600()
700
guikit::Colors::Gray700()
800
guikit::Colors::Gray800()
900
guikit::Colors::Gray900()
950
guikit::Colors::Gray950()

Zinc

50
guikit::Colors::Zinc50()
100
guikit::Colors::Zinc100()
200
guikit::Colors::Zinc200()
300
guikit::Colors::Zinc300()
400
guikit::Colors::Zinc400()
500
guikit::Colors::Zinc500()
600
guikit::Colors::Zinc600()
700
guikit::Colors::Zinc700()
800
guikit::Colors::Zinc800()
900
guikit::Colors::Zinc900()
950
guikit::Colors::Zinc950()

Neutral

50
guikit::Colors::Neutral50()
100
guikit::Colors::Neutral100()
200
guikit::Colors::Neutral200()
300
guikit::Colors::Neutral300()
400
guikit::Colors::Neutral400()
500
guikit::Colors::Neutral500()
600
guikit::Colors::Neutral600()
700
guikit::Colors::Neutral700()
800
guikit::Colors::Neutral800()
900
guikit::Colors::Neutral900()
950
guikit::Colors::Neutral950()

Stone

50
guikit::Colors::Stone50()
100
guikit::Colors::Stone100()
200
guikit::Colors::Stone200()
300
guikit::Colors::Stone300()
400
guikit::Colors::Stone400()
500
guikit::Colors::Stone500()
600
guikit::Colors::Stone600()
700
guikit::Colors::Stone700()
800
guikit::Colors::Stone800()
900
guikit::Colors::Stone900()
950
guikit::Colors::Stone950()

Mauve

50
guikit::Colors::Mauve50()
100
guikit::Colors::Mauve100()
200
guikit::Colors::Mauve200()
300
guikit::Colors::Mauve300()
400
guikit::Colors::Mauve400()
500
guikit::Colors::Mauve500()
600
guikit::Colors::Mauve600()
700
guikit::Colors::Mauve700()
800
guikit::Colors::Mauve800()
900
guikit::Colors::Mauve900()
950
guikit::Colors::Mauve950()

Olive

50
guikit::Colors::Olive50()
100
guikit::Colors::Olive100()
200
guikit::Colors::Olive200()
300
guikit::Colors::Olive300()
400
guikit::Colors::Olive400()
500
guikit::Colors::Olive500()
600
guikit::Colors::Olive600()
700
guikit::Colors::Olive700()
800
guikit::Colors::Olive800()
900
guikit::Colors::Olive900()
950
guikit::Colors::Olive950()

Mist

50
guikit::Colors::Mist50()
100
guikit::Colors::Mist100()
200
guikit::Colors::Mist200()
300
guikit::Colors::Mist300()
400
guikit::Colors::Mist400()
500
guikit::Colors::Mist500()
600
guikit::Colors::Mist600()
700
guikit::Colors::Mist700()
800
guikit::Colors::Mist800()
900
guikit::Colors::Mist900()
950
guikit::Colors::Mist950()

Taupe

50
guikit::Colors::Taupe50()
100
guikit::Colors::Taupe100()
200
guikit::Colors::Taupe200()
300
guikit::Colors::Taupe300()
400
guikit::Colors::Taupe400()
500
guikit::Colors::Taupe500()
600
guikit::Colors::Taupe600()
700
guikit::Colors::Taupe700()
800
guikit::Colors::Taupe800()
900
guikit::Colors::Taupe900()
950
guikit::Colors::Taupe950()

Special Colors

Black
guikit::Colors::Black()
White
guikit::Colors::White()

On this page