john-okeefe
7274b5196c
- Theme switching lives in the sidebar's Appearance panel (palette icon): swatch list with a checkmark on the active theme, and the 'Bookshelf' section below it for wood textures; on small screens the sidebar opens via the top-bar menu button - Profile: account menu is the username accordion at the bottom of the sidebar (not top-right); save button is 'Save Changes' - Remove Wood Light/Dark/Mahogany from the Available Themes list (they are bookshelf backgrounds, not color themes) and consolidate the Catppuccin variants
52 lines
1.9 KiB
Markdown
52 lines
1.9 KiB
Markdown
# Themes and Wood Paneling
|
|
|
|
## Color Themes
|
|
|
|
Bookhoard includes multiple color themes to suit your preferences:
|
|
|
|
- **Tokyo Night** (default) - Dark blue/purple tones
|
|
- **Dracula** - Dark purple accent colors
|
|
- **Nord** - Arctic, bluish-gray colors
|
|
- **Solarized Dark** - Precision contrast for readability
|
|
- **Monokai** - Dark theme with vibrant accents
|
|
- **One Dark Pro** - Atom's favorite theme
|
|
- **Material Dark** - Material Design dark theme
|
|
- **Catppuccin Mocha** - Soothing pastel dark theme
|
|
- **Catppuccin Macchiato** - Warm mid-tone theme
|
|
- **Catppuccin Frappé** - Frothy cool tones
|
|
- **Catppuccin Latte** - Warm light theme
|
|
|
|
### Changing Your Theme
|
|
|
|
1. In the sidebar, open the **Appearance** panel (palette icon, near the bottom)
|
|
2. Pick a theme from the list — each option shows its color swatch, and your active theme is marked with a checkmark
|
|
3. Your choice is saved automatically and synced across devices
|
|
|
|
On small screens, open the sidebar with the menu button in the top bar first.
|
|
|
|
## Wood Paneling
|
|
|
|
Wood paneling adds texture to your dashboard bookshelf background, giving it a classic bookshelf feel.
|
|
|
|
### Available Wood Textures
|
|
|
|
- **None** (default) - Solid color background
|
|
- **Wood Light** - Light oak/birch texture
|
|
- **Wood Dark** - Dark walnut/mahogany texture
|
|
- **Wood Mahogany** - Reddish-brown mahogany texture
|
|
|
|
### Applying Wood Paneling
|
|
|
|
1. In the sidebar, open the **Appearance** panel (palette icon, near the bottom)
|
|
2. Scroll to the **Bookshelf** section below the theme list
|
|
3. Select your preferred wood texture (each option shows a texture swatch; **None** is the default)
|
|
4. Texture is applied to the dashboard bookshelf background
|
|
|
|
**Note:** Wood paneling is a browser preference and is not synced across devices.
|
|
|
|
### Tips
|
|
|
|
- Wood textures work best with darker color themes (Tokyo Night, Nord, etc.)
|
|
- Light wood pairs well with light themes (Catppuccin Latte)
|
|
- Wood paneling only affects the dashboard bookshelf area
|