Skip to content

Instantly share code, notes, and snippets.

@lwilli
Last active June 8, 2022 21:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lwilli/c3873f63be110506e93730fc14291bfc to your computer and use it in GitHub Desktop.
Save lwilli/c3873f63be110506e93730fc14291bfc to your computer and use it in GitHub Desktop.
GraphiQL-style Theme for Altair GraphQL Client
{
"theme": "system",
"language": "en-US",
"enableExperimental": false,
"addQueryDepthLimit": 5,
"tabSize": 2,
"theme.dark": "system",
"theme.editorFontSize": 13,
"theme.editorFontFamily": "Consolas,Inconsolata,Droid Sans Mono,Monaco,monospace",
"themeConfig": {
"editor": {
"colors": {
"comment": "#999",
"string": "#D64292",
"number": "#2882F9",
"variable": "#397D13",
"keyword": "#B11A04",
"atom": "#CA9800",
"attribute": "#8B2BB9",
"property": "#1F61A0",
"punctuation": "#555",
"definition": "#D2054E"
}
}
}
}
@lwilli
Copy link
Author

lwilli commented Jun 8, 2022

As I switched from GraphiQL to Altair, I wanted to keep the editor colors consistent with what I was used to. So these Altair settings will change the editor colors to match what you'd see in GraphiQL.

To use this in Altair, go to Settings, Toggle advanced mode, and paste in the "theme*" settings here (mostly line 8 and below).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment