Highlighted

Dreamweaver CS6 coding colors in CC 2018...

Explorer ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi all,

I'm a Dreamweaver CS6 person - I would use this forever if I could - but my new 3840x2160 laptop and cs6 don't get along (Fonts move about when highlighting and even with compatibility turned on - it looks blurry)

How can I get the colors when coding in CC 2018 to match the colors of CS6?

It was just the classic php editing color scheme.

Is there just a main.less I can download to make it look like cs6?

Thanks for the help!

This is the css code that I've used to make the update less traumatic from DW 2015 to 2017/2018 (classic theme, white backgroud):

@background: #FFFFFF;

.cm-atom, .cm-string, .cm-string-2, .cm-hr { color: #747474; }

.cm-comment { color: #C4C4C4; }

.cm-keyword { color: #f00 !important; }

.cm-def { color: #494949 !important; }

.cm-variable-2 { color: #0e83fc !important; }

.cm-variable-3 { color: #db2114 !important; }

.cm-string { color: #480AC0 !important; }

.HTML {

  .cm-atom { color: #747474; }

}

.CSS, .SCSS, .LESS {

  .cm-keyword, .cm-atom, .cm-variable-4, .cm-hr, .cm-number, .cm-attribute, .cm-plus, .cm-error, .cm-minus { color: #00F; }

  .cm-def { color: #900 !important; font-weight: bold; }

  .cm-property, .cm-operator, .cm-bracket { color: #009; }

  .cm-qualifier, .cm-builtin, .cm-quote { color: #F0F; }

}

.CodeMirror-matchingtag { background-color: #E6E6E6 !important; }

.CodeMirror-matchingbracket { background-color: #E6E6E6; }

.CodeMirror-matchingbracket, .CodeMirror-matchingtag { color: #3A3A3A !important; }

2017-11-13_10-15-36.png

2017-11-13_10-16-20.png

2017-11-13_10-16-44.png

2017-11-13_10-17-12.png

2017-11-13_10-17-37.png

Views

2.6K

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

Dreamweaver CS6 coding colors in CC 2018...

Explorer ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi all,

I'm a Dreamweaver CS6 person - I would use this forever if I could - but my new 3840x2160 laptop and cs6 don't get along (Fonts move about when highlighting and even with compatibility turned on - it looks blurry)

How can I get the colors when coding in CC 2018 to match the colors of CS6?

It was just the classic php editing color scheme.

Is there just a main.less I can download to make it look like cs6?

Thanks for the help!

This is the css code that I've used to make the update less traumatic from DW 2015 to 2017/2018 (classic theme, white backgroud):

@background: #FFFFFF;

.cm-atom, .cm-string, .cm-string-2, .cm-hr { color: #747474; }

.cm-comment { color: #C4C4C4; }

.cm-keyword { color: #f00 !important; }

.cm-def { color: #494949 !important; }

.cm-variable-2 { color: #0e83fc !important; }

.cm-variable-3 { color: #db2114 !important; }

.cm-string { color: #480AC0 !important; }

.HTML {

  .cm-atom { color: #747474; }

}

.CSS, .SCSS, .LESS {

  .cm-keyword, .cm-atom, .cm-variable-4, .cm-hr, .cm-number, .cm-attribute, .cm-plus, .cm-error, .cm-minus { color: #00F; }

  .cm-def { color: #900 !important; font-weight: bold; }

  .cm-property, .cm-operator, .cm-bracket { color: #009; }

  .cm-qualifier, .cm-builtin, .cm-quote { color: #F0F; }

}

.CodeMirror-matchingtag { background-color: #E6E6E6 !important; }

.CodeMirror-matchingbracket { background-color: #E6E6E6; }

.CodeMirror-matchingbracket, .CodeMirror-matchingtag { color: #3A3A3A !important; }

2017-11-13_10-15-36.png

2017-11-13_10-16-20.png

2017-11-13_10-16-44.png

2017-11-13_10-17-12.png

2017-11-13_10-17-37.png

Views

2.6K

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
Adobe Community Professional ,
Nov 12, 2017

Copy link to clipboard

Copied

You will never get an exact match with previous code colors because too much has changed in DW CC since Brackets code-mirror was added.   You could drop back to the older 2015 version before Brackets was introduced.

Or do what I did and get a Brackets Theme from GitHub I could live with.  

Brackets Themes · GitHub

I copied the Main.LESS file from GitHub and added it to a newly created custom Theme.    After a week of using the new Theme, I completely forgot about my old code colors. 

Nancy O'Shea, ACP
Alt-Web.com

Likes

1 Like

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 13, 2017

Copy link to clipboard

Copied

This is the css code that I've used to make the update less traumatic from DW 2015 to 2017/2018 (classic theme, white backgroud):

@background: #FFFFFF;

.cm-atom, .cm-string, .cm-string-2, .cm-hr { color: #747474; }

.cm-comment { color: #C4C4C4; }

.cm-keyword { color: #f00 !important; }

.cm-def { color: #494949 !important; }

.cm-variable-2 { color: #0e83fc !important; }

.cm-variable-3 { color: #db2114 !important; }

.cm-string { color: #480AC0 !important; }

.HTML {

  .cm-atom { color: #747474; }

}

.CSS, .SCSS, .LESS {

  .cm-keyword, .cm-atom, .cm-variable-4, .cm-hr, .cm-number, .cm-attribute, .cm-plus, .cm-error, .cm-minus { color: #00F; }

  .cm-def { color: #900 !important; font-weight: bold; }

  .cm-property, .cm-operator, .cm-bracket { color: #009; }

  .cm-qualifier, .cm-builtin, .cm-quote { color: #F0F; }

}

.CodeMirror-matchingtag { background-color: #E6E6E6 !important; }

.CodeMirror-matchingbracket { background-color: #E6E6E6; }

.CodeMirror-matchingbracket, .CodeMirror-matchingtag { color: #3A3A3A !important; }

2017-11-13_10-15-36.png

2017-11-13_10-16-20.png

2017-11-13_10-16-44.png

2017-11-13_10-17-12.png

2017-11-13_10-17-37.png

Likes

2 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.

 

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...
kratika LATEST
New Here ,
Jun 28, 2020

Copy link to clipboard

Copied

Hi All,

 

We have started working on “Code Color Customization” improvements by adding support for customization of generic and language specific colors.


We have further stabilized the code coloring feature in our latest Prerelease build 15333.


You can refer to below thread for more details on code coloring customization improvements.
https://forums.adobeprerelease.com/dwalpha/discussion/467/dreamweaver-build-15333-is-now-available#l...

 

Please join Dreamweaver beta program from below link and try out the feature.

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

 

Please go ahead and try out the build and let inflow your thoughts/suggestions. Looking forward to your valuable feedback.

 

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...