matheus23 / elm-default-tailwind-modules / Tailwind.Theme

This Tailwind Theme

This module contains all colors and opacities from your tailwind configuration.

If you want to extend the set of available colors or opacities, take a look [configuring tailwind].

Colors


type alias Color =
Tailwind.Color.Color

The type for tailwind colors.

Values of this type can be found in this module.

They can be used with tailwind utility functions like bg_color.

If you want to generate custom values, install the elm-tailwind-modules-base library and its utilities like arbitraryRgb.

inherit : Color

The color inherit from the tailwind configuration.

Its value is inherit.

Also see the tailwind documentation

current : Color

The color current from the tailwind configuration.

Its value is currentColor.

Also see the tailwind documentation

transparent : Color

The color transparent from the tailwind configuration.

Its value is transparent.

Also see the tailwind documentation

black : Color

The color black from the tailwind configuration.

Its value is #000.

Also see the tailwind documentation

white : Color

The color white from the tailwind configuration.

Its value is #fff.

Also see the tailwind documentation

slate_50 : Color

The color slate_50 from the tailwind configuration.

Its value is #f8fafc.

Also see the tailwind documentation

slate_100 : Color

The color slate_100 from the tailwind configuration.

Its value is #f1f5f9.

Also see the tailwind documentation

slate_200 : Color

The color slate_200 from the tailwind configuration.

Its value is #e2e8f0.

Also see the tailwind documentation

slate_300 : Color

The color slate_300 from the tailwind configuration.

Its value is #cbd5e1.

Also see the tailwind documentation

slate_400 : Color

The color slate_400 from the tailwind configuration.

Its value is #94a3b8.

Also see the tailwind documentation

slate_500 : Color

The color slate_500 from the tailwind configuration.

Its value is #64748b.

Also see the tailwind documentation

slate_600 : Color

The color slate_600 from the tailwind configuration.

Its value is #475569.

Also see the tailwind documentation

slate_700 : Color

The color slate_700 from the tailwind configuration.

Its value is #334155.

Also see the tailwind documentation

slate_800 : Color

The color slate_800 from the tailwind configuration.

Its value is #1e293b.

Also see the tailwind documentation

slate_900 : Color

The color slate_900 from the tailwind configuration.

Its value is #0f172a.

Also see the tailwind documentation

gray_50 : Color

The color gray_50 from the tailwind configuration.

Its value is #f9fafb.

Also see the tailwind documentation

gray_100 : Color

The color gray_100 from the tailwind configuration.

Its value is #f3f4f6.

Also see the tailwind documentation

gray_200 : Color

The color gray_200 from the tailwind configuration.

Its value is #e5e7eb.

Also see the tailwind documentation

gray_300 : Color

The color gray_300 from the tailwind configuration.

Its value is #d1d5db.

Also see the tailwind documentation

gray_400 : Color

The color gray_400 from the tailwind configuration.

Its value is #9ca3af.

Also see the tailwind documentation

gray_500 : Color

The color gray_500 from the tailwind configuration.

Its value is #6b7280.

Also see the tailwind documentation

gray_600 : Color

The color gray_600 from the tailwind configuration.

Its value is #4b5563.

Also see the tailwind documentation

gray_700 : Color

The color gray_700 from the tailwind configuration.

Its value is #374151.

Also see the tailwind documentation

gray_800 : Color

The color gray_800 from the tailwind configuration.

Its value is #1f2937.

Also see the tailwind documentation

gray_900 : Color

The color gray_900 from the tailwind configuration.

Its value is #111827.

Also see the tailwind documentation

zinc_50 : Color

The color zinc_50 from the tailwind configuration.

Its value is #fafafa.

Also see the tailwind documentation

zinc_100 : Color

The color zinc_100 from the tailwind configuration.

Its value is #f4f4f5.

Also see the tailwind documentation

zinc_200 : Color

The color zinc_200 from the tailwind configuration.

