Add example for theming
See original GitHub issueAfter releasing the updated UI in graphiql@2
users will be able to override our CSS variables to create their own theme (colors, spacing, etc.) for GraphiQL. We should also add an example to the examples
folder that demonstrates how to make this happen.
Issue Analytics
- State:
- Created a year ago
- Reactions:1
- Comments:7 (6 by maintainers)
Top Results From Across the Web
Theming Bootstrap
Customize Bootstrap 4 with our new built-in Sass variables for global style preferences for easy theming and component changes.
Read more >Theming - Material UI - MUI
Generate a theme base on the options received. Then, pass it as a prop to ThemeProvider . Arguments. options (object): Takes an incomplete...
Read more >Creating advanced theme settings - Drupal
In Drupal 8, themes can modify the entire theme settings form by adding a PHP function to either the THEMENAME.theme file or to...
Read more >Theming Angular Material
Each Angular Material component has a mixin for each color , typography, and density. For example, MatButton declares button-color , button-typography , and ......
Read more >Create your own theme in PowerPoint - Microsoft Support
The Create New Theme Colors dialog box opens. ... Select the button next to the name of the theme color element (for example,...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
We can add to one of the webpack/vite/etc examples, but ideally a bundler-free config as well.
From rough estimates based on CDN & NPM stats, about half our users still don’t even use a bundler to configure/ship their custom graphiql implementation, they just load it directly from unpk or another CDN!
Having separate variables to control font and background colors make sense to me! @patrick91 Would you mind opening a dedicated issue for that? Do you run into more problems where you’d need more control?