Coder Social home page Coder Social logo

vim-monokai-phoenix's Introduction

vim-monokai-phoenix

A different monokai phoenix theme for Vim, based on Monokai-phoenix found in the Javascript-Next Sublime package.

For the optimal JavaScript syntax experience, it is recommended to use pangloss/vim-javascript for your JS syntax needs.

Installation

Using Plug, you can do the following:

Plug 'reewr/vim-monokai-phoenix'

Then do :PlugInstall and you're good to go

Screenshot

Example in GVIM / Terminal with True color

vim-monokai-phoenix gui

Example in terminal using 256 colors vim-monokai-phoenix terminal

About

This colour scheme is still being adjusted as it was created from scratch using the Sublime version as inspiration. There are some differences, mostly due to personal taste.

If you have some suggestions on how to improve the colour scheme, please make an issue.

Issues

Below follows issues that are outside of my control.

  • nvim-qt#145 does not apply terminal cursor colour correctly. This is specific to this application and I can therefore not apply a fix directly. There is however a fix for it: hi TermCursor cterm=reverse gui=reverse should display the cursor correctly.

vim-monokai-phoenix's People

Contributors

reewr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vim-monokai-phoenix's Issues

Dot operator colour

In the Sublime version, the dots used for accessing member / properties is coloured on the same way as any other operator. I might need to look into that.

No method call highlighting

One of the main features from Javascript-Next was the ability to make method calls green. This made the method calls stand out.

This has to be fixed through syntax.

Comment colors are inverted in standard vim on iTerm2

On the main page, it shows comments as just blue text with a dark background, but for me the colors seem to be inverted almost as if they're highlighted:

Screen Shot 2022-01-17 at 7 08 30 PM

What would I modify to change comments to be more like sublime text... dark gray so they're less pronounced?

ES6 Arrow Notation

ES6 Arrow Notation is not highlighted with the right color. The arrow itself should be aqua-colored. It is now red.

The colors of the arguments within a Arrow function is not highlighted either. Must be fixed through syntax.

Make comments stand slightly more out

Colour of the comments is a bit too dark and can sometimes be slightly tough to red. While I'm a fan of the gray colour they have in Sublime, I think it's better to make them a bit more visible.

vimcolors.com gives wrong impression

For some strange reasons, vimcolors.com uses a different syntax than that of normal vim giving the wrong impression when displaying the example.

Below is a comparison between the image from vimcolors and the one taken from vim.

vim:
vim-ruby

vimcolors:
vimcolors-ruby

Fix typos in example

Not really high priority, but there's some typos in the screenshots. Like 'numer' instead of 'number'.

Test conditional syntaxing

The current syntax file takes less than two milliseconds to load. However, due to how people define syntax, the colour scheme may look different from syntax to syntax (not ideal). Due to this, I may need to declare colours for syntax elements as I have done with JavaScript and PureScript for other languages.

Since the syntax file is run for every filetype, I wonder if there's any performance benefit to throwing all the Language specific pieces under an if-statement that checks based on filetype.

I'll need to try it out and make sure it does not break anything though.

Selection is not visible

When selecting, the text you are selecting is not visible due to no background change. The only indiciation is that the text you are selecting is missing highlighting

Reduce image size slightly

As of now, the images are rendered with 100โ„…, which makes them about 5Mb and doesn't let mobile users preview them when clicking on them.

Look into colouring of ternary operator

The colouring of the ternary operator is off. If

exp1 ? exp2 : exp3

In the above example, exp2 is coloured in red, where it should've had the normal foreground colour.

Popup menu is too bright

Currently the popup menu is slightly too bright as seen in the screenshot below. It should be adjusted to match its surroundings a bit more but still be uniquely identifiable.

popup-menu

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.