DEV Community

Discussion on: What are CSS variables?

Collapse
 
yannisl profile image
yannisl

I tend to name colors to experiment when developing a theme. These can then be assigned to primary-color etc.

:root{
  --budapest: #bd7898;
  --oprah: #a060a8;
  --sakura: #e6781e;
  --unsugar: #349e97;
  --keep-going: #ec2865;
  --fogg: #999999; /*good colorlovers */
  --laphams-gold: #cdac77;
  --green:#34AB01;

 /* select the colors here */
 --primary-color: var(--keep-going); 
 --selection-color: var(--unsugar);
 }


/*
 *  Set the default links
 *  at this point we do not need underlining?
*/
a {
  color: var(--primary-color);
  ...
}
Collapse
 
jkimexploring profile image
JkImExploring

That's a neat way to do things! On my profile site I just named them main, dark, light etc. right off the bat.