Skip to main content
katarzynam38599803
Participating Frequently
November 2, 2016
Answered

Code colouring in dreamweaver 2017

  • November 2, 2016
  • 16 replies
  • 22084 views

What happened to the code colorouring? I'd like to have more control over the colors of particular pieces of code. It was possible to change it in the previous dreamweaver, why has it been removed? I have only 4 themes to choose, each of them is terrible. White is to light, dark is too contrasting with browser. For webdevelopers the most healthy option is lightgray background for code.

This topic has been closed for replies.
Correct answer Preran

Hi there,

Per's solution is working quiet nicely for me - there is just one thing: If I collapse code, the code is not inverted anymore. Instead: It looks like normal black color so it's almost imposibble to recognise.

Looking back at the main.less file I can't find any hint in how to change the color for collapsed code.

Any idea on how to solve this issue?

Thanks in advance

- Jens-


Hi everyone,

Please update to the latest version of Dreamweaver 2017.0.1 where most issues with code coloring have been addressed.

See Dreamweaver 2017.0.1 is now live  for more info.

This document  https://helpx.adobe.com/dreamweaver/using/customize-code-coloring.html has been updated to reflect changes.

Thanks,

Preran

16 replies

Participant
November 3, 2016

I suggest everyone fills this form out to request it back Feature Request/Bug Report Form

Participant
November 3, 2016

Thanks Per, it worked. I've finally edited the original main.less file to increase the contrast (I just wonder WHY the color customization was removed from the UI, but this solution is in some way acceptable). So I can now give another try to the new release :-) thanks once again.

Participant
November 3, 2016

The new color scheme is very tiring for my eyes after just a few hours of coding. No ways to set crisper colors. I'm switching back to DW 2015.3, this version is unusable for me.

NVGLeo
Participating Frequently
November 3, 2016

I have done the same. Apparently whoever designed dreamweaver CC 2017 never coded anything in his entire life.

Per Berntsen
Community Expert
Community Expert
November 3, 2016

CC 2017 uses Brackets to display code, and the code coloring is controlled by two files - main.less and package.json.

There are different versions for dark and light themes, in two different folders.

On Windows, the path to the Dark theme folder is

C:\Program Files\Adobe\Adobe Dreamweaver CC 2017\www\extensions\default\DarkTheme

The two files can be replaced by files from other themes, that can be downloaded here: Brackets Themes

There is no way to install these themes other than manually copying the two files to the appropriate folder.

I have noticed that not all themes on Github contain the .less file, but a .css file instead, not sure if those themes can be used in DW.

I'm using a light theme - GitHub - cithukyaw/DreamPHP: A dream theme for Brackets that simulates PHP coloring scheme of Dreamweaver  - that I've modified by editing the main.less file.

It's probably a good idea not to overwrite the original files, but to rename them - which is what I did.

johnc25464032
Participant
November 3, 2016

I agree the new code coloring is usable for me. I use the light text format and prior versions of dream weaver had perfect text contrast in my opinion. This is a serious downgrade. Also php code coloring is non existent for some reason.

BenPleysier
Community Expert
Community Expert
November 3, 2016

If you are brave enough, you can further customise the colours by going to the files contained in Configuration > CodeColoring folder.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
NVGLeo
Participating Frequently
November 3, 2016

It doesnt work. Nothing happens when you edit color codes from there. I tried to edit every single .xml file and nothing.

Participant
November 4, 2016

it is a .less file and once saved you have to re-start.  annoying

mytaxsite
Inspiring
November 3, 2016

I don't think you can take control of code coloring in DW.  However, if you want to try different themes from 4 different dtyles then go to:

Edit >> Preferences >> Interface

See this picture:

katarzynam38599803
Participating Frequently
November 3, 2016

In the previous version of dreamweaver I could decide which color where goes. I had lightgray background for the code, like this - #F0F0F0. I could choose whatever color I liked. Now it can be dark or white. Useless. White isn't good for the eyes, dark is good for backend developers.