starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[PR #4534] [MERGED] Add 'sepia' theme to EpubReader #4277

New Issue
Closed
opened 2026-04-25 00:19:06 +02:00 by adam · 0 comments
adam commented 2026-04-25 00:19:06 +02:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/4534
Author: @michaeldvinci
Created: 7/26/2025
Status: ✅ Merged
Merged: 7/26/2025
Merged by: @advplyr

Base: master ← Head: sepia-theme

📝 Commits (2)

  • c9eaf2d Add 'sepia' theme to EpubReader
  • 4af21b0 Fix epub toc search input colors for themes

📊 Changes

3 files changed (+32 additions, -12 deletions)

View changed files

📝 client/components/readers/EpubReader.vue (+19 -9)
📝 client/components/readers/Reader.vue (+12 -3)
📝 client/strings/en-us.json (+1 -0)

📄 Description

Brief summary

This PR introduces a sepia theme option for the Epub Reader. Simple theme option, allowing for better readability and retaining same functionality as other themes.

Which issue is fixed?

Fixes #4407

In-depth Description

Summary of Changes

Sepia mode in themeRules():
Detect when ereaderSettings.theme === 'sepia' and set fontColor = '#5b4636' and backgroundColor = 'rgb(244,236,216)'
Leave all other style rules (line-height, text stroke, link color) unchanged as for dark/light.

Data-attribute utilities on main reader container:
Added data-[theme=sepia]:bg-[rgb(244,236,216)] and data-[theme=sepia]:text-[#5b4636] alongside existing dark/light variants.

Group-aware utilities on TOC sidebar:
Added group-data-[theme=sepia]:bg-[rgb(244,236,216)] and group-data-[theme=sepia]:text-[#5b4636] to mirror the sepia styles.

With these updates you can toggle “Sepia” just like Dark or Light—no further implementation required.

How have you tested this?

Local testing with personal ebook library.

Screenshots

Main eReader view
Screenshot 2025-07-25 at 4 49 57 PM

Settings view
Screenshot 2025-07-25 at 4 50 05 PM

Sidebar expanded view
Screenshot 2025-07-25 at 4 50 14 PM

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf/pull/4534 **Author:** [@michaeldvinci](https://github.com/michaeldvinci) **Created:** 7/26/2025 **Status:** ✅ Merged **Merged:** 7/26/2025 **Merged by:** [@advplyr](https://github.com/advplyr) **Base:** `master` ← **Head:** `sepia-theme` --- ### 📝 Commits (2) - [`c9eaf2d`](https://github.com/advplyr/audiobookshelf/commit/c9eaf2db2d17fe9efc94d99689761954528e4168) Add 'sepia' theme to EpubReader - [`4af21b0`](https://github.com/advplyr/audiobookshelf/commit/4af21b079ab2c1e7a0a7db5f2a610ee2987b905f) Fix epub toc search input colors for themes ### 📊 Changes **3 files changed** (+32 additions, -12 deletions) <details> <summary>View changed files</summary> 📝 `client/components/readers/EpubReader.vue` (+19 -9) 📝 `client/components/readers/Reader.vue` (+12 -3) 📝 `client/strings/en-us.json` (+1 -0) </details> ### 📄 Description <!-- For Work In Progress Pull Requests, please use the Draft PR feature, see https://github.blog/2019-02-14-introducing-draft-pull-requests/ for further details. If you do not follow this template, the PR may be closed without review. Please ensure all checks pass. If you are a new contributor, the workflows will need to be manually approved before they run. --> ## Brief summary This PR introduces a `sepia` theme option for the Epub Reader. Simple theme option, allowing for better readability and retaining same functionality as other themes. ## Which issue is fixed? Fixes #4407 ## In-depth Description Summary of Changes Sepia mode in themeRules(): Detect when ereaderSettings.theme === 'sepia' and set fontColor = '#5b4636' and backgroundColor = 'rgb(244,236,216)' Leave all other style rules (line-height, text stroke, link color) unchanged as for dark/light. Data-attribute utilities on main reader container: Added data-[theme=sepia]:bg-[rgb(244,236,216)] and data-[theme=sepia]:text-[#5b4636] alongside existing dark/light variants. Group-aware utilities on TOC sidebar: Added group-data-[theme=sepia]:bg-[rgb(244,236,216)] and group-data-[theme=sepia]:text-[#5b4636] to mirror the sepia styles. With these updates you can toggle “Sepia” just like Dark or Light—no further implementation required. ## How have you tested this? Local testing with personal ebook library. ## Screenshots Main eReader view <img width="1582" height="1034" alt="Screenshot 2025-07-25 at 4 49 57 PM" src="https://github.com/user-attachments/assets/678b0172-403d-4844-9184-3eb146021117" /> Settings view <img width="1582" height="1034" alt="Screenshot 2025-07-25 at 4 50 05 PM" src="https://github.com/user-attachments/assets/9f6f3006-859d-451f-92d6-f94042451384" /> Sidebar expanded view <img width="1582" height="1034" alt="Screenshot 2025-07-25 at 4 50 14 PM" src="https://github.com/user-attachments/assets/b943d1a4-0166-4ea4-bd75-412c1e1b5998" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:19:06 +02:00
adam closed this issue 2026-04-25 00:19:06 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#4277
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?