Coder Social home page Coder Social logo

vscode-theme-darcula's Introduction

Darcula

Version Installs

A theme extension for Visual Studio Code based on Darcula theme from Jetbrains IDEs.


Changelog

See CHANGELOG.md

Description

  • Mainly focused on HTML5 / CSS / JS (TS) development.
  • Not exactly same with the theme from Jetbrains IDE. There are few modifications to match look and feel with VS Code IDE.
  • Follows common textmate tokens (such as entity.name.type, entity.name.function, variable.property...) so try it on any languages and report issues on the GitHub repo.
  • Any suggestions/contributions are welcomed!

Setting

  • When installation completes, select Darcula as your color theme (Preferences → Workbench: Color Theme → Darcula)

Customizing

Screenshot

Screenshot

Enjoy!

vscode-theme-darcula's People

Contributors

brneor avatar lynn avatar rokoroku avatar syzq 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  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  avatar  avatar

vscode-theme-darcula's Issues

PHP Dollar Sign ($) Color Bug

  1. Add The Color Customization In VSC Configurations:
    "editor.tokenColorCustomizations": {
        "variables": {
            "foreground": "#bf72e6",
        }
    },
  1. Create This Simple Class:
<?php

namespace Project\Src;

class Test
{
    public function test()
    {
        $Int = 0;

        return boolval($Int);
    }
}

The Syntax Highlight In boolval($Int) Will Be Incorrect.

The Dolar Sign ($) Will Be In White

image

Please include colors for diffs

When viewing a .diff/.patch file there is currently no syntax highlighting - and since vscode doesn't have an option to use a different theme for certain file types I currently need to change the global theme away from this one temporarily if I want to view a diff file properly...

UI styling

Annyeong-haseyo

I've created a new theme based on your great work. The main difference is that mine is also styling UI elements, since that's now supported. I first wanted to create a pull request, but the differences were too big (XML => JSON). But if you don't mind these changes, we could still merge?

https://github.com/kraftwer1/vscode-theme-darcula-extra

Small colors amend request

Hi. Thanks for the amazing theme. Really close to the original one used in JetBrains products.

Here are some small things I'd like to be changed: http://take.ms/Z62D3

The top one is vs-code with your theme and the bottom one is WebStrom with built-in Darcula theme. What do you think?

JS template strings not recognized properly

Currently JavaScript template strings are not recognized correctly.

Here is a preview.

Screen Shot 2019-12-22 at 4 56 21 PM

Currently the string token scopes are listed like

 {
      "name": "Strings",
      "scope": "string,string.character.escape,string.template.quoted,string.template.quoted.punctuation,string.template.quoted.punctuation.single,string.template.quoted.punctuation.double,string.type.declaration.annotation,string.template.quoted.punctuation.tag",
      "settings": {
        "foreground": "#6A8759"
      }
    },
    {
      "name": "String Interpolation Begin and End",
      "scope": "punctuation.definition.template-expression.begin,punctuation.definition.template-expression.end",
      "settings": {
        "foreground": "#CC8242"
      }
    },
    {
      "name": "String Interpolation Body",
      "scope": "expression.string,meta.template.expression",
      "settings": {
        "foreground": "#CCCCCC"
      }
    },

I was able to fix with the following customizations,
It may be something you want to change in the core theme.

  "editor.tokenColorCustomizations": {
    "[Darcula]": {
      "textMateRules": [
        {
          "name": "Strings",
          "scope": "string",
          "settings": {
            "foreground": "#6A8759"
          }
        },
        {
          "name": "String Interpolation Begin and End",
          "scope": "punctuation.quasi.element.begin,punctuation.quasi.element.end",
          "settings": {
            "foreground": "#CC8242"
          }
        },
        {
          "name": "String Interpolation Body",
          "scope": "entity.quasi.element,expression.string",
          "settings": {
            "foreground": "#CCCCCC"
          }
        }
      ]
    }
  }

