Where define .css for highlighting text in own package


I was wondering how this feature will be implemented in Atom.
When looking at the package language-gherkin-i18n, in the settings files of each language there is defined, which regular expression should get a specific format, for example:

{ 'match': '\\s*(Given )' 'name': 'support.class.gherkin.given' }

So it is defined that this keyword gets orange when displaying in Atom:

My question is where is the definition of the .css file, or how does Atom know where to search for the specified class. I looked into the sources of the package, but can’t find any definition of .css, or which keyword gets which color.

Thanks for your help.


The information you’re looking for is in the theme packages. They define what classes look which ways.


Thank you for your help.