Features

Colour Library

We have a long list of colors, and below is the grand LIST!

--c-lg: #969696; /* bg-light */
--c-lg-10: rgb(20,20,20);
--c-lg-25: rgb(50,50,50);
--c-lg-50: rgb(100,100,100);
--c-lg-75: rgb(150,150,150);
--c-lg-100: rgb(200,200,200);

--c-r: #ff0000;
--c-lr: #ff8080;
--c-dr: #800000;

--c-b: #0000cc;
--c-lb: #8080ff;
--c-db:#000066;
--c-vdb: #00004d;
--c-vlb: #ccebff;

--c-g: #00cc00;
--c-lgg: #99ff99;
--c-dg: #003300;

--c-y:#ffff00 ;
--c-ly:#ffff80 ;
--c-dy: #666600;

--c-bl: #262626;
--c-lbl: #808080;
--cc-dbl: #000000;

--c-or:#ff6600 ;
--c-lor:#ffa366 ;
--c-dor:#662900 ;

--c-pu:#660066;
--c-lpu:#ff99ff;
--c-dpu:#330033;


--c-link: #007bff; /* Normal link color */
--c-link-emphasis: #0062cc; /* Hovered-on link color */

--c-suc-link: #28a745; /* Green link */
--c-suc-link-emphasis: #1e7e34; /* Darker green link */

--c-dg-100: #343a40; /* bg-dark */

Backgrounds

We have a list of backgrounds.

<div class="c-bg-light"> <!-- Light grey background, black text -->
<div class="c-bg-auto"> <!-- Light grey/dark grey background based on system theme, black/white text -->
<div class="c-bg-dark"> <!-- Dark grey background, white text -->
<div class="c-bg-auto-monochrome"> <!-- White/black background based on system theme, white/black text -->
<div class="c-bg-white"> <!-- White background, black text -->
<div class="c-bg-black"> <!-- Black background, white text -->