Colors

These classes allows you to set text and background colors easily to any HTMLElement

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Text color

current

Moses Gusikowski

main

Milton Mayert

accent

Jessica Hegmann

complementary

Robin Runolfsson

success

Judy Denesik

warning

Jasmine O'Reilly

error

Trevor Dooley

info

Gwendolyn Goyette
 

Loading code example. Please wait...

Background color

current

Alexander Batz DDS

main

Janie Bruen PhD

accent

Ella Senger

complementary

Barbara Hammes

success

Alexis Schaden

warning

Marguerite Dibbert II

error

Minnie Smith DDS

info

Dianne Homenick
 

Loading code example. Please wait...

  Install

  CSS Classes

  1. s-color:current

    Apply the current color for the "current" color

  2. s-color:main

    Apply the main color for the "current" color

  3. s-color:accent

    Apply the accent color for the "current" color

  4. s-color:complementary

    Apply the complementary color for the "current" color

  5. s-color:success

    Apply the success color for the "current" color

  6. s-color:warning

    Apply the warning color for the "current" color

  7. s-color:error

    Apply the error color for the "current" color

  8. s-color:info

    Apply the info color for the "current" color

  9. s-tc:current

    Apply the current text color

  10. s-tc:main

    Apply the main text color

  11. s-tc:accent

    Apply the accent text color

  12. s-tc:complementary

    Apply the complementary text color

  13. s-tc:success

    Apply the success text color

  14. s-tc:warning

    Apply the warning text color

  15. s-tc:error

    Apply the error text color

  16. s-tc:info

    Apply the info text color

  17. s-bg:current

    Apply the current background color

  18. s-bg:main

    Apply the main background color

  19. s-bg:accent

    Apply the accent background color

  20. s-bg:complementary

    Apply the complementary background color

  21. s-bg:success

    Apply the success background color

  22. s-bg:warning

    Apply the warning background color

  23. s-bg:error

    Apply the error background color

  24. s-bg:info

    Apply the info background color

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on