Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to Customize Colors #1380

Closed
blackshrub opened this issue Apr 9, 2019 · 8 comments
Closed

Ability to Customize Colors #1380

blackshrub opened this issue Apr 9, 2019 · 8 comments

Comments

@blackshrub
Copy link

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

@ezzra
Copy link

ezzra commented Apr 9, 2019

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

@blackshrub
Copy link
Author

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

@ssddanbrown
Copy link
Member

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.

@skoltheus
Copy link

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.

@ssddanbrown
Copy link
Member

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

@james-geiger
Copy link
Contributor

@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.

@ssddanbrown
Copy link
Member

@james-geiger Yeah, sure!

@ssddanbrown
Copy link
Member

@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 up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

5 participants