Its value is #e4e4e7.

Also see the tailwind documentation

zinc_300 : Color

The color zinc_300 from the tailwind configuration.

Its value is #d4d4d8.

Also see the tailwind documentation

zinc_400 : Color

The color zinc_400 from the tailwind configuration.

Its value is #a1a1aa.

Also see the tailwind documentation

zinc_500 : Color

The color zinc_500 from the tailwind configuration.

Its value is #71717a.

Also see the tailwind documentation

zinc_600 : Color

The color zinc_600 from the tailwind configuration.

Its value is #52525b.

Also see the tailwind documentation

zinc_700 : Color

The color zinc_700 from the tailwind configuration.

Its value is #3f3f46.

Also see the tailwind documentation

zinc_800 : Color

The color zinc_800 from the tailwind configuration.

Its value is #27272a.

Also see the tailwind documentation

zinc_900 : Color

The color zinc_900 from the tailwind configuration.

Its value is #18181b.

Also see the tailwind documentation

neutral_50 : Color

The color neutral_50 from the tailwind configuration.

Its value is #fafafa.

Also see the tailwind documentation

neutral_100 : Color

The color neutral_100 from the tailwind configuration.

Its value is #f5f5f5.

Also see the tailwind documentation

neutral_200 : Color

The color neutral_200 from the tailwind configuration.

Its value is #e5e5e5.

Also see the tailwind documentation

neutral_300 : Color

The color neutral_300 from the tailwind configuration.

Its value is #d4d4d4.

Also see the tailwind documentation

neutral_400 : Color

The color neutral_400 from the tailwind configuration.

Its value is #a3a3a3.

Also see the tailwind documentation

neutral_500 : Color

The color neutral_500 from the tailwind configuration.

Its value is #737373.

Also see the tailwind documentation

neutral_600 : Color

The color neutral_600 from the tailwind configuration.

Its value is #525252.

Also see the tailwind documentation

neutral_700 : Color

The color neutral_700 from the tailwind configuration.

Its value is #404040.

Also see the tailwind documentation

neutral_800 : Color

The color neutral_800 from the tailwind configuration.

Its value is #262626.

Also see the tailwind documentation

neutral_900 : Color

The color neutral_900 from the tailwind configuration.

Its value is #171717.

Also see the tailwind documentation

stone_50 : Color

The color stone_50 from the tailwind configuration.

Its value is #fafaf9.

Also see the tailwind documentation

stone_100 : Color

The color stone_100 from the tailwind configuration.

Its value is #f5f5f4.

Also see the tailwind documentation

stone_200 : Color

The color stone_200 from the tailwind configuration.

Its value is #e7e5e4.

Also see the tailwind documentation

stone_300 : Color

The color stone_300 from the tailwind configuration.

Its value is #d6d3d1.

Also see the tailwind documentation

stone_400 : Color

The color stone_400 from the tailwind configuration.

Its value is #a8a29e.

Also see the tailwind documentation

stone_500 : Color

The color stone_500 from the tailwind configuration.

Its value is #78716c.

Also see the tailwind documentation

stone_600 : Color

The color stone_600 from the tailwind configuration.

Its value is #57534e.

Also see the tailwind documentation

stone_700 : Color

The color stone_700 from the tailwind configuration.

Its value is #44403c.

Also see the tailwind documentation

stone_800 : Color

The color stone_800 from the tailwind configuration.

Its value is #292524.

Also see the tailwind documentation

stone_900 : Color

The color stone_900 from the tailwind configuration.

Its value is #1c1917.

Also see the tailwind documentation

red_50 : Color

The color red_50 from the tailwind configuration.

Its value is #fef2f2.

Also see the tailwind documentation

red_100 : Color

The color red_100 from the tailwind configuration.

Its value is #fee2e2.

Also see the tailwind documentation

red_200 : Color

The color red_200 from the tailwind configuration.

Its value is #fecaca.

Also see the tailwind documentation

