Dark Color Palette - Scrollbar slider CSS - Page 2

kovidgoyal · 10-07-2022, 02:38 AM

Only the system default theme has support for stylesheets. If you use the calibre theme, colors get fixed and stylesheets wont work, this happens in the style definition, it's nto something you can change.

And if you want to change the colors of the book details scrollbar the relevant class is QTextBrowser

Comfy.n · 10-07-2022, 02:43 AM

Quote:

Originally Posted by kovidgoyal

Only the system default theme has support for stylesheets. If you use the calibre theme, colors get fixed and stylesheets wont work, this happens in the style definition, it's nto something you can change.

And if you want to change the colors of the book details scrollbar the relevant class is QTextBrowser

thank you!

Comfy.n · 10-08-2022, 07:45 PM

I wish I knew how to extract the rules of built-in Dark Color Palette into a qss/css friendly format, so that I could merge with this test1.qss:

QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }

kovidgoyal · 10-08-2022, 09:58 PM

There isnt a way to do that. They are implemented in code not via stylesheets.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Improve Dark Mode Slider Button Contrast?	LKraus	Calibre	2	04-26-2022 09:26 AM
CSS line height vs Kobo line spacing slider?	bongoman	Kobo Reader	2	07-12-2020 01:25 PM
CSS text color should be dark blue. Everywhere.	nkormanik	Calibre	10	05-06-2019 05:29 AM
Glo dark-yellow color on the screen?	greens	Kobo Reader	8	01-06-2013 09:31 PM
Classic Nook Book Cover Slider Color	geneticlone	Barnes & Noble NOOK	3	12-31-2009 03:35 PM

10-07-2022, 02:38 AM	#16
kovidgoyal creator of calibre Posts: 45,374 Karma: 27230406 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Only the system default theme has support for stylesheets. If you use the calibre theme, colors get fixed and stylesheets wont work, this happens in the style definition, it's nto something you can change. And if you want to change the colors of the book details scrollbar the relevant class is QTextBrowser

10-08-2022, 07:45 PM	#18
Comfy.n want to learn what I want Posts: 1,612 Karma: 7891011 Join Date: Sep 2020 Device: none	I wish I knew how to extract the rules of built-in Dark Color Palette into a qss/css friendly format, so that I could merge with this test1.qss: QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; } QScrollBar::handle:horizontal { background: white; min-width: 20px; } QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; } QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; } QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; } QScrollBar::handle:vertical { background: white; min-height: 20px; } QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; } QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; } QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; } QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }

10-08-2022, 09:58 PM	#19
kovidgoyal creator of calibre Posts: 45,374 Karma: 27230406 Join Date: Oct 2006 Location: Mumbai, India Device: Various	There isnt a way to do that. They are implemented in code not via stylesheets.

Advert