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].
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
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