Highlighted

Enable code coloring in Dreamweaver CC 2017

Adobe Employee ,
Nov 08, 2016

Copy link to clipboard

Copied

Hi all,

See Learn how you can customize the colors of your code elements in Dreamweaver. to enable code coloring in Dreamweaver CC 2017

Thanks,

Preran

Views

16.9K

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

Enable code coloring in Dreamweaver CC 2017

Adobe Employee ,
Nov 08, 2016

Copy link to clipboard

Copied

Hi all,

See Learn how you can customize the colors of your code elements in Dreamweaver. to enable code coloring in Dreamweaver CC 2017

Thanks,

Preran

Views

16.9K

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
Contributor ,
Nov 08, 2016

Copy link to clipboard

Copied

Hi Preran,

could you give us a theme "ready to use" that restore the dreamweaver cc 2015 code coloring?

Thanks!

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
Reply
Loading...
Adobe Community Professional ,
Nov 08, 2016

Copy link to clipboard

Copied

Which Code Color scheme did you use in 2015?  There were several to choose from.

If you know how to work with LESS code, you can customize the code colors manually or choose a theme from from GitHub and customize it to your liking.

I am using a GitHub theme called RubyBlue.  I copied the LESS file to my DW CC 2017/www/extensions/default/DarkTheme folder and renamed main.less to main_old.less.   I then renamed RubyBlue.less to main.less.  Restarted DW and voila, new code colors with syntax highlighting for PHP.   As this screenshot shows, it's not hard to edit the LESS color codes to suit your tastes.

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Contributor ,
Nov 08, 2016

Copy link to clipboard

Copied

Which Code Color scheme did you use in 2015?  There were several to choose from.

Hi Nancy, I'm using the "classic" theme.

screenshot-dw-theme-2015-classic.png

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
Reply
Loading...
Adobe Community Professional ,
Nov 08, 2016

Copy link to clipboard

Copied

I haven't used a LightTheme for quite a while so I don't remember what Classic looked like.  Have you looked at the light themes on GitHub? 

Brackets Themes

Solorized looks like a good starting point.

GitHub - Brackets-Themes/Solarized: Solarized Theme

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Contributor ,
Nov 08, 2016

Copy link to clipboard

Copied

Ok, thanks Nancy!

However, I am very disappointed with Adobe's support.

Big issue with colours code and they give us as solution to go to modify an hidden file system of Dreamweaver... now I've to spend time to recreate the normal condition to work, with all the risks in putting hands in hidden files...

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
Reply
Loading...
Adobe Community Professional ,
Nov 08, 2016

Copy link to clipboard

Copied

There's absolutely no risk if you keep a backup version of the main.less file by renaming it main_old.less  or something similar as a fallback.

But yeah, they could have made this a little easier for people.  I just feel some things got set aside to meet the MAX deadlines. 

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Contributor ,
Nov 08, 2016

Copy link to clipboard

Copied

There's absolutely no risk if you keep a backup version of the main.less file by renaming it main_old.less  or something similar as a fallback.

I agre with you but is very dangerous to allow even just to enter in the file system of a software for a simply edit.

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
Reply
Loading...
Adobe Employee ,
Nov 08, 2016

Copy link to clipboard

Copied

I understand how you feel, but the reason we were able to create the document and publish it in record time is because the product team took all observations from the forum seriously.

This is one of Dreamweaver's biggest releases, if not the biggest in a long time. There will be things to iron out, and I know that the team is eager to make sure that they are addressed on priority.

Thanks,

Preran

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
Reply
Loading...
Community Beginner ,
Nov 08, 2016

Copy link to clipboard

Copied

Frankly, and this could be seen as problematic, but it doesn't feel like you understand how your consumers feel at all.

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
Reply
Loading...
Adobe Community Professional ,
Nov 08, 2016

Copy link to clipboard

Copied

CC 2017 was offered to everyone with an Adobe ID as a public beta preview.  Did you try it?  Did you provide feedback?  'Cuz that's where the DW team learned what users want.   As you can imagine, there were many different views about which direction it should take.   Kind of like an election campaign.

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Contributor ,
Nov 08, 2016

Copy link to clipboard

Copied

CC 2017 was offered to everyone with an Adobe ID as a public beta preview.  Did you try it?  Did you provide feedback?  'Cuz that's where the DW team learned what users want.   As you can imagine, there were many different views about which direction it should take.   Kind of like an election campaign.

The public beta preview are useless.

Every development team has a leader who takes the decisions for all (not with election campaigns), maybe Dreamweaver's development team not have a good leader...

The big mistake with Dreamweaver (my opinion, obviously) is that it has become in the last years a simple (and expensive) css/html editor.

Dreamweaver was born as server behaviour tools with advanced extensions to allow to develop beyond the limits/skills of the web designer.

Now it's an empty box, only DMXzone and PVII develop useful extensions but nothing that you can easily find ready to use on CMS as WordPress or marketplace ThemeForest/CodeCanyon.

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
Reply
Loading...
Community Beginner ,
Nov 08, 2016

Copy link to clipboard

Copied

See, that makes more sense, and it does show that not everyone is represented in beta. One would think that with all of this discussion to the latter - there is indeed something to the complaint. We ALL have a right to complain, and after 23 years I have done VERY little. This is just one I am going to push for.

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
Reply
Loading...
Adobe Employee ,
Nov 09, 2016

Copy link to clipboard

Copied

People like me, monitoring the forums, have been good messengers and have shared all feedback with the team. The team is investigating to see if they can bring back this feature in a future update.

Rest assured, every observation reported here has made its way into our reports. We thank you for the feedback, and we encourage you to keep sharing your thoughts.

At the risk of sounding like a marketing pitch, Creative Cloud allows us the flexibility to keep working on a version that best suits our workflows until there is one that we want to upgrade to. My initial forum post about best practices before upgrading covered it all, and as an author, I do wish people read it. At the same time, I understand the urgency to upgrade to a new version without reading the implications. I have been on that road myself several times.

Thanks,

Preran

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
Reply
Loading...
Contributor ,
Nov 11, 2016

Copy link to clipboard

Copied

Here's my message - the themes suck!

Not I know that's not very professional but you have to understand that WE are developers and we rely on Adobe tolls to get work done and get paid.

The new color coding is VERY difficult to work in. It's EXTREMELY hard on the eyes causing unnecessary strain and stress! I'm only able to last about an hour or so before I have to quit and do something else, whereas before I could program all day with no issues - and I have been programming for 22 years.

As ONE example...

Screen Shot 2016-11-11 at 7.54.24 AM.png

If I am editing a line - I can't work with it highlighted - that's the dumbest thing I have ever seen!

<cfif dateFormat(qLastLogIn.LastLogin, 'mm-dd-yyyy') is now()>data</cfif>

If the cursor is on CFIF then show me the /CFIF

But if I an in the CFIF tag editing attributes don't highlight the whole thing fricken green!

BTW: Changing the Preferences for Highlights on the Mac does NOTHING!

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
Reply
Loading...
Contributor ,
Nov 11, 2016

Copy link to clipboard

Copied

Preran,

"At the risk of sounding like a marketing pitch, Creative Cloud allows us the flexibility to keep working on a version that best suits our workflows until there is one that we want to upgrade to. My initial forum post about best practices before upgrading covered it all, and as an author, I do wish people read it. At the same time, I understand the urgency to upgrade to a new version without reading the implications. I have been on that road myself several times."

Dude - as you well know, DrwamWeaver fell completely apart on the Mac with the resent OS update - some of us did not have a choice but to upgrade in order to continue to work.

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
Reply
Loading...
Adobe Employee ,
Nov 11, 2016

Copy link to clipboard

Copied

Completely agree. I will share you sentiment with the product team.

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
Reply
Loading...
Explorer ,
Dec 20, 2016

Copy link to clipboard

Copied

Any suggestions for turning off the mint (light green) highlighting on the line that you are editing. It's pretty clear that this "feature" wasn't tested by anyone who uses DW for long stretches. Zero color contrast between the mint and white makes it nearly impossible to see the letters.

A "what were they thinking?" feature.

Three thumbs down on the new DW 2017.

And asking your customers to beta test is not a solution. That's really what we pay you to do. Debugging your products for free isn't our job.

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
Reply
Loading...
Explorer ,
Dec 20, 2016

Copy link to clipboard

Copied

Any fix for this?

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
Reply
Loading...
Explorer ,
Dec 30, 2016

Copy link to clipboard

Copied

But it does not work for me or the devs I know. We are not going to edit a less file just because the development team had a bad idea. Also the Find and Replace is the worst thing ever ! Reverting to 2015 until Adobe decides that upgrading a software does not mean changing every thing to justify the time and the money. I am very dissapointed.

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
Reply
Loading...
Adobe Community Professional ,
Dec 30, 2016

Copy link to clipboard

Copied

klubar wrote:

Any suggestions for turning off the mint (light green) highlighting on the line that you are editing.

In CC 2017.1 (the latest patch), you can create a new Theme in Preferences by pressing the plus sign. 

