Skip to main content
Slowly26354
New Participant
December 10, 2021
Answered

Scrollbar Button Color in Dark Mode

  • December 10, 2021
  • 3 replies
  • 692 views

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.

 

    This topic has been closed for replies.
    Correct answer Jon Fritz

    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.

    3 replies

    Jon Fritz
    Jon FritzCorrect answer
    Community Expert
    December 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.

    Slowly26354
    New Participant
    December 12, 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..."

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

     

    John BonifasData EngineerMS, Geographic Information EngineeringBS, GeographyBS, Applied Computing Data Engineering FocusThe Boeing Co., 1988 - 2007https://www.linkedin.com/in/johnbonifas/http://www.deckerd26354.net/sites/blog/http://www.deckerd26354.net/sites/AboutMeLocal/
    Jon Fritz
    Community Expert
    December 13, 2021

    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 @10743407 within the first couple hundred lines of code (around 130-140 for me). Do a search for @10743407 in the page
    9. When you find the first instance, change the color there from whatever it is (mine shows @10743407: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 @10743407 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. 

    Nancy OShea
    Community Expert
    December 10, 2021

    See my screenshot.

     

     

    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— Product User, Community Expert & Moderator
    Slowly26354
    New Participant
    December 10, 2021

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

    John BonifasData EngineerMS, Geographic Information EngineeringBS, GeographyBS, Applied Computing Data Engineering FocusThe Boeing Co., 1988 - 2007https://www.linkedin.com/in/johnbonifas/http://www.deckerd26354.net/sites/blog/http://www.deckerd26354.net/sites/AboutMeLocal/