Scrollbar Button Color in Dark Mode

Community Beginner ,
Dec 10, 2021 Dec 10, 2021

Copy link to clipboard

Copied

Is there a way to change the scrollbar button color in Dreamweaver CC 21's Dark Mode, from a very dark grey that is almost invisible, to a bright white that is easily visible, even for us old timers who's eyes aren't what they used to be...?

 

Thank you.

 

John Bonifas
Data Engineer
MS, Geographic Information Engineering
BS, Geography
BS, Applied Computing Data Engineering Focus
The Boeing Co., 1988 - 2007
https://www.linkedin.com/in/johnbonifas/
http://www.deckerd26354.net/sites/blog/
http://www.deckerd26354.net/sites/AboutMeLocal/

Views

113

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Dec 10, 2021 Dec 10, 2021

I can tell you how to modify the dark page background to be just a little lighter so scrollbar stands out a bit more, but I can't find a way to change the scroll bar itself.

Looks like an rgba value that doesn't change across any of the themes I've found.

It might be a "set by the OS" kind of thing.

Likes

Translate

Translate
Community Beginner ,
Dec 10, 2021 Dec 10, 2021

Copy link to clipboard

Copied

Thank you in advance for any replies. This has been an issue for me for years.

John Bonifas
Data Engineer
MS, Geographic Information Engineering
BS, Geography
BS, Applied Computing Data Engineering Focus
The Boeing Co., 1988 - 2007
https://www.linkedin.com/in/johnbonifas/
http://www.deckerd26354.net/sites/blog/
http://www.deckerd26354.net/sites/AboutMeLocal/

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 10, 2021 Dec 10, 2021

Copy link to clipboard

Copied

See my screenshot.

 

image.png

 

If that's NOT good enough, you may need to boost your display's Contrast level.

 

There is no other way I know of to modify scrollbar contrast in Dreamweaver.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 10, 2021 Dec 10, 2021

Copy link to clipboard

Copied

I can tell you how to modify the dark page background to be just a little lighter so scrollbar stands out a bit more, but I can't find a way to change the scroll bar itself.

Looks like an rgba value that doesn't change across any of the themes I've found.

It might be a "set by the OS" kind of thing.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Dec 11, 2021 Dec 11, 2021

Copy link to clipboard

Copied

"...I can tell you how to modify the dark page background to be just a little lighter so scrollbar stands out a bit more..."

OK, how do you do that, step-by-step? thx

 

John Bonifas
Data Engineer
MS, Geographic Information Engineering
BS, Geography
BS, Applied Computing Data Engineering Focus
The Boeing Co., 1988 - 2007
https://www.linkedin.com/in/johnbonifas/
http://www.deckerd26354.net/sites/blog/
http://www.deckerd26354.net/sites/AboutMeLocal/

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Dec 13, 2021 Dec 13, 2021

Copy link to clipboard

Copied

LATEST

OK, but fair warning: it's going to be a bit involved...

1. Go to Edit > Preferences
2. Click on Interface in the left hand bar
3. With your Code Theme selected (if it's not already a custom theme) click the + icon to create a duplicate (you can't edit the default themes, you have to make a dupe first)
4. In the dialogue that comes up, give the theme a new name
5. Click Create
6. With your new theme highlighted, hit Apply (this will help you see your changes as you make them)
7. Now, with your new theme highlighted, click the pencil icon to edit
8. That will open a "main.less" file. Most of these files will have a color set for @background within the first couple hundred lines of code (around 130-140 for me). Do a search for @background in the page
9. When you find the first instance, change the color there from whatever it is (mine shows @background:1F1F1F;) to something darker or lighter (#111111 will give a bit more contrast in my current theme)
10. Save the .less file. That should instantly take effect and let you see if it's going to work. You can keep playing with the color until you like it.

There are a lot of items in a theme that are based on the @background variable, so changing to a wildly different color could make things go a bit haywire. Then again, you could go always through and make all kinds of changes until the theme suits you. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines