Jieiku / abridge

Fast & Lightweight Zola Theme
https://abridge.pages.dev/
MIT License
147 stars 41 forks source link

Theme Switcher #96

Closed realtica closed 1 year ago

realtica commented 1 year ago

Hello and great work!

How can I do the switcher button works? How can hide that button?

Jieiku commented 1 year ago

In config.toml set this line:

js_switcher = false

Also in config.toml comment out these lines:

#js_theme = "theme.min.js" # Separate Always, comment out if using -auto/-light/-dark stylesheet. (required for switcher)
#js_themeButton = "theme_button.js"# Bundleable

########## Switcher ########## (comment this block out if NOT using switcher):
#stylesheets = [ "abridge-switcher.css" ] # Orange Automatic Dark/Light Theme based on browser/system preference with switcher

Then below in config.toml uncomment one of the themes:

########## No Switcher ##########
#stylesheets = [ "abridge.css" ] # Orange Automatic Dark/Light Theme based on browser/system preference
#stylesheets = [ "abridge-blue.css" ] # Blue Automatic Night/Light Theme based on browser/system preference
#stylesheets = [ "abridge-blueshade.css" ] # BlueShade Automatic Night/Light Theme based on browser/system preference

stylesheets = [ "abridge-dark.css" ] # Orange Dark Theme

#stylesheets = [ "abridge-light.css" ] # Orange Light Theme
#stylesheets = [ "abridge-blue-dark.css" ] # Blue Dark Theme
#stylesheets = [ "abridge-blue-light.css" ] # Blue Light Theme
#stylesheets = [ "abridge-blueshade-dark.css" ] # BlueShade Dark Theme
#stylesheets = [ "abridge-blueshade-light.css" ] # BlueShade Light Theme
Jieiku commented 1 year ago

The plan is for this to be much simpler when the refactor branch gets merged, right now the config is a bit convoluted.

https://github.com/Jieiku/abridge/issues/105