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:
@@ -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
@@ -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.
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user