red_300 : Color

The color red_300 from the tailwind configuration.

Its value is #fca5a5.

Also see the tailwind documentation

red_400 : Color

The color red_400 from the tailwind configuration.

Its value is #f87171.

Also see the tailwind documentation

red_500 : Color

The color red_500 from the tailwind configuration.

Its value is #ef4444.

Also see the tailwind documentation

red_600 : Color

The color red_600 from the tailwind configuration.

Its value is #dc2626.

Also see the tailwind documentation

red_700 : Color

The color red_700 from the tailwind configuration.

Its value is #b91c1c.

Also see the tailwind documentation

red_800 : Color

The color red_800 from the tailwind configuration.

Its value is #991b1b.

Also see the tailwind documentation

red_900 : Color

The color red_900 from the tailwind configuration.

Its value is #7f1d1d.

Also see the tailwind documentation

orange_50 : Color

The color orange_50 from the tailwind configuration.

Its value is #fff7ed.

Also see the tailwind documentation

orange_100 : Color

The color orange_100 from the tailwind configuration.

Its value is #ffedd5.

Also see the tailwind documentation

orange_200 : Color

The color orange_200 from the tailwind configuration.

Its value is #fed7aa.

Also see the tailwind documentation

orange_300 : Color

The color orange_300 from the tailwind configuration.

Its value is #fdba74.

Also see the tailwind documentation

orange_400 : Color

The color orange_400 from the tailwind configuration.

Its value is #fb923c.

Also see the tailwind documentation

orange_500 : Color

The color orange_500 from the tailwind configuration.

Its value is #f97316.

Also see the tailwind documentation

orange_600 : Color

The color orange_600 from the tailwind configuration.

Its value is #ea580c.

Also see the tailwind documentation

orange_700 : Color

The color orange_700 from the tailwind configuration.

Its value is #c2410c.

Also see the tailwind documentation

orange_800 : Color

The color orange_800 from the tailwind configuration.

Its value is #9a3412.

Also see the tailwind documentation

orange_900 : Color

The color orange_900 from the tailwind configuration.

Its value is #7c2d12.

Also see the tailwind documentation

amber_50 : Color

The color amber_50 from the tailwind configuration.

Its value is #fffbeb.

Also see the tailwind documentation

amber_100 : Color

The color amber_100 from the tailwind configuration.

Its value is #fef3c7.

Also see the tailwind documentation

amber_200 : Color

The color amber_200 from the tailwind configuration.

Its value is #fde68a.

Also see the tailwind documentation

amber_300 : Color

The color amber_300 from the tailwind configuration.

Its value is #fcd34d.

Also see the tailwind documentation

amber_400 : Color

The color amber_400 from the tailwind configuration.

Its value is #fbbf24.

Also see the tailwind documentation

amber_500 : Color

The color amber_500 from the tailwind configuration.

Its value is #f59e0b.

Also see the tailwind documentation

amber_600 : Color

The color amber_600 from the tailwind configuration.

Its value is #d97706.

Also see the tailwind documentation

amber_700 : Color

The color amber_700 from the tailwind configuration.

Its value is #b45309.

Also see the tailwind documentation

amber_800 : Color

The color amber_800 from the tailwind configuration.

Its value is #92400e.

Also see the tailwind documentation

amber_900 : Color

The color amber_900 from the tailwind configuration.

Its value is #78350f.

Also see the tailwind documentation

yellow_50 : Color

The color yellow_50 from the tailwind configuration.

Its value is #fefce8.

Also see the tailwind documentation

yellow_100 : Color

The color yellow_100 from the tailwind configuration.

Its value is #fef9c3.

Also see the tailwind documentation

yellow_200 : Color

The color yellow_200 from the tailwind configuration.

Its value is #fef08a.

Also see the tailwind documentation

yellow_300 : Color

The color yellow_300 from the tailwind configuration.

Its value is #fde047.

Also see the tailwind documentation

yellow_400 : Color

The color yellow_400 from the tailwind configuration.

Its value is #facc15.

Also see the tailwind documentation

yellow_500 : Color

The color yellow_500 from the tailwind configuration.

Its value is #eab308.

Also see the tailwind documentation

yellow_600 : Color

The color yellow_600 from the tailwind configuration.

Its value is #ca8a04.

Also see the tailwind documentation

yellow_700 : Color

The color yellow_700 from the tailwind configuration.

Its value is #a16207.

Also see the tailwind documentation

yellow_800 : Color

The color yellow_800 from the tailwind configuration.

Its value is #854d0e.

Also see the tailwind documentation

yellow_900 : Color

The color yellow_900 from the tailwind configuration.

Its value is #713f12.

Also see the tailwind documentation

lime_50 : Color

The color lime_50 from the tailwind configuration.

Its value is #f7fee7.

Also see the tailwind documentation

lime_100 : Color

The color lime_100 from the tailwind configuration.

Its value is #ecfccb.

Also see the tailwind documentation

lime_200 : Color

The color lime_200 from the tailwind configuration.

Its value is #d9f99d.

Also see the tailwind documentation

lime_300 : Color

The color lime_300 from the tailwind configuration.

Its value is #bef264.

Also see the tailwind documentation

lime_400 : Color

The color lime_400 from the tailwind configuration.

Its value is #a3e635.

Also see the tailwind documentation

lime_500 : Color

The color lime_500 from the tailwind configuration.

Its value is #84cc16.

Also see the tailwind documentation

lime_600 : Color

The color lime_600 from the tailwind configuration.

Its value is #65a30d.

Also see the tailwind documentation

lime_700 : Color

The color lime_700 from the tailwind configuration.

Its value is #4d7c0f.

Also see the tailwind documentation

lime_800 : Color

The color lime_800 from the tailwind configuration.

Its value is #3f6212.

Also see the tailwind documentation

lime_900 : Color

The color lime_900 from the tailwind configuration.

Its value is #365314.

Also see the tailwind documentation

green_50 : Color

The color green_50 from the tailwind configuration.

Its value is #f0fdf4.

Also see the tailwind documentation

green_100 : Color

The color green_100 from the tailwind configuration.

Its value is #dcfce7.

Also see the tailwind documentation

green_200 : Color

The color green_200 from the tailwind configuration.

Its value is #bbf7d0.

Also see the tailwind documentation

green_300 : Color

The color green_300 from the tailwind configuration.

Its value is #86efac.

Also see the tailwind documentation

green_400 : Color

The color green_400 from the tailwind configuration.

Its value is #4ade80.

Also see the tailwind documentation

green_500 : Color

The color green_500 from the tailwind configuration.

Its value is #22c55e.

Also see the tailwind documentation

green_600 : Color

The color green_600 from the tailwind configuration.

Its value is #16a34a.

Also see the tailwind documentation

green_700 : Color

The color green_700 from the tailwind configuration.

Its value is #15803d.

Also see the tailwind documentation

green_800 : Color

The color green_800 from the tailwind configuration.

Its value is #166534.

Also see the tailwind documentation

green_900 : Color

The color green_900 from the tailwind configuration.

Its value is #14532d.

Also see the tailwind documentation

emerald_50 : Color

The color emerald_50 from the tailwind configuration.

Its value is #ecfdf5.

Also see the tailwind documentation

emerald_100 : Color

The color emerald_100 from the tailwind configuration.

Its value is #d1fae5.

Also see the tailwind documentation

emerald_200 : Color

The color emerald_200 from the tailwind configuration.

Its value is #a7f3d0.

Also see the tailwind documentation

emerald_300 : Color

The color emerald_300 from the tailwind configuration.

Its value is #6ee7b7.

Also see the tailwind documentation

emerald_400 : Color

The color emerald_400 from the tailwind configuration.

Its value is #34d399.