Re: DW2017 Token inspector not working?

To remove mint-greeen from matching tags, add the following to the bottom or your LESS file.

/* Custom code colors or overrides should start after this line */

.CodeMirror-matchingtag {

    color: white;

    background: green;

}

Adjust values to suit.

Nancy

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Community Beginner ,
Jan 11, 2017

Copy link to clipboard

Copied

Nancy OShea wrote:

To remove mint-green from matching tags, add the following to the bottom or your LESS file.

/* Custom code colors or overrides should start after this line */

.CodeMirror-matchingtag {

color: white;

background: green;

}

Adjust values to suit.

Nancy

For what it's worth, this does allow you to change the background color, but I'm finding that no matter what I change the "color" value to, it remains white. For anybody else dealing with this, don't pull your hair out - it's not 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
Reply
Loading...
Adobe Community Professional ,
Jan 11, 2017

Copy link to clipboard

Copied

Am I seeing a mirage?


Ben

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
Reply
Loading...
Community Beginner ,
Jan 13, 2017

Copy link to clipboard

Copied

Thanks, but nothing changed on Mac/El Capitan. I added the code to the bottom of the LESS file,  but the impossible to read mint-green highlighting with white type is still there when I click on a line. I played with the values, opened and closed Dreamweaver, but the default mint green- white letters stuck. I used these values:

.CodeMirror-matchingtag {

    color: #4a4a4a;

    background: #00645b;

}

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
Reply
Loading...
Adobe Community Professional ,
Jan 13, 2017

Copy link to clipboard

Copied

At the very bottom your custom LESS file.

* Custom code colors or overrides should start after this line */

.CodeMirror-matchingtag {

    color: #4a4a4a !important;

    background-color: #00645b !important;

}

Save File.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Adobe Community Professional ,
Jan 13, 2017

Copy link to clipboard

Copied

jonholcombe wrote:

.CodeMirror-matchingtag {

color: #4a4a4a;

background: #00645b;

}

As Nancy has stated, there are two things missing from this code. namely

  1. it is not background, but background-color
  2. !important needs to be included to override the previous rules.

Ben

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
Reply
Loading...
Community Beginner ,
Jan 18, 2017

Copy link to clipboard

Copied

Totally agree!

When working in code view and I select something, it highlights the entire line (or entire code between tags) in a light green and turns the text white. White text on light green, really? Very hard to read. I am suffering from eye strain working in code view and cannot figure out how to change this. So, instead of coding and making money, I am scouring the forums looking for a solution. Not happy.

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
Reply
Loading...
Adobe Community Professional ,
Jan 18, 2017

Copy link to clipboard

Copied

Here's the fix for the terrible tag selection light green background color...

1. Go to Edit > Preferences > Interface
2. Click Light
3. Hit the + button under the Theme box
4. Give your modified theme a name
5. Click Create
6. Make sure your new theme is highlighted
7. Hit Apply
8. Now with the new one highlighted, hit the Edit button (pencil icon)
9. Add the following to the end of the file...

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {

    background-color:#000000;

    color:#ffffff !important;

}

