Fast Flow Kit Logo

Backgrounds

The variables for the background image include the image itself, so you have to create them according to your theme. Gradients also include several related variables that have too many possible variations.

Color

Class Name
Value
Class Object
bg-color-transparent
Background Color: Transparent
πŸ‘‰
bg-color-black
Background Color: Black
πŸ‘‰
bg-color-white
Background Color: White
πŸ‘‰
bg-color-gray-100
Background Color: #f7fafc
πŸ‘‰
bg-color-gray-300
Background Color: #e2e8f0
πŸ‘‰
bg-color-gray-500
Background Color: #a0aec0
πŸ‘‰
bg-color-gray-700
Background Color: #4a5568
πŸ‘‰
bg-color-gray-900
Background Color: #1a202c
πŸ‘‰
bg-color-dark-blue
Background Color: #0037d5
πŸ‘‰
bg-color-example-1-a-90
Background Color: #0037d5 |Β Alpha 90%
πŸ‘‰
bg-color-example-1-a-80
Background Color: #0037d5 |Β Alpha 80%
πŸ‘‰
bg-color-example-1-a-70
Background Color: #0037d5 |Β Alpha 70%
πŸ‘‰
bg-color-example-1-a-60
Background Color: #0037d5 |Β Alpha 60%
πŸ‘‰
bg-color-blue
Background Color: #0144ff
πŸ‘‰
bg-color-example-class
Background Color: #1c23c9
πŸ‘‰
bg-color-example-su
Background Color: #c91c72
πŸ‘‰
bg-color-example-u
Background Color: #21af2a
πŸ‘‰
bg-color-pink
Background Color: #F75494
πŸ‘‰

Clipping

Class Name
Value
Class Object
bg-clipping-none
Background Clipping: None
πŸ‘‰
bg-clipping-to-padding
Background Clipping: To Padding
πŸ‘‰
bg-clipping-to-content
Background Clipping: To Content
πŸ‘‰
bg-clipping-to-text
Background Clipping: To Text
πŸ‘‰