Also see the tailwind documentation

emerald_500 : Color

The color emerald_500 from the tailwind configuration.

Its value is #10b981.

Also see the tailwind documentation

emerald_600 : Color

The color emerald_600 from the tailwind configuration.

Its value is #059669.

Also see the tailwind documentation

emerald_700 : Color

The color emerald_700 from the tailwind configuration.

Its value is #047857.

Also see the tailwind documentation

emerald_800 : Color

The color emerald_800 from the tailwind configuration.

Its value is #065f46.

Also see the tailwind documentation

emerald_900 : Color

The color emerald_900 from the tailwind configuration.

Its value is #064e3b.

Also see the tailwind documentation

teal_50 : Color

The color teal_50 from the tailwind configuration.

Its value is #f0fdfa.

Also see the tailwind documentation

teal_100 : Color

The color teal_100 from the tailwind configuration.

Its value is #ccfbf1.

Also see the tailwind documentation

teal_200 : Color

The color teal_200 from the tailwind configuration.

Its value is #99f6e4.

Also see the tailwind documentation

teal_300 : Color

The color teal_300 from the tailwind configuration.

Its value is #5eead4.

Also see the tailwind documentation

teal_400 : Color

The color teal_400 from the tailwind configuration.

Its value is #2dd4bf.

Also see the tailwind documentation

teal_500 : Color

The color teal_500 from the tailwind configuration.

Its value is #14b8a6.

Also see the tailwind documentation

teal_600 : Color

The color teal_600 from the tailwind configuration.

Its value is #0d9488.

Also see the tailwind documentation

teal_700 : Color

The color teal_700 from the tailwind configuration.

Its value is #0f766e.

Also see the tailwind documentation

teal_800 : Color

The color teal_800 from the tailwind configuration.

Its value is #115e59.

Also see the tailwind documentation

teal_900 : Color

The color teal_900 from the tailwind configuration.

Its value is #134e4a.

Also see the tailwind documentation

cyan_50 : Color

The color cyan_50 from the tailwind configuration.

Its value is #ecfeff.

Also see the tailwind documentation

cyan_100 : Color

The color cyan_100 from the tailwind configuration.

Its value is #cffafe.

Also see the tailwind documentation

cyan_200 : Color

The color cyan_200 from the tailwind configuration.

Its value is #a5f3fc.

Also see the tailwind documentation

cyan_300 : Color

The color cyan_300 from the tailwind configuration.

Its value is #67e8f9.

Also see the tailwind documentation

cyan_400 : Color

The color cyan_400 from the tailwind configuration.

Its value is #22d3ee.

Also see the tailwind documentation

cyan_500 : Color

The color cyan_500 from the tailwind configuration.

Its value is #06b6d4.

Also see the tailwind documentation

cyan_600 : Color

The color cyan_600 from the tailwind configuration.

Its value is #0891b2.

Also see the tailwind documentation

cyan_700 : Color

The color cyan_700 from the tailwind configuration.

Its value is #0e7490.

Also see the tailwind documentation

cyan_800 : Color

The color cyan_800 from the tailwind configuration.

Its value is #155e75.

Also see the tailwind documentation

cyan_900 : Color

The color cyan_900 from the tailwind configuration.

Its value is #164e63.

Also see the tailwind documentation

sky_50 : Color

The color sky_50 from the tailwind configuration.

Its value is #f0f9ff.

Also see the tailwind documentation

sky_100 : Color

The color sky_100 from the tailwind configuration.

Its value is #e0f2fe.

Also see the tailwind documentation

sky_200 : Color

The color sky_200 from the tailwind configuration.

Its value is #bae6fd.

Also see the tailwind documentation

sky_300 : Color

The color sky_300 from the tailwind configuration.

Its value is #7dd3fc.

Also see the tailwind documentation

sky_400 : Color

The color sky_400 from the tailwind configuration.

Its value is #38bdf8.

Also see the tailwind documentation

sky_500 : Color

The color sky_500 from the tailwind configuration.

Its value is #0ea5e9.

Also see the tailwind documentation

sky_600 : Color

The color sky_600 from the tailwind configuration.

Its value is #0284c7.

Also see the tailwind documentation

sky_700 : Color

The color sky_700 from the tailwind configuration.

Its value is #0369a1.

Also see the tailwind documentation

sky_800 : Color

The color sky_800 from the tailwind configuration.

Its value is #075985.

Also see the tailwind documentation

sky_900 : Color

The color sky_900 from the tailwind configuration.

Its value is #0c4a6e.

Also see the tailwind documentation

blue_50 : Color

The color blue_50 from the tailwind configuration.

Its value is #eff6ff.

Also see the tailwind documentation

blue_100 : Color

The color blue_100 from the tailwind configuration.

Its value is #dbeafe.

Also see the tailwind documentation

blue_200 : Color

The color blue_200 from the tailwind configuration.

Its value is #bfdbfe.

Also see the tailwind documentation

blue_300 : Color

The color blue_300 from the tailwind configuration.

Its value is #93c5fd.

Also see the tailwind documentation

blue_400 : Color

The color blue_400 from the tailwind configuration.

Its value is #60a5fa.

Also see the tailwind documentation

blue_500 : Color

The color blue_500 from the tailwind configuration.

Its value is #3b82f6.

Also see the tailwind documentation

blue_600 : Color

The color blue_600 from the tailwind configuration.

Its value is #2563eb.

Also see the tailwind documentation

blue_700 : Color

The color blue_700 from the tailwind configuration.

Its value is #1d4ed8.

Also see the tailwind documentation

blue_800 : Color

The color blue_800 from the tailwind configuration.

Its value is #1e40af.

Also see the tailwind documentation

blue_900 : Color

The color blue_900 from the tailwind configuration.

Its value is #1e3a8a.

Also see the tailwind documentation

indigo_50 : Color

The color indigo_50 from the tailwind configuration.

Its value is #eef2ff.

Also see the tailwind documentation

indigo_100 : Color

The color indigo_100 from the tailwind configuration.

Its value is #e0e7ff.

Also see the tailwind documentation

indigo_200 : Color

The color indigo_200 from the tailwind configuration.

Its value is #c7d2fe.

Also see the tailwind documentation

indigo_300 : Color

The color indigo_300 from the tailwind configuration.

Its value is #a5b4fc.

Also see the tailwind documentation

indigo_400 : Color

The color indigo_400 from the tailwind configuration.

Its value is #818cf8.

Also see the tailwind documentation

indigo_500 : Color

The color indigo_500 from the tailwind configuration.

Its value is #6366f1.

Also see the tailwind documentation

indigo_600 : Color

The color indigo_600 from the tailwind configuration.

Its value is #4f46e5.

Also see the tailwind documentation

indigo_700 : Color

The color indigo_700 from the tailwind configuration.

Its value is #4338ca.

Also see the tailwind documentation

indigo_800 : Color

The color indigo_800 from the tailwind configuration.

Its value is #3730a3.

Also see the tailwind documentation

indigo_900 : Color

The color indigo_900 from the tailwind configuration.

Its value is #312e81.

Also see the tailwind documentation

violet_50 : Color

The color violet_50 from the tailwind configuration.

Its value is #f5f3ff.

Also see the tailwind documentation

violet_100 : Color

The color violet_100 from the tailwind configuration.

Its value is #ede9fe.

Also see the tailwind documentation

violet_200 : Color

The color violet_200 from the tailwind configuration.

Its value is #ddd6fe.

Also see the tailwind documentation

violet_300 : Color

The color violet_300 from the tailwind configuration.

Its value is #c4b5fd.

Also see the tailwind documentation

violet_400 : Color

The color violet_400 from the tailwind configuration.

Its value is #a78bfa.

Also see the tailwind documentation

