Colors
These classes allows you to set text and background colors easily to any HTMLElement
Preview
Text color
current
main
accent
complementary
success
warning
error
info
current
main
accent
complementary
success
warning
error
info
Loading code example. Please wait...
Background color
current
main
accent
complementary
success
warning
error
info
current
main
accent
complementary
success
warning
error
info
Loading code example. Please wait...
Install
CSS Classes
-
s-color:current
Apply the current color for the "current" color
-
s-color:main
Apply the main color for the "current" color
-
s-color:accent
Apply the accent color for the "current" color
-
s-color:complementary
Apply the complementary color for the "current" color
-
s-color:success
Apply the success color for the "current" color
-
s-color:warning
Apply the warning color for the "current" color
-
s-color:error
Apply the error color for the "current" color
-
s-color:info
Apply the info color for the "current" color
-
s-tc:current
Apply the current text color
-
s-tc:main
Apply the main text color
-
s-tc:accent
Apply the accent text color
-
s-tc:complementary
Apply the complementary text color
-
s-tc:success
Apply the success text color
-
s-tc:warning
Apply the warning text color
-
s-tc:error
Apply the error text color
-
s-tc:info
Apply the info text color
-
s-bg:current
Apply the current background color
-
s-bg:main
Apply the main background color
-
s-bg:accent
Apply the accent background color
-
s-bg:complementary
Apply the complementary background color
-
s-bg:success
Apply the success background color
-
s-bg:warning
Apply the warning background color
-
s-bg:error
Apply the error background color
-
s-bg:info
Apply the info background color