CoffeeScript (Literate Plus)

[SusanthCom]

Hi,

This is my humble suggestion to improve current implementation of this Package.

As of now, in literate mode , the literate markup is highlighted in bright white which make it hard to distinguish between source code and markdown code. ( though not for all :smile: )

It will be great, if the markup look similar to comment's Colouring scheme. This will help improved readability and better focus on code. There by more productivity for those who prefer that option. :+1:

Some one has already got similar demand :smile_cat: and is having a fix :+1: to achieve that >>

• The Requirement
• The Fix

Currently upon clicking the highlight option in status bar at bottom right, shows two options like this ::

Better CoffeeScript >> CoffeeScript
                       CoffeeScript (Literate)

I would suggest to provide the new requested style to appear as a third option named something like CoffeeScript (Literate Plus) . This helps to keep current and new implementation available so that the menu appears as mentioned below.

Better CoffeeScript >> CoffeeScript
                       CoffeeScript (Literate)
                       CoffeeScript (Literate Plus)

Please view the attached images of Screen Shot of Current Implementation and Mockup of Proposed Requirement, for better visual clarity.

Thanks in advance. :+1:

My special thanks to all contributors who invested time and efforts to make this worthy. :+1:

Proposed Menu :: Mockup

Current Menu Screen Shot

Proposed Highlight :: Mockup . Please note the text "Marked" inside markdown ( line number: 155 ) remains yellow in colour. please keep it so if possible :+1:

Current Highlight Screen Shot

[deathaxe]

Syntax definitions assign scopes to each token.

It's up to color schemes to assign colors.

This package does not provide color schemes.

The following rule would tint non-coffeescript content gray, which is not otherwise addressed by more specific color scheme rules.

{
    "scope": "source.litcoffee - source.coffee.embedded",
    "foreground": "#AAA"
},