violet_500 : Color

The color violet_500 from the tailwind configuration.

Its value is #8b5cf6.

Also see the tailwind documentation

violet_600 : Color

The color violet_600 from the tailwind configuration.

Its value is #7c3aed.

Also see the tailwind documentation

violet_700 : Color

The color violet_700 from the tailwind configuration.

Its value is #6d28d9.

Also see the tailwind documentation

violet_800 : Color

The color violet_800 from the tailwind configuration.

Its value is #5b21b6.

Also see the tailwind documentation

violet_900 : Color

The color violet_900 from the tailwind configuration.

Its value is #4c1d95.

Also see the tailwind documentation

purple_50 : Color

The color purple_50 from the tailwind configuration.

Its value is #faf5ff.

Also see the tailwind documentation

purple_100 : Color

The color purple_100 from the tailwind configuration.

Its value is #f3e8ff.

Also see the tailwind documentation

purple_200 : Color

The color purple_200 from the tailwind configuration.

Its value is #e9d5ff.

Also see the tailwind documentation

purple_300 : Color

The color purple_300 from the tailwind configuration.

Its value is #d8b4fe.

Also see the tailwind documentation

purple_400 : Color

The color purple_400 from the tailwind configuration.

Its value is #c084fc.

Also see the tailwind documentation

purple_500 : Color

The color purple_500 from the tailwind configuration.

Its value is #a855f7.

Also see the tailwind documentation

purple_600 : Color

The color purple_600 from the tailwind configuration.

Its value is #9333ea.

Also see the tailwind documentation

purple_700 : Color

The color purple_700 from the tailwind configuration.

Its value is #7e22ce.

Also see the tailwind documentation

purple_800 : Color

The color purple_800 from the tailwind configuration.

Its value is #6b21a8.

Also see the tailwind documentation

purple_900 : Color

The color purple_900 from the tailwind configuration.

Its value is #581c87.

Also see the tailwind documentation

fuchsia_50 : Color

The color fuchsia_50 from the tailwind configuration.

Its value is #fdf4ff.

Also see the tailwind documentation

fuchsia_100 : Color

The color fuchsia_100 from the tailwind configuration.

Its value is #fae8ff.

Also see the tailwind documentation

fuchsia_200 : Color

The color fuchsia_200 from the tailwind configuration.

Its value is #f5d0fe.

Also see the tailwind documentation

fuchsia_300 : Color

The color fuchsia_300 from the tailwind configuration.

Its value is #f0abfc.

Also see the tailwind documentation

fuchsia_400 : Color

The color fuchsia_400 from the tailwind configuration.

Its value is #e879f9.

Also see the tailwind documentation

fuchsia_500 : Color

The color fuchsia_500 from the tailwind configuration.

Its value is #d946ef.

Also see the tailwind documentation

fuchsia_600 : Color

The color fuchsia_600 from the tailwind configuration.

Its value is #c026d3.

Also see the tailwind documentation

fuchsia_700 : Color

The color fuchsia_700 from the tailwind configuration.

Its value is #a21caf.

Also see the tailwind documentation

fuchsia_800 : Color

The color fuchsia_800 from the tailwind configuration.

Its value is #86198f.

Also see the tailwind documentation

fuchsia_900 : Color

The color fuchsia_900 from the tailwind configuration.

Its value is #701a75.

Also see the tailwind documentation

pink_50 : Color

The color pink_50 from the tailwind configuration.

Its value is #fdf2f8.

Also see the tailwind documentation

pink_100 : Color

The color pink_100 from the tailwind configuration.

Its value is #fce7f3.

Also see the tailwind documentation

pink_200 : Color

The color pink_200 from the tailwind configuration.

Its value is #fbcfe8.

Also see the tailwind documentation

pink_300 : Color

The color pink_300 from the tailwind configuration.

Its value is #f9a8d4.

Also see the tailwind documentation

pink_400 : Color

The color pink_400 from the tailwind configuration.

Its value is #f472b6.

Also see the tailwind documentation

pink_500 : Color

The color pink_500 from the tailwind configuration.

Its value is #ec4899.

Also see the tailwind documentation

pink_600 : Color

The color pink_600 from the tailwind configuration.

Its value is #db2777.

Also see the tailwind documentation

pink_700 : Color

The color pink_700 from the tailwind configuration.

Its value is #be185d.

Also see the tailwind documentation

pink_800 : Color

The color pink_800 from the tailwind configuration.

Its value is #9d174d.

Also see the tailwind documentation

pink_900 : Color

The color pink_900 from the tailwind configuration.

Its value is #831843.

Also see the tailwind documentation

rose_50 : Color

The color rose_50 from the tailwind configuration.

Its value is #fff1f2.

Also see the tailwind documentation

rose_100 : Color

The color rose_100 from the tailwind configuration.

Its value is #ffe4e6.

Also see the tailwind documentation

rose_200 : Color

The color rose_200 from the tailwind configuration.

Its value is #fecdd3.

Also see the tailwind documentation

rose_300 : Color

The color rose_300 from the tailwind configuration.

Its value is #fda4af.

Also see the tailwind documentation

rose_400 : Color

The color rose_400 from the tailwind configuration.

Its value is #fb7185.

Also see the tailwind documentation

rose_500 : Color

The color rose_500 from the tailwind configuration.

Its value is #f43f5e.

Also see the tailwind documentation

rose_600 : Color

The color rose_600 from the tailwind configuration.

Its value is #e11d48.

Also see the tailwind documentation

rose_700 : Color

The color rose_700 from the tailwind configuration.

Its value is #be123c.

Also see the tailwind documentation

rose_800 : Color

The color rose_800 from the tailwind configuration.

Its value is #9f1239.

Also see the tailwind documentation

rose_900 : Color

The color rose_900 from the tailwind configuration.

Its value is #881337.

Also see the tailwind documentation

Opacities


type alias Opacity =
Tailwind.Color.Opacity

The type for tailwind opacities.

Values of this type can be found in this module.

They can be used to modify the default opacities associated with colors using the withOpacity function.

If you want to generate custom values, install the elm-tailwind-modules-base library and its utilities like arbitraryOpactiyPct.

opacity0 : Opacity

The opacity opacity0 from the tailwind configuration.

It is set to 0 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity5 : Opacity

The opacity opacity5 from the tailwind configuration.

It is set to 0.05 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity10 : Opacity

The opacity opacity10 from the tailwind configuration.

It is set to 0.1 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity20 : Opacity

The opacity opacity20 from the tailwind configuration.

It is set to 0.2 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity25 : Opacity

The opacity opacity25 from the tailwind configuration.

It is set to 0.25 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity30 : Opacity

The opacity opacity30 from the tailwind configuration.

It is set to 0.3 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity40 : Opacity

The opacity opacity40 from the tailwind configuration.

It is set to 0.4 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity50 : Opacity

The opacity opacity50 from the tailwind configuration.

It is set to 0.5 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity60 : Opacity

The opacity opacity60 from the tailwind configuration.

It is set to 0.6 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity70 : Opacity

The opacity opacity70 from the tailwind configuration.

It is set to 0.7 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity75 : Opacity

The opacity opacity75 from the tailwind configuration.

It is set to 0.75 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity80 : Opacity

The opacity opacity80 from the tailwind configuration.

It is set to 0.8 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity90 : Opacity

The opacity opacity90 from the tailwind configuration.

It is set to 0.9 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity95 : Opacity

The opacity opacity95 from the tailwind configuration.

It is set to 0.95 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation

opacity100 : Opacity

The opacity opacity100 from the tailwind configuration.

It is set to 1 (likely a number between 0 and 1, where 1 means opaque and 0 means transparent)

Also see the tailwind documentation