Hola, en esta documentación les explicare de una pequeña libreria CSS que he desarrollado para añadir colores a tu web a travez de clases css, esta libreria es una recompilacion de colores de distintos temas y páginas que me ha parecido atractivas, ademas de los colores de Brand Colors usados para las marcas.

Veamos un Ejemplo:

Pasa el mouse sobre mi

Código

 Simplemente hemos agarrado un DIV y hemos añadido un grupo de clases CSS

<div class="bg-blue bg-blue-hover-d2 fg-warning fg-white-hover">
  Pasa el mouse sobre mi
</div>

Que facil no? en su documentación oficial encontraras todos los colores aqui te explicare como descargarlo e integrarlo a tu web.

Instalación y descarga

Podemos descargalos desde github o usarlo via cdn

<link href="https://cdn.jsdelivr.net/gh/rep98/colors@0.0.5-beta/dist/css/color.min.css" rel="stylesheet">

Uso

Su uso es muy sencillo solo añadimos el prefijo referente a tipo de color a añadir, luego el color y por ultimo la accion si e necesario a demas de la intensidad del color.

Por ejemplo para el caso anterior usamos los prefijso bg, fg, los cuales establecen bg para los fondos y fg para las letras, luego colocamos el nombre del color blue, y por ultimo colocamos la accion hover el d2 que significa oscuridad de nivel 2 en su documentacion encontrara mas detalles sobre su aplicaciones.

Es simple

1. Instala
2. usa

Y colorea tu web, Colors posee clases para todo bd para borders,  sk para stroke e incluso pose clases css para coloriar el scroll de la web.

Si te gusto comparte esta documentación, descargala y usa, apoyame contandome tu experiencia en los comentarios.