Site Settings
Style Settings
These style widgets are part of the gatsby-head-style-boss library that I wrote.
NOTE!!!! Fire Theme is has a max-width setting as a demostration. If you don't see a change, change to a lower browser width. (ctrl + mouse scroll)
NOTE 2!!! As of 2024, if you are using Chrome on Windows, it will automatically apply dark mode to the styles on this site. Unlike the Dark Reader plugin, there is no simple interface to turn it off per site.
You can disable it thusly:
- In Chrome's address bar, paste chrome://flags/#enable-force-dark and press Enter
- In "Auto Dark Mode for Web Contents," change the selection to "Disabled"
- Click the "Relaunch" button to restart the browser
Style Sheet Widgets:
Dark Mode Toggle:Style Selector:
User set OS to Prefer Dark Mode: false
Number of Style Sheets Managed: 6
Style Sheets In Cascading Order:
1: Normalize2 Reset
Enabled: ✔
Media Query: none
Style Embedded in Head.
Always Enable: true
HSB Uses:
HSB Key: normalize
2: Core Theme
Enabled: ✔
Media Query: none
Style Embedded in Head.
Always Enable: true
HSB Uses:
HSB Key: core
3: Default, Light Theme
Enabled: ✔
Media Query: none
Style Embedded in Head.
Always Enable: false
HSB Uses: default
HSB Key: light
4: Dark Theme
Enabled: no
Media Query: none
Style Embedded in Head.
Always Enable: false
HSB Uses: dark
HSB Key: dark
5: Burger King
6: Fire Theme
Enabled: no
Media Query: ⚠
(max-width: 1280px)
Style Embedded in Head.
Always Enable: false
HSB Uses:
HSB Key: fire
Build Info
Built with Gatsby v5 in production mode.
Last Built: jeudi 8 août 2024 à 16:56:08
Last Built: jeudi 8 août 2024 à 16:56:08
Date formatting provided by my custom NPM package gatsby-source-build-date