Skip to main content
L
LeeBow
Known Participant
November 12, 2017
Answered

Dreamweaver CS6 coding colors in CC 2018...

  • November 12, 2017
  • 3 replies
  • 4650 views

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 topic has been closed for replies.
    Correct answer Impressive_play01AC

    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; }

    3 replies

    K
    kratika
    Participating Frequently
    June 28, 2020

    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

    Impressive_play01AC
    Impressive_play01ACCorrect answer
    Inspiring
    November 13, 2017

    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; }

      K
      Community Manager
      Kratika AgarwalCommunity Manager
      Community Manager
      May 7, 2020

      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

      Nancy OShea
      Nancy OShea
      Community Expert
      November 12, 2017

      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— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices