Ability to Customize Colors #1133

New Issue

OVERLORD · 2026-02-04T23:55:00+03:00

OVERLORD commented

2026-02-04 23:55:00 +03:00

Originally created by @blackshrub on GitHub (Apr 9, 2019).

Especially for the page (now blue) and chapter (now orange).

Originally created by @blackshrub on GitHub (Apr 9, 2019). Especially for the page (now blue) and chapter (now orange).

OVERLORD added the 🔨 Feature Request 🎨 Design 🖌️ View Customization labels 2026-02-04 23:55:00 +03:00

OVERLORD closed this issue

2026-02-04 23:55:09 +03:00

OVERLORD commented

2026-02-04 23:55:16 +03:00

@ezzra commented on GitHub (Apr 9, 2019):

you can change everything like that by using the CSS box on the settings page.

@ezzra commented on GitHub (Apr 9, 2019): you can change everything like that by using the CSS box on the settings page.

OVERLORD commented

2026-02-04 23:55:24 +03:00

@blackshrub commented on GitHub (Apr 9, 2019):

Yes but it is more convenient if we can have styling options

@blackshrub commented on GitHub (Apr 9, 2019): Yes but it is more convenient if we can have styling options

OVERLORD commented

2026-02-04 23:55:31 +03:00

@ssddanbrown commented on GitHub (Aug 31, 2019):

As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting:

<style>
	:root {
		--color-page: #a242d7;
		--color-page-draft: #cfb732;
		--color-chapter: #db5382;
		--color-book: #534ecb;
		--color-bookshelf: #3eeaf0;
	}
</style>

I'm still considering making these easily alterable via the UI.

@ssddanbrown commented on GitHub (Aug 31, 2019): As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting: ```html <style> :root { --color-page: #a242d7; --color-page-draft: #cfb732; --color-chapter: #db5382; --color-book: #534ecb; --color-bookshelf: #3eeaf0; } </style> ``` I'm still considering making these easily alterable via the UI.

OVERLORD commented

2026-02-04 23:55:39 +03:00

@skoltheus commented on GitHub (Oct 12, 2019):

As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting:
<style>
	:root {
		--color-page: #a242d7;
		--color-page-draft: #cfb732;
		--color-chapter: #db5382;
		--color-book: #534ecb;
		--color-bookshelf: #3eeaf0;
	}
</style>
I'm still considering making these easily alterable via the UI.

Please add these to the UI.
Is it possible to also add an entry so I can change the main backgrounds of every page in this manner as well? That would appease a lot of the 'MOAR DARK MODE' people like myself.

@skoltheus commented on GitHub (Oct 12, 2019): > As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting: > > ``` > <style> > :root { > --color-page: #a242d7; > --color-page-draft: #cfb732; > --color-chapter: #db5382; > --color-book: #534ecb; > --color-bookshelf: #3eeaf0; > } > </style> > ``` > > I'm still considering making these easily alterable via the UI. Please add these to the UI. Is it possible to also add an entry so I can change the main backgrounds of every page in this manner as well? That would appease a lot of the 'MOAR DARK MODE' people like myself.

OVERLORD commented

2026-02-04 23:55:45 +03:00

@ssddanbrown commented on GitHub (Oct 12, 2019):

Dark mode would require a lot more than just a change of background colour, Would be an alternative style-sheet.

@ssddanbrown commented on GitHub (Oct 12, 2019): Dark mode would require a lot more than just a change of background colour, Would be an alternative style-sheet.

OVERLORD commented

2026-02-04 23:55:50 +03:00

@james-geiger commented on GitHub (Oct 14, 2019):

@ssddanbrown Is this something that you'd welcome a pr to place in the settings ui?

As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting:
<style>
	:root {
		--color-page: #a242d7;
		--color-page-draft: #cfb732;
		--color-chapter: #db5382;
		--color-book: #534ecb;
		--color-bookshelf: #3eeaf0;
	}
</style>
I'm still considering making these easily alterable via the UI.

@james-geiger commented on GitHub (Oct 14, 2019): @ssddanbrown Is this something that you'd welcome a pr to place in the settings ui? > As of BookStack v0.27 the entity (Chapter, Book, Page, Shelve) colors are now set with CSS variables, which means it's fairly easy to change the colors of these via the Custom HTML head content setting: > > ``` > <style> > :root { > --color-page: #a242d7; > --color-page-draft: #cfb732; > --color-chapter: #db5382; > --color-book: #534ecb; > --color-bookshelf: #3eeaf0; > } > </style> > ``` > > I'm still considering making these easily alterable via the UI.

OVERLORD commented

2026-02-04 23:55:55 +03:00

@ssddanbrown commented on GitHub (Oct 14, 2019):

@james-geiger Yeah, sure!

@ssddanbrown commented on GitHub (Oct 14, 2019): @james-geiger Yeah, sure!

OVERLORD commented

2026-02-04 23:55:58 +03:00

@ssddanbrown commented on GitHub (Dec 8, 2019):

@james-geiger has now added this feature in #1723 and it has been merged into master for the next release (v0.28).

Since this feature is in master this issue will now be closed.

@ssddanbrown commented on GitHub (Dec 8, 2019): @james-geiger has now added this feature in #1723 and it has been merged into master for the next release (v0.28). Since this feature is in `master` this issue will now be closed.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/BookStack#1133