Die Farben verwalten Sie im linken Panel unter "mehr > Farben"
Im Bereich "Colors" werden sämtliche in Ihrem Projekt verwendeten Farben definiert.
Mit dem darunter befindlichen Button "neu" können sie weitere Farbdefinitionen hinzufügen und mit eigenen Namen versehen.
Klicken sie auf eine der dort definierten Farben, dann kann diese mit den Farbreglern feinjustiert werden
Warum beginnen alle Farbnamen mit -- ?
Die Farben sind technisch als sogenannte User Defined Properties bzw. CSS-Variable gelöst und können in CSS-Stylesheets mit var(--color1), ... verwendet werden. Das führende -- ist durch CSS vorgegeben