Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

DW CC 2017 - Color Coding & Mode-Aware Styles

Community Expert ,
Nov 08, 2016 Nov 08, 2016

Please can somebody post a working and tested example of use of mod-aware styles in Dreamweaver, I'm trying to get the color coding back to somehwre near useful how it used to be...

  1. Yes I know where the less and json files in the dreamweaver config folder and how to edit themes
  2. Yes I have edited a theme & made changes that work already
  3. Yes I have read Brackets info on GIthib, Wiki etc
  4. Don't post unless you know for sure your solution works, I have spent hours playing around with this in Dreamweaver and reading every bit of available information.

I have actually tested the following simple example in standalone Brackets and it works to color PHP code blocks:

in  package.json add addModeClass to enable mode-aware styles like so:

"theme": {

   "file": "theme.less",

   "dark": true,

  "addModeClass": true

Added to the theme css/less file:

.cm-m-clike {

   color: #6c9ef8;

}

This works and colours just PHP blocks in Brackets which makes life much easier if you are doing a lot of PHP coding. You might also want to look at class .cm-meta as well for consistency.

When I test the same method in Dreamweaver it doesn't work presumably because its and embedded Brackets and requires a different approach.

Can someone please post a tested and confirmed working example of how to implement the mode-ware styles inside Dreamweaver please .....

Paul-M - Community Expert
1.9K
Translate
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 Employee , Dec 19, 2016 Dec 19, 2016

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

Translate
Community Expert ,
Nov 08, 2016 Nov 08, 2016

This theme is called RubyBlue from GitHub.  It is a high contrast DarkTheme.  

PHP code

JavaScript:

Is this sort of what you're looking for?

Nancy O.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
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 Expert ,
Nov 08, 2016 Nov 08, 2016

It's not a theme I need .... I need to know how to implement mode-aware styles, it works in standalone Brackets, doesn't work in the integrated Dreamweaver/Brackets.... It allows for colors to be specefied for specific languages CSS, PHP, JT etc ....  Gives more control and allows to make PHP standout in a page for example.

Paul-M - Community Expert
Translate
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 Expert ,
Nov 08, 2016 Nov 08, 2016

Oh, I see what you're asking for now.    Different code color schemes depending on the type of code it is -- php, JS, CSS, etc....

Sorry, I can't help you with that.

Nancy O.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
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
Participant ,
Nov 09, 2016 Nov 09, 2016

You may want to check here although I'm not completely sure if this answers the question:\

Screen Shot 2016-11-09 at 12.24.52 PM.png

Cheers,

Craig

Translate
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 Expert ,
Nov 09, 2016 Nov 09, 2016

Those are the old code colors inside XML files.

The new DW CC 2017 no longer uses XML files.  It now uses LESS files.

On Windows:  Program Files /Adobe/ Dreamweaver CC 2017/www/extensions/default/[Dark or Light]Theme/main.less and main.json.

For the time being, I'm using my older version of DW.  I'll let the bugs & features get sorted before I go back to it.

Nancy O.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
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 Expert ,
Nov 09, 2016 Nov 09, 2016

Its a new system now based on the brackets engine, total waste of development time IMO and just makes a lot people's life very difficult.

What I need is an Adobe engineer to come on here and tell me how to implement Brackets 'mode-aware styles' inside of Dreamweaver - it's a feature of Brackets themes. Although I've never used Brackets before I downloaded it, wasted a lot of time reading Wikis etc on on Brackets themes and testted my own custom theme in Brackets using some simple mode-aware styles to highlight PHP code, it works in Brackets, doesn't work in Dreamweaver.

I've wasted a lot of time, much like Adobe have on the Brackets integration.

Paul-M - Community Expert
Translate
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 Expert ,
Nov 11, 2016 Nov 11, 2016

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 - Community Expert
Translate
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 Employee ,
Dec 19, 2016 Dec 19, 2016
LATEST

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

Translate
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 Expert ,
Nov 11, 2016 Nov 11, 2016

Please post a vote here folks 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 - Community Expert
Translate
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