What is the name of the variable?

Question

Less

Good day, I recently started using LESS and a question arose. In website layouts, most use a few primary colors. The question is, who calls these colors what if they have different purposes (sometimes one color can be both the background and the color for the text)? I have only two options, either by the name of the color (for example, @green), but the customer can ask to change the color to red and then you have to change the name, or call them like @first_color, @second_color, but you can get confused in them.

Answer 1

The wording of the title of the question draws on a masterpiece =)
Indeed - what name to give? It is necessary to ask on the toaster =))
We look forward to continuing on the rest of the variables =))
Well, if it's on the case, then something like this (from the last two projects):
No need to memorize. The color table, along with other things, is displayed on a special ui.html page.

Answer 2

https://github.com/twbs/bootstrap/blob/v4-dev/scss...

$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

Answer 3

font-color
background-color
If there is some branded bright color, it can be called primary-color.
If different gray colors are used for tables - gray, light-gray, dark-gray.
For any dice - dark, light.
If the designer is not stubborn, then there will be much more flowers and there will not be.