question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add example for theming

See original GitHub issue

After 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:open
  • Created a year ago
  • Reactions:1
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
acaocommented, Jun 25, 2022

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!

0reactions
thomasheyenbrockcommented, Nov 25, 2022

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?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found