which yields
Screen Shot 2019-12-22 at 5 00 32 PM

and is what I think was originally intended.

Thanks!

Sass highlighting

Sass (scss) code is not highlighted properly, take a look:

styles scss - lift-v2 2017-03-21 23-34-32

CSS property values, sass variables, classNames after & are not highlighted. Compare it to what I see in WebStorm:

styles scss - lift-v2 - projects lift-v2 2017-03-21 23-42-11

Could you please have a look?

Background color of 'editorGutter' does not match editor background color

Installing the darcula theme on VS Code Version Version: 1.42.1 looks like the following screenshot:

image

I think the background color of the editorGutter should match the background color of the editor, like in the screenshot of the readme, for these reasons:

  • It looks more consistent in my opinion
  • All other default themes use the same color for gutter and editor backgrounds
  • The breadcrumb also has the editors background color, making the gutter look a bit out of place

What do you think, should the gutters background color be adjusted accordingly?

If the gutters background color gets changed, I think the sidebars background color must be adjusted, too (darker or lighter).

Support JSON property name

I think it would be easier to see the JSON property names and values in a different color, as in the JetBrains IDE.

VSCode Darcula theme

Pasted image 20230408184034

JetBrains IDE(RubyMine)

Pasted image 20230408183821

Python: No hightlighting for 'not' and 'in'

Seems like highlighting is missing for these keywords in Python.

Here's how it looks on vscode darcula:
image

Here's how it looks on pycharm's darcula:
image

And for reference, here's vscode Dark+:
image

Mini color change :)

Hi!

I really like your theme and it is really nice to be able to use it in the different editors I use including vscode :).

I would really happy if you could change the lineHighlight color to the color of the original jetbrains theme (I think it is #323232). Because of this the line I am editing is not highlighted.

Thanks in advance!

Improve colors

Hey, thank you for the great extension.
I found that some of the primary colors don't match the originals. This may cause eye fatigue. I feel a little discomfort from such bright yellow and white. Please, take a look at these pictures bellow.

Webstorm:
idea

VS Code:
vs

Have these colors been changed on purpose?

Make file bar more contrast

Please, have a look at how the file bar looks at your screenshot:

screenshot

And this is how it looks for me:

asyncinjectors js - first-agenda 2016-12-16 17-46-28

Is it how it is expected to look like in the latest version? If so, it is a bit messy in my opinion, can we make it a bit more contrast?

Add LICENSE

I'd like to use this theme in VSCodium. The OpenVSX Extension Library allows suggestions at https://github.com/open-vsx/publish-extensions but requires hosted extensions to have a LICENSE compatible with the Eclipse Public License 2.0. Please consider adding one to this repository.

Colorize (PHP) $variables

When using $variable the variable doesn't get a color. In a single line cases it would be ok, but when using in just a little more complex syntax, distinguishing a variable from operators and constants gets hard to read. I know the theme is not intended for PHP, but when this could be implemented, I think PHP would be verry complete too.

Red lines are the 'hotspots'.
image

Thank you for this lovely theme!

Add goland's bluish tint color for user defined types

In Go, types are defined like so:

type logLevel int

Your extension colors these a bluish tint, which is similar to how Goland darcula does it.

It'd be great to extend this coloring for any time user defined types appear, such as:

package main

type logLevel int

const (
    Info logLevel = 0 // `logLevel` should be of different color than `Info`
    Warn logLevel = 1
    Error logLevel = 2
)
// same goes for functions argument types and return types
func SetLogLevel(lvl logLevel) logLevel {
   var packageLevel logLevel = lvl // and var declarations types
   var lotsLevels []logLevel
}

All logLevel appearances should have a slightly different color. See this image https://www.jetbrains.com/go/img/screenshots/1_Code_insight_2.png and this one https://www.jetbrains.com/go/img/screenshots/2_Navigation_Search.png

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.