Color Bootstrap
Color bootstrap
Sample text
Sample text-primary
Sample text-primary-emphasis
bg-primary
border-primary
text-primary
text-primary-emphasis
Tabler
Sample text-primary-fg
Sample bg-primary-lt
Sample text-bg-primary
--tblr-primary-darken
text-primary-fg
bg-primary-lt
text-bg-primary
Sample text
Sample text-secondary
Sample text-secondary-emphasis
bg-secondary
border-secondary
text-secondary
text-secondary-emphasis
Tabler
Sample text-secondary-fg
Sample bg-secondary-lt
Sample text-bg-secondary
--tblr-secondary-darken
text-secondary-fg
bg-secondary-lt
text-bg-secondary
Sample text
Sample text-success
Sample text-success-emphasis
bg-success
border-success
text-success
text-success-emphasis
Tabler
Sample text-success-fg
Sample bg-success-lt
Sample text-bg-success
--tblr-success-darken
text-success-fg
bg-success-lt
text-bg-success
Sample text
Sample text-info
Sample color text-info-emphasis
bg-info
border-info
text-info
text-info-emphasis
Tabler
Sample text-info-fg
Sample bg-info-lt
Sample text-bg-info
--tblr-info-darken
text-info-fg
bg-info-lt
text-bg-info
Sample text
Sample text-warning
Sample text-warning-emphasis
bg-warning
border-warning
text-warning
text-warning-emphasis
Tabler
Sample text-warning-fg
Sample bg-warning-lt
Sample text-bg-warning
--tblr-warning-darken
text-warning-fg
bg-warning-lt
text-bg-warning
Sample text
Sample text-danger
Sample text-danger-emphasis
bg-danger
border-danger
text-danger
text-danger-emphasis
Tabler
Sample text-danger-fg
Sample bg-danger-lt
Sample text-bg-danger
--tblr-danger-darken
text-danger-fg
bg-danger-lt
text-bg-danger
Sample text
Sample text-light
Sample text-light-emphasis
bg-light
border-light
text-light
text-light-emphasis
Tabler
Sample text-light-fg
Sample bg-light-lt
Sample text-bg-light
--tblr-light-darken
text-light-fg
bg-light-lt
text-bg-light
Sample text
Sample text-dark
Sample text-dark-emphasis
bg-dark
border-dark
text-dark
text-dark-emphasis
Tabler
Sample text-dark-fg
Sample bg-dark-lt
Sample text-bg-dark
--tblr-dark-darken
text-dark-fg
bg-dark-lt
text-bg-dark
Sample text
Sample text-black
Sample text-black-50
bg-black
border-black
text-black
text-black-50
Sample text
Sample text-white
Sample text-white-50
bg-white
border-white
text-white
text-white-50
Sample text
Sample text-body
Sample text-body-emphasis
bg-body
text-body
text-body-emphasis
Sample text
Sample text-muted
Sample text-reset
bg-transparent
text-muted
text-reset
Sample text
Sample text-body-secondary
bg-body-secondary
text-body-secondary
Sample text
Sample text-body-tertiary
bg-body-tertiary
text-body-tertiary
Sample text
Sample text color
bg-primary-subtle
border-primary-subtle
Sample text
Sample text color
bg-secondary-subtle
border-secondary-subtle
Sample text
Sample text color
bg-success-subtle
border-success-subtle
Sample text
Sample text color
bg-info-subtle
border-info-subtle
Sample text
Sample text color
bg-warning-subtle
border-warning-subtle
Sample text
Sample text color
bg-danger-subtle
border-danger-subtle
Sample text
Sample text color
bg-light-subtle
border-light-subtle
Sample text
Sample text color
bg-dark-subtle
border-dark-subtle
Sample text
Sample text color
bg-gradient
Sample text
--tblr-gray
--tblr-gray-dark
--tblr-gray-100
--tblr-gray-200
--tblr-gray-300
--tblr-gray-400
--tblr-gray-500
--tblr-gray-600
--tblr-gray-700
--tblr-gray-800
--tblr-gray-900
Sample text
Sample text color
Opacity bootstrap
Sample text
Sample text-opacity-10
bg-opacity-10
border-opacity-10
text-opacity-10
Sample text
Sample text-opacity-25
bg-opacity-25
border-opacity-25
text-opacity-25
Sample text
Sample text-opacity-50
bg-opacity-50
border-opacity-50
text-opacity-50
Sample text
Sample text-opacity-75
bg-opacity-75
border-opacity-75
text-opacity-75
Sample text
Sample text-opacity-100
bg-opacity-100
border-opacity-100
text-opacity-100
Color tabler
Sample text
Sample text-tabler
Sample text-tabler-fg
Sample bg-tabler-lt
Sample text-bg-tabler
--tblr-tabler-darken
bg-tabler
border-tabler
text-tabler
text-tabler-fg
bg-tabler-lt
text-bg-tabler
Sample text
Sample text-muted
Sample text-muted-fg
Sample bg-muted-lt
Sample text-bg-muted
--tblr-muted-darken
bg-muted
border-muted
text-muted
text-muted-fg
bg-muted-lt
text-bg-muted
Sample text
Sample text-blue
Sample text-blue-fg
Sample bg-blue-lt
Sample text-bg-blue
--tblr-blue-darken
bg-blue
border-blue
text-blue
text-blue-fg
bg-blue-lt
text-bg-blue
Sample text
Sample text-azure
Sample text-azure-fg
Sample bg-azure-lt
Sample text-bg-azure
--tblr-azure-darken
bg-azure
border-azure
text-azure
text-azure-fg
bg-azure-lt
text-bg-azure
Sample text
Sample text-indigo
Sample text-indigo-fg
Sample bg-indigo-lt
Sample text-bg-indigo
--tblr-indigo-darken
bg-indigo
border-indigo
text-indigo
text-indigo-fg
bg-indigo-lt
text-bg-indigo
Sample text
Sample text-purple
Sample text-purple-fg
Sample bg-purple-lt
Sample text-bg-purple
--tblr-purple-darken
bg-purple
border-purple
text-purple
text-purple-fg
bg-purple-lt
text-bg-purple
Sample text
Sample text-pink
Sample text-pink-fg
Sample bg-pink-lt
Sample text-bg-pink
--tblr-pink-darken
bg-pink
border-pink
text-pink
text-pink-fg
bg-pink-lt
text-bg-pink
Sample text
Sample text-red
Sample text-red-fg
Sample bg-red-lt
Sample text-bg-red
--tblr-red-darken
bg-red
border-red
text-red
text-red-fg
bg-red-lt
text-bg-red
Sample text
Sample text-orange
Sample text-orange-fg
Sample bg-orange-lt
Sample text-bg-orange
--tblr-orange-darken
bg-orange
border-orange
text-orange
text-orange-fg
bg-orange-lt
text-bg-orange
Sample text
Sample text-yellow
Sample text-yellow-fg
Sample bg-yellow-lt
Sample text-bg-yellow
--tblr-yellow-darken
bg-yellow
border-yellow
text-yellow
text-yellow-fg
bg-yellow-lt
text-bg-yellow
Sample text
Sample text-lime
Sample text-lime-fg
Sample bg-lime-lt
Sample text-bg-lime
--tblr-lime-darken
bg-lime
border-lime
text-lime
text-lime-fg
bg-lime-lt
text-bg-lime
Sample text
Sample text-green
Sample text-green-fg
Sample bg-green-lt
Sample text-bg-green
--tblr-green-darken
bg-green
border-green
text-green
text-green-fg
bg-green-lt
text-bg-green
Sample text
Sample text-teal
Sample text-teal-fg
Sample bg-teal-lt
Sample text-bg-teal
--tblr-teal-darken
bg-teal
border-teal
text-teal
text-teal-fg
bg-teal-lt
text-bg-teal
Sample text
Sample text-cyan
Sample text-cyan-fg
Sample bg-cyan-lt
Sample text-bg-cyan
--tblr-cyan-darken
bg-cyan
border-cyan
text-cyan
text-cyan-fg
bg-cyan-lt
text-bg-cyan
Sample text
Sample bg-gray-50
Sample bg-gray-100
Sample bg-gray-200
Sample bg-gray-300
Sample bg-gray-400
Sample bg-gray-500
Sample bg-gray-600
Sample bg-gray-700
Sample bg-gray-800
Sample bg-gray-900
bg-gray-50
bg-gray-100
bg-gray-200
bg-gray-300
bg-gray-400
bg-gray-500
bg-gray-600
bg-gray-700
bg-gray-800
bg-gray-900
Sample text
Sample text-gray-50-fg
Sample text-gray-100-fg
Sample text-gray-200-fg
Sample text-gray-300-fg
Sample text-gray-400-fg
Sample text-gray-500-fg
Sample text-gray-600-fg
Sample text-gray-700-fg
Sample text-gray-800-fg
Sample text-gray-900-fg
text-gray-50-fg
text-gray-100-fg
text-gray-200-fg
text-gray-300-fg
text-gray-400-fg
text-gray-500-fg
text-gray-600-fg
text-gray-700-fg
text-gray-800-fg
text-gray-900-fg
Sample text
--tblr-gray-500
--tblr-gray-500-rgb
--tblr-gray-500-fg
--tblr-gray-500-darken
--tblr-gray-500-lt
--tblr-gray-500-lt-rgb
Sample text
--tblr-bg-surface
--tblr-bg-surface-secondary
--tblr-bg-surface-tertiary
--tblr-bg-surface-dark
--tblr-bg-forms
Sample text
Sample
Sample
Sample
Sample
Sample text
Sample text color
Social color tabler
Sample text
Sample text-facebook
Sample text-facebook-fg
Sample bg-facebook-lt
Sample text-bg-facebook
--tblr-facebook-darken
bg-facebook
border-facebook
text-facebook
text-facebook-fg
bg-facebook-lt
text-bg-facebook
Sample text
Sample text-twitter
Sample text-twitter-fg
Sample bg-twitter-lt
Sample text-bg-twitter
--tblr-twitter-darken
bg-twitter
border-twitter
text-twitter
text-twitter-fg
bg-twitter-lt
text-bg-twitter
Sample text
Sample text-linkedin
Sample text-linkedin-fg
Sample bg-linkedin-lt
Sample text-bg-linkedin
--tblr-linkedin-darken
bg-linkedin
border-linkedin
text-linkedin
text-linkedin-fg
bg-linkedin-lt
text-bg-linkedin
Sample text
Sample text-google
Sample text-google-fg
Sample bg-google-lt
Sample text-bg-google
--tblr-google-darken
bg-google
border-google
text-google
text-google-fg
bg-google-lt
text-bg-google
Sample text
Sample text-youtube
Sample text-youtube-fg
Sample bg-youtube-lt
Sample text-bg-youtube
--tblr-youtube-darken
bg-youtube
border-youtube
text-youtube
text-youtube-fg
bg-youtube-lt
text-bg-youtube
Sample text
Sample text-vimeo
Sample text-vimeo-fg
Sample bg-vimeo-lt
Sample text-bg-vimeo
--tblr-vimeo-darken
bg-vimeo
border-vimeo
text-vimeo
text-vimeo-fg
bg-vimeo-lt
text-bg-vimeo
Sample text
Sample text-dribbble
Sample text-dribbble-fg
Sample bg-dribbble-lt
Sample text-bg-dribbble
--tblr-dribbble-darken
bg-dribbble
border-dribbble
text-dribbble
text-dribbble-fg
bg-dribbble-lt
text-bg-dribbble
Sample text
Sample text-github
Sample text-github-fg
Sample bg-github-lt
Sample text-bg-github
--tblr-github-darken
bg-github
border-github
text-github
text-github-fg
bg-github-lt
text-bg-github
Sample text
Sample text-instagram
Sample text-instagram-fg
Sample bg-instagram-lt
Sample text-bg-instagram
--tblr-instagram-darken
bg-instagram
border-instagram
text-instagram
text-instagram-fg
bg-instagram-lt
text-bg-instagram
Sample text
Sample text-pinterest
Sample text-pinterest-fg
Sample bg-pinterest-lt
Sample text-bg-pinterest
--tblr-pinterest-darken
bg-pinterest
border-pinterest
text-pinterest
text-pinterest-fg
bg-pinterest-lt
text-bg-pinterest
Sample text
Sample text-vk
Sample text-vk-fg
Sample bg-vk-lt
Sample text-bg-vk
--tblr-vk-darken
bg-vk
border-vk
text-vk
text-vk-fg
bg-vk-lt
text-bg-vk
Sample text
Sample text-rss
Sample text-rss-fg
Sample bg-rss-lt
Sample text-bg-rss
--tblr-rss-darken
bg-rss
border-rss
text-rss
text-rss-fg
bg-rss-lt
text-bg-rss
Sample text
Sample text-flickr
Sample text-flickr-fg
Sample bg-flickr-lt
Sample text-bg-flickr
--tblr-flickr-darken
bg-flickr
border-flickr
text-flickr
text-flickr-fg
bg-flickr-lt
text-bg-flickr
Sample text
Sample text-bitbucket
Sample text-bitbucket-fg
Sample bg-bitbucket-lt
Sample text-bg-bitbucket
--tblr-bitbucket-darken
bg-bitbucket
border-bitbucket
text-bitbucket
text-bitbucket-fg
bg-bitbucket-lt
text-bg-bitbucket
Sample text
Sample text-
Sample text--fg
Sample bg--lt
Sample text-bg-
bg-
border-
text-
text--fg
bg--lt
text-bg-
Sample text
Sample
Sample
Sample
Sample
Sample text
Sample text color