Define color sheme for shelves, books etc. separately for Dark Mode. #1891

New Issue

OVERLORD · 2026-02-05T02:08:11+03:00

OVERLORD commented

2026-02-05 02:08:11 +03:00

Originally created by @Flight777 on GitHub (Oct 8, 2020).

After the quick response on my last feature request, here is something else I found:

When switching to dark mode, Bookstack retains the shelves/books colors etc. as defined in the settings. However, if using a darker color for one of these, it will obviously not work well in dark mode :P While on a light/white background (normal mode) you tend to use darker colors to have better contrast with the white.

Would it be possible to define colors separately for light mode and dark mode in the Settings page for a future version?

Originally created by @Flight777 on GitHub (Oct 8, 2020). After the quick response on my last feature request, here is something else I found: When switching to dark mode, Bookstack retains the shelves/books colors etc. as defined in the settings. However, if using a darker color for one of these, it will obviously not work well in dark mode :P While on a light/white background (normal mode) you tend to use darker colors to have better contrast with the white. Would it be possible to define colors separately for light mode and dark mode in the Settings page for a future version?

OVERLORD added the 🔨 Feature Request 🎨 Design labels 2026-02-05 02:08:11 +03:00

OVERLORD closed this issue

2026-02-05 02:08:14 +03:00

OVERLORD commented

2026-02-05 02:08:22 +03:00

@skeith commented on GitHub (Nov 5, 2020):

I second this. The "Recent activity" links are hard too read and some text color is not bright enough on dark mode.

@skeith commented on GitHub (Nov 5, 2020): I second this. The "Recent activity" links are hard too read and some text color is not bright enough on dark mode.

OVERLORD commented

2026-02-05 02:08:24 +03:00

@ssddanbrown commented on GitHub (Dec 10, 2020):

Just a note on this, If you did want to override any colors specifically for dark mode you could do so by overriding the variables bookstack uses by adding something like the below in the "Custom HTML Head Content" setting:

<style>
	html.dark-mode {
	    --color-primary: #206ea7;
	    --color-primary-light: rgba(32,110,167,0.15);
	    --color-bookshelf: #a94747;
	    --color-book: #077b70;
	    --color-chapter: #af4d0d;
	    --color-page: #206ea7;
	    --color-page-draft: #7e50b1;
	}
</style>

@ssddanbrown commented on GitHub (Dec 10, 2020): Just a note on this, If you did want to override any colors specifically for dark mode you could do so by overriding the variables bookstack uses by adding something like the below in the "Custom HTML Head Content" setting: ```html <style> html.dark-mode { --color-primary: #206ea7; --color-primary-light: rgba(32,110,167,0.15); --color-bookshelf: #a94747; --color-book: #077b70; --color-chapter: #af4d0d; --color-page: #206ea7; --color-page-draft: #7e50b1; } </style> ```

OVERLORD commented

2026-02-05 02:08:31 +03:00

@eizedev commented on GitHub (Feb 15, 2021):

i support this. We are using a dark grey primary color. The problem is, that all links on pages are also using this primary color. So it is hard to read and identify the hyperlinks (black and black). Due to our corporate design, we cannot change the primary color.
I added a style using the custom html head content and set a:link, a:visited to another color for .page-content and a:hover for the complete site.

<style>
.page-content a:link {
    color: red;
}
.page-content a:visited {
    color: red;
}
a:hover {
    color: red;
}
</style>

It would be great, if you could make the color for links (inside pages) configurable.

I didn't want to open a new issue since it was already mentioned in issue #2400 and referenced here.

@eizedev commented on GitHub (Feb 15, 2021): i support this. We are using a dark grey primary color. The problem is, that all links on pages are also using this primary color. So it is hard to read and identify the hyperlinks (black and black). Due to our corporate design, we cannot change the primary color. I added a style using the custom html head content and set `a:link`, `a:visited` to another color for `.page-content` and `a:hover` for the complete site. ```css <style> .page-content a:link { color: red; } .page-content a:visited { color: red; } a:hover { color: red; } </style> ``` It would be great, if you could make the color for links (inside pages) configurable. I didn't want to open a new issue since it was already mentioned in issue #2400 and referenced here.

OVERLORD commented

2026-02-05 02:08:35 +03:00

@posta246 commented on GitHub (Jan 27, 2022):

Hi Dan, do you think to introduce different color and/or something to manage them in the future release? Just to know how organize myself.
I've seen the html/css solution you propose, may you give us the code for modifying only the color of the chars? For me infact the book, page etc "background" color could be ok if I can modify the color of the text. Using the image of #3203, the color of the name of the books (green on green...) in yellow section 2 is very difficult to read, but just changing it to white for example could be a solution, without changing the color of the book items...
Hope I explained myself!!!
Thx!

@posta246 commented on GitHub (Jan 27, 2022): Hi Dan, do you think to introduce different color and/or something to manage them in the future release? Just to know how organize myself. I've seen the html/css solution you propose, may you give us the code for modifying only the color of the chars? For me infact the book, page etc "background" color could be ok if I can modify the color of the text. Using the image of #3203, the color of the name of the books (green on green...) in yellow section 2 is very difficult to read, but just changing it to white for example could be a solution, without changing the color of the book items... Hope I explained myself!!! Thx! ![immagine](https://user-images.githubusercontent.com/80681065/151378191-47aea532-2d11-4234-8125-ce80758950a6.png)

OVERLORD commented

2026-02-05 02:08:40 +03:00

@adriangalbincea commented on GitHub (Dec 1, 2022):

Will be good to have separate colour customization for the Dark mode because is very difficult to match a colour scheme to look good/readable in both themes.

@adriangalbincea commented on GitHub (Dec 1, 2022): Will be good to have separate colour customization for the Dark mode because is very difficult to match a colour scheme to look good/readable in both themes.

OVERLORD commented

2026-02-05 02:08:42 +03:00

@ssddanbrown commented on GitHub (Jan 28, 2023):

This has now been added as part of #4002 and will be part of the next feature release.

@ssddanbrown commented on GitHub (Jan 28, 2023): This has now been added as part of #4002 and will be part of the next feature release.

OVERLORD referenced this issue

2026-02-05 10:25:03 +03:00

[PR #3043] [MERGED] Search Engine Improvement #6124

Sign in to join this conversation.