10. Change the colors to settings you like (black with white text isn't likely the best choice either)
11. Save

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
Reply
Loading...
New Here ,
Nov 11, 2016

Copy link to clipboard

Copied

Hi,

I tried to use the "Solarized Theme" from Brackets Themes  and nothing changed when I restarted DW.

I mad a backup copy of the original files in the "C:\Program Files\Adobe\Adobe Dreamweaver CC 2017\www\extensions\default\DarkTheme" folder  and unziped the ZIP to that folder. and Started DW and went to "Edit->Preferences~Interface" and changed the 'Code Theme' to Dark theme and closed the dialog box and restarted DW and got the original DARK theme.

What did i do wrong?

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
Reply
Loading...
Adobe Community Professional ,
Nov 11, 2016

Copy link to clipboard

Copied

Are you really using a DarkTheme?

Solarize is a light code color scheme.  So you need to work with the LightTheme folder.

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
New Here ,
Nov 11, 2016

Copy link to clipboard

Copied

I just tried that and I still see the original light theme with that yellowish tinted background. 

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
Reply
Loading...
Adobe Community Professional ,
Nov 12, 2016

Copy link to clipboard

Copied

Which color & code themes are you using?

Did you move Solarized.less to the appropriate LightTheme or DarkTheme folder?

Did you rename main.less to main_old.less?

Did you rename Solarized.less to main.less?

Did you restart DW CC 2017?

Nancy O.

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
New Here ,
Nov 12, 2016

Copy link to clipboard

Copied

Using the 3rd from the left color theme

Using the "Light color" code theme

made backup copies of the LightTheme folder and replaced the original files with the ones from the ZIP I downloaded.

and did restart DW CC 2017.

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
Reply
Loading...
Adobe Community Professional ,
Nov 11, 2016

Copy link to clipboard

Copied

Soloarized is light.

https://raw.githubusercontent.com/Brackets-Themes/Solarized/master/screenshot.png

Nancy O'Shea, ACP
Alt-Web.com

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
Reply
Loading...
Adobe Community Professional ,
Nov 11, 2016

Copy link to clipboard

Copied

Regardless of themes the code colouring is limited anyway. Please post a vote here so we can hopefully get full flexibility back for code colouring:

Restore Full Code Colouring Flexibility – Adobe Dreamweaver CC: Feature Ideas

The code colouring apart from being removed from the options because it's a half finished Brackets integration lacks serious flexibility, no language specific option even if you are prepared to edit the LESS theme file directly has been included.

I had an official response from Adobe that language-specific code colouring which is a feature in Brackets, is NOT included in the brackets integration with Dreamweaver.


Paul-M, ACP - www.webspectrum.co.uk

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
Reply
Loading...
Adobe Community Professional ,
Nov 11, 2016

Copy link to clipboard

Copied

Themes are OK but the code colouring flexibility is still limited, for PHP and JS developers for example there's no language specific code colouring, a feature that is available in Brackets but NOT in the Dreamweaver integrated Brackets.

Please post a vote here so we can hopefully get full flexibility back for code colouring:

Restore Full Code Colouring Flexibility – Adobe Dreamweaver CC: Feature Ideas

The code colouring apart from being removed from the options because it's a half finished Brackets integration lacks serious flexibility, no language specific option even if you are prepared to edit the LESS theme file directly has been included.

I had an official response from Adobe that language-specific code colouring which is a feature in Brackets, is NOT included in the brackets integration with Dreamweaver.


Paul-M, ACP - www.webspectrum.co.uk

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
Reply
Loading...
Engaged ,
Nov 22, 2016

Copy link to clipboard

Copied

Mmm ... well, maybe in the next BIG UPGRADE of DW CC 2018, they (Adobe) can make it easier like in Brackets ...

or just make Brackets the Code Editor of DW ...

By the way, I haven't use DW in a long time, I guess I will keep using Brackets ... and if only Brackets had the FTP that DW has

then I probably never use DW at all ...

Saludos 🙂

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
Reply
Loading...
New Here ,
Dec 05, 2016

Copy link to clipboard

Copied

Ok guys, I've found how you can use whatever theme you want, from the Brackets themes, located here:

http://brackets-themes.github.io/

Easiest way is to install Brackets, and download the themes from the Extension Manager. That way it's sure the theme is downloaded and installed properly.

After that, assuming you've got DW CC 2017 already installed, make sure it's closed and do this:

1. Go to C:\Users\Your user name\AppData\Roaming\Brackets\extensions\user

2. Copy the folder of the theme you want, NOT THE FILES INSIDE !

3. Go to C:\Users\Your user name\AppData\Roaming\Adobe\Dreamweaver CC 2017\en_US\Configuration\Brackets\extensions\user

4. Paste the folder

5. Go to C:\Users\Your user name\AppData\Roaming\Adobe\Dreamweaver CC 2017\en_US\Configuration\Brackets

6. Open the brackets.json file.

7. In the second line ("themes.theme": "dreamweaver-light",) modify the name that is bolded. You will have dark-theme by default. Write the name of the folder you've downloaded, exactly.

8. Save the file.

9. Open DW CC 2017.

Enjoy !

P.S.

You won't see the theme in the Interface window, in Settings, but it will work, I'm using it this way !

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
Reply
Loading...
Adobe Employee ,
May 07, 2020

Copy link to clipboard

Copied

Hello,

We have started working on “Code Coloring Customization” improvements by adding support for customization of generic and language specific colors and the changes are available in our latest Prerelease drop.

With this improvement you will be able to customize Code Colors in Dreamweaver Preferences --> Interface window.

Please join the Dreamweaver beta program from below link and try out the feature.
Please note, that the functionality is in the initial stages of implementation, we expect the build to have some stability issues.
However we are eager to hear from your early feedback.

Prerelease Invite link: https://www.adobeprerelease.com/beta/9EB451B5-D2E8-46E5-AFA2-78C85442FFA2/participate/CD0C95AA-6274-...


Thanks
Dreamweaver Team

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
Reply
Loading...
Resources
Learn Resources
Add a group