docs(user): update appearance/profile instructions for sidebar UI

- 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
This commit is contained in:
2026-08-20 14:30:00 -04:00
parent 868003331c
commit 7274b5196c
2 changed files with 17 additions and 15 deletions
+9 -9
View File
@@ -6,10 +6,10 @@ Your profile contains your account information and preferences.
### How to Update ### How to Update
1. Click on your **username** (top-right) 1. Click on your **username** at the bottom of the sidebar to expand the account menu
2. Select **Profile** from the dropdown 2. Select **Profile**
3. Edit any fields in the "Account Information" section 3. Edit any fields in the "Account Information" section
4. Click **Update Profile** 4. Click **Save Changes**
5. Changes take effect immediately 5. Changes take effect immediately
### Fields You Can Update ### Fields You Can Update
@@ -65,7 +65,7 @@ When you delete your account:
1. Go to **Profile** page 1. Go to **Profile** page
2. Scroll to "Danger Zone" (bottom of page) 2. Scroll to "Danger Zone" (bottom of page)
3. Click **Remove My Account** 3. Click **Remove My Account**
4. Confirm by clicking "OK" in the popup 4. Confirm the deletion prompt
**Note:** If you're the last admin, you cannot delete your account for security reasons. **Note:** If you're the last admin, you cannot delete your account for security reasons.
@@ -75,10 +75,12 @@ Personalize your reading experience with different color themes.
### Quick Theme Switch ### Quick Theme Switch
1. Click the **paintbrush icon** (top-right, next to your username) 1. In the sidebar, open the **Appearance** panel (palette icon, near the bottom)
2. Select a theme from the dropdown 2. Select a theme from the list; your active theme is marked with a checkmark
3. Changes apply instantly 3. Changes apply instantly
For the full theme list and bookshelf background (wood) options, see [Themes and Wood Paneling](themes.md).
### Available Themes ### Available Themes
- **Tokyo Night** (default) - Blue/purple accents - **Tokyo Night** (default) - Blue/purple accents
@@ -88,9 +90,7 @@ Personalize your reading experience with different color themes.
- **Monokai** - Classic vibrant colors - **Monokai** - Classic vibrant colors
- **One Dark Pro** - Atom editor inspired - **One Dark Pro** - Atom editor inspired
- **Material Dark** - Google Material Design - **Material Dark** - Google Material Design
- **Wood Light** - Light wood texture - **Catppuccin Mocha / Macchiato / Frappé / Latte** - Soothing pastel palettes (Latte is light)
- **Wood Dark** - Dark wood texture
- **Wood Mahogany** - Reddish-brown wood
## For Admin Users ## For Admin Users
+8 -6
View File
@@ -18,10 +18,12 @@ Bookhoard includes multiple color themes to suit your preferences:
### Changing Your Theme ### Changing Your Theme
1. Click the theme icon (palette) in the header 1. In the sidebar, open the **Appearance** panel (palette icon, near the bottom)
2. Select your preferred color theme 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 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
Wood paneling adds texture to your dashboard bookshelf background, giving it a classic bookshelf feel. Wood paneling adds texture to your dashboard bookshelf background, giving it a classic bookshelf feel.
@@ -35,10 +37,10 @@ Wood paneling adds texture to your dashboard bookshelf background, giving it a c
### Applying Wood Paneling ### Applying Wood Paneling
1. Click the theme icon (palette) in the header 1. In the sidebar, open the **Appearance** panel (palette icon, near the bottom)
2. Scroll to "Bookshelf Background" section 2. Scroll to the **Bookshelf** section below the theme list
3. Select your preferred wood texture 3. Select your preferred wood texture (each option shows a texture swatch; **None** is the default)
4. Texture is applied to dashboard bookshelf only 4. Texture is applied to the dashboard bookshelf background
**Note:** Wood paneling is a browser preference and is not synced across devices. **Note:** Wood paneling is a browser preference and is not synced across devices.