github-starred/meteor-api

Fork 0

mirror of https://github.com/awatson1978/meteor-api.git synced 2026-05-15 14:15:54 -06:00

[GH-ISSUE #4] How to change Meteor specific syntax color? #1

New issue

Closed

opened 2026-05-05 14:57:34 -06:00 by gitea-mirror · 3 comments

gitea-mirror commented

2026-05-05 14:57:34 -06:00

Owner

Originally created by @tsega on GitHub (Dec 2, 2014).
Original GitHub issue: https://github.com/awatson1978/meteor-api/issues/4

When using the javascript (meteor) grammar for .js files in a Meteor project, some Meteor specific keywords are always in golden yellow even with different Syntax coloring select. How can one change this to resemble the Syntax coloring of choice?

Note: I've checked the hex value for each screenshot below, it's '#ffb120'.

Atom Dark

Atom Light

Dracula

Solarize Dark

Yeti

Originally created by @tsega on GitHub (Dec 2, 2014). Original GitHub issue: https://github.com/awatson1978/meteor-api/issues/4 When using the `javascript (meteor)` grammar for `.js` files in a Meteor project, some Meteor specific keywords are always in golden yellow even with different Syntax coloring select. How can one change this to resemble the Syntax coloring of choice? **Note: I've checked the hex value for each screenshot below, it's '#ffb120'.** ## Atom Dark ![atom dark](https://cloud.githubusercontent.com/assets/206924/5261530/b0ac6796-7a2b-11e4-98e4-658310f34e7e.png) ## Atom Light ![atom light](https://cloud.githubusercontent.com/assets/206924/5261537/b7016678-7a2b-11e4-9fd0-805994628a8e.png) ## Dracula ![dracula](https://cloud.githubusercontent.com/assets/206924/5261553/df126e96-7a2b-11e4-9ebe-923f257701d4.png) ## Solarize Dark ![solarize dark](https://cloud.githubusercontent.com/assets/206924/5261559/f112eb7a-7a2b-11e4-88be-383a0428e2d5.png) ## Yeti ![yeti](https://cloud.githubusercontent.com/assets/206924/5261560/f6980fee-7a2b-11e4-9781-b3d2058cebd5.png)

gitea-mirror referenced this issue

2026-05-05 14:57:35 -06:00

[GH-ISSUE #1] CoffeeScript Support #2

gitea-mirror closed this issue

2026-05-05 14:57:35 -06:00

gitea-mirror commented

2026-05-05 14:57:38 -06:00

Author

Owner

@steph643 commented on GitHub (Dec 2, 2014):

I'm also interested.

@steph643 commented on GitHub (Dec 2, 2014): I'm also interested.

gitea-mirror commented

2026-05-05 14:57:40 -06:00

Author

Owner

@awatson1978 commented on GitHub (Dec 2, 2014):

Hi there!
You can start by going to Atom > Open Your Stylesheets and hacking at your stylesheets. Here are the currently supported CSS classes.

After that, you'll need to start hacking on the package itself. Try doing the following:

cd ~/.atom/packages/meteor-api/

and tweaking the contents of the /stylesheets directory and the /grammars directory. I think you maybe want the stylesheets/meteor-color-coding.less file?

Once you hack the chance, press SHIFT+COMMAND+P, then find Window:Reload.

@awatson1978 commented on GitHub (Dec 2, 2014): Hi there! You can start by going to **Atom > Open Your Stylesheets** and hacking at your stylesheets. Here are [the currently supported CSS classes](https://github.com/awatson1978/meteor-api/blob/master/stylesheets/meteor-color-coding.less). After that, you'll need to start hacking on the package itself. Try doing the following: ``` sh cd ~/.atom/packages/meteor-api/ ``` and tweaking the contents of the /stylesheets directory and the /grammars directory. I think you maybe want the `stylesheets/meteor-color-coding.less` file? Once you hack the chance, press SHIFT+COMMAND+P, then find Window:Reload.

gitea-mirror commented

2026-05-05 14:57:45 -06:00

Author

Owner

@tsega commented on GitHub (Dec 4, 2014):

Thanks for the instructions! I have been able to change the color even using less variables by including atom default less files such as ui.variables.less. However, I wanted to have the coloring change with the syntax theme not the ui theme and after seeing how some syntax themes are organized it is difficult to expect all themes to have a standard approach in naming the less variables/colors/files. So I'm not able to do something like this:

@import "syntax-variables";

.editor {
  .api.meteor{
    color: @syntax-text-color;
  }
}

So this way whenever the syntax theme changes the coloring also changes.

Anyways, after discovering a theme that suites me very well, the hard-coded color scheme works for me very well.

Thanks again for the help!

@tsega commented on GitHub (Dec 4, 2014): Thanks for the instructions! I have been able to change the color even using less variables by including atom default less files such as `ui.variables.less`. However, I wanted to have the coloring change with the `syntax` theme not the `ui` theme and after seeing how some `syntax` themes are organized it is difficult to expect all themes to have a standard approach in naming the less variables/colors/files. So I'm not able to do something like this: ``` less @import "syntax-variables"; .editor { .api.meteor{ color: @syntax-text-color; } } ``` So this way whenever the `syntax` theme changes the coloring also changes. Anyways, after discovering a theme that [suites me very well](https://atom.io/themes/ninja-syntax), the hard-coded color scheme works for me very well. Thanks again for the help!

gitea-mirror referenced this issue

2026-05-05 14:59:47 -06:00

[GH-ISSUE #58] Setting Up Atom As an Integrated Development Environment #51

gitea-mirror referenced this issue

2026-05-05 15:02:09 -06:00

[PR #56] [MERGED] Update meteor-api-snippets-html.cson #79

gitea-mirror referenced this issue

2026-05-05 15:02:17 -06:00

[PR #69] [MERGED] Fix in first two Timers Snippets #84