dracula / notepad-plus-plus

🧛🏻‍♂️ Dark theme for Notepad++

Dracula for Notepad++

A dark theme for Notepad++.

Install

All instructions can be found at draculatheme.com/notepad-plus-plus.

Team

This theme is maintained by the following person(s) and a bunch of awesome contributors.

Luxonauta

Community

• Twitter - Best for getting updates about themes and new stuff.
• GitHub - Best for asking questions and discussing issues.
• Discord - Best for hanging out with the community.

Dracula PRO

License

MIT License

notepad-plus-plus's Issues

TypeScript Syntax Highlighting doesn't work

Notepad++ v8.1.4 32bit, Typescript files appear all in white text.
It works when using the default theme.

Add additional instructions for Windows 7 users

Just got this email from one of the theme's users. Can anyone confirm this is right?

In case it is, if someone can open a PR adding the additional instructions I'd be super thankful 🙏

Hello! Thanks for the Dracula theme.
I downloaded and installed it on Notepad ++.
But on my Windows 7 x-32 a completely different way of
installing the theme.
Your website: https://draculatheme.com/notepad-plus-plus/
indicates that the Dracula.xml file should be copied to
% AppData% \ Notepad ++ \ themes, but in Windows 7 it should
be copied to % AppData % \ Roaming \ Notepad ++.
Please fix it. Thank you!

Take new screenshot

Hey @ukarim!

Can you update the screenshot to use the new code snippet?

New Snippet

/*
 * Once upon a time...
 */

class Vampire {
  constructor(props) {
    this.location = props.location;
    this.birthDate = props.birthDate;
    this.deathDate = props.deathDate;
    this.weaknesses = props.weaknesses;
  }

  get age() {
    return this.calcAge();
  }

  calcAge() {
    return this.deathDate - this.birthDate;
  }
}

// ...there was a guy named Vlad

const Dracula = new Vampire({
  location: 'Transylvania',
  birthDate: 1428,
  deathDate: 1476,
  weaknesses: ['Sunlight', 'Garlic']
}); 

Why use this?

• It contains examples of string, number, and array
• It contains examples of single line and multi-line comments
• It contains examples of inheritance and functions
• It's simple, funny, and silly

Want to use another language?

Feel free to send a pull request to the template repo under the sample folder.

Green all over

Notepad++ has green colors in almost everything. Compare with VS Code, for example. Class names should be cyan, variables should be "Foregraound" (almost white), etc...

please add color to "EOL custom color" in Notepad++ new version 8.4.4

v 8.4.4 new updated

I want to add color EOL custom color a.k.a CR LF.

make sure update your theme. thanks

adjust to spec.draculatheme.com

https://spec.draculatheme.com/

Block representation/hint for Notepad++

@sumanbk92 commented on Tue Jul 03 2018

Hi,

Recently i installed the dracula theme for notepad++.
But i wonder why there is no hint of the current block.
Many in-built theme styles have got block hints.

I mean at least an underline for the brackets - { and }, would be helpful.
Please add a way to represent the same.

Image :

Tested on:

• Notepad++ Version 7.5.6
• Placed Dracula.xml in %AppData%\Notepad++\themes

Fix fold plus minus buttons for XML notepad++

The buttons for folding are hard to see the difference between + and -.

@ukarim

Missing highlighting for .vbs and .au3

I miss highlighting for said files, could you maybe add those?
I'd be willing to do this myself but have no clue how to do it.

Thanks!

String color inconsistent between projects

Hi everyone,
Strings in Visual Studio Code and SQL Developer are yellow F1FA8C, but in Notepad++ are red FF5555.
Should different projects be consistent with each other or not?
Thanks,
Bruno

Selected text colour

I feel that "Selected text colour" doesn't contrast with background.
This feels better for me
<WidgetStyle name="Selected text colour" styleID="0" bgColor="03AFD3" fgColor="F8F8F2" fontStyle="0" />

Ubuntu/Linux

can we use this in ubuntu/linux? How to do that?

Thank you

The block expand and collapese icons are the same

The block expand (+) and collapse (-) icons are the same, just a square. Normally they should show - or +

Wrong path in Notepad++ page on draculatheme.com.

Path %AppData%\Roaming\Notepad++\themes is wrong.

%AppData% is C:\Users\<user name>\AppData\Roaming.
So, it should be %AppData%\Notepad++\themes.

Darken white space color

Please consider changing the white space color to something darker as it currently is way too bright which makes it hard to read text. I would suggest using #6272A4 (comment color accoring to spec.draculatheme.com).

Wrong folder for themes on win10

Actually the correct folder is %AppData%\Roaming\Notepad++\themes

I see that there is a closed issue for this, so maybe the folder depends on windows version :)

#2

Suggestion LaTeX Code Highlighting

<LexerType name="latex" desc="LaTeX" ext="">
<WordsStyle name="WHITE SPACE" styleID="0" fgColor="F8F8F2" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="COMMAND" styleID="1" fgColor="BD93F9" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
<WordsStyle name="TAG OPENING" styleID="2" fgColor="8BE9FD" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
<WordsStyle name="MATH INLINE" styleID="3" fgColor="50FA7B" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="COMMENT" styleID="4" fgColor="6272A4" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="TAG CLOSING" styleID="5" fgColor="8BE9FD" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
<WordsStyle name="MATH BLOCK" styleID="6" fgColor="FFB86C" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="COMMENT BLOCK" styleID="7" fgColor="6272A4" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="VERBATIM SEGMENT" styleID="8" fgColor="F1FA8C" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="SHORT COMMAND" styleID="9" fgColor="BD93F9" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
<WordsStyle name="SPECIAL CHAR" styleID="10" fgColor="BD93F9" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="COMMAND OPTIONAL ARGUMENT" styleID="11" fgColor="FF79C6" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
<WordsStyle name="SYNTAX ERROR" styleID="12" fgColor="F8F8F2" bgColor="FF5555" fontName="" fontStyle="0" fontSize="" />
</LexerType>

ARM Assembly Syntax Highlighting

Is ARM Assembly Syntax Highlighting not supported? Or did I install the Dracula Theme wrong? Things I'm seeing:

• The comments at the top don't appear ... commented.
• The immediate values on lines 17, 21, 22, 24, 28, and 30 look like commented code instead of immediate values.
• The push, mov, ldrb, cmp, etc... assembly instructions look like regular text.
• The labels on lines 15, 20, 27, and 33 don't have consistent coloring.
• The registers r0, r1, r2, etc... look like regular text.

Font?

What is the font used in the screenshot?

Theme and dark mode

Hello. Is there a dracula them with original colors for the dark mode? When activating dark mode, to make UI dark, colors change

Add a page for Notepad++ on draculatheme.com

Add .cfg (config files) highlighting

I would like to have highlighting for .cfg files added to this theme as currently everything is white:

Default has more highlighting:

Some text are black

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.
I use Darcula with this user script and some text remains black. Since Style configurator does not list custom defined languages as an option, could you please provide a sane default color for these letters?

.md files are bugged, look terrible

As you can see in the above example, .md files look very strange. When you select lines, the text is almost unreadable: the font color is nearly the same as the background color.

This is the only file extension that I've encountered up until now where I am not very happy with the looks

Invisible font for Notepad++ 7.6

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.
For Notepad++ 7.6, the edited lines will be highlighted as green or red, which makes the white font invisible.

FYI direct download of XML is possible...

... using this URL

https://raw.githubusercontent.com/dracula/notepad-plus-plus/master/Dracula.xml

No highlighting for Kixstar

I am still using the silly old Kixstart language.
Could you please add this to the notepad++ theme?
Here is how i add id to my computers by hand now.

        <LexerType name="kix" desc="KiXtart" ext="">
            <WordsStyle name="DEFAULT" styleID="31" fgColor="F8F8F2" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
            <WordsStyle name="COMMENT" styleID="1" fgColor="6272A4" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
            <WordsStyle name="STRING" styleID="2" fgColor="FF5555" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
            <WordsStyle name="STRING2" styleID="3" fgColor="FF5555" bgColor="282A36" fontName="" fontStyle="0" fontSize="" />
            <WordsStyle name="NUMBER" styleID="4" fgColor="FF5555" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
            <WordsStyle name="VAR" styleID="5" fgColor="50FA7B" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
            <WordsStyle name="MACRO" styleID="6" fgColor="50FA7B" bgColor="282A36" fontName="" fontStyle="0" fontSize="" keywordClass="instre2" />
            <WordsStyle name="INSTRUCTION WORD" styleID="7" fgColor="FF79C6" bgColor="282A36" fontName="" fontStyle="1" fontSize="" keywordClass="instre1" />
            <WordsStyle name="FUNCTION" styleID="8" fgColor="FF79C6" bgColor="282A36" fontName="" fontStyle="0" fontSize="" keywordClass="type1" />
            <WordsStyle name="OPERATOR" styleID="9" fgColor="FF79C6" bgColor="282A36" fontName="" fontStyle="1" fontSize="" />
        </LexerType>

Command/String highlighting broken(?)

Hello there,

one of the last 2 commits (352c9f9 and/or 8b274bc) has broken text/command highlighting – the coloring scheme either fails to recognize commands correctly and colors them as text or the changes within these commits made the coloring of commands (as compared to strings) worse. I've observed this at least with batch and python files. Please see the following screenshots.

• most recent Dracula.xml:

  python file

  
  batch file

  

• previous Dracula.xml

  python file

  
  batch file

  

• standard theme

  python file

  
  batch file

  

See also for comparison the screenshot at the beginning of README.md!

Some GlobalStyles WidgetStyle tags aren't present

Noticed that a number of GlobalStyles WidgetStyle tags aren't present like they are in other themes.
What's up with that?

• "Smart HighLighting"
• "Find Mark Style"
• "Mark Style 1"
• "Mark Style 2"
• "Mark Style 3"
• "Mark Style 4"
• "Mark Style 5"
• "Active tab unfocused indicator"
• "Active tab text"
• "Inactive tabs"

Code highliting doesnt work on pascal

Code highliting doesnt work on pascal

jsx tag color probelm

jsx tag and attribute color not working properly (they are all green)
html tag and attribute color are good but jsx are not

Inconsistencies with native nested CSS

The {} have different colors when using nested CSS, as well as some properties and the &.

ReadMe/Install irritation

I just want to let you know, that the Installation path for the xml of Notepad++ is wrong.

you Describe appdata/notepad++ but its located in appdata/roaming/notepad++

Maybe you want to change it. i was smart enough to figure it out, but maybe some certain people will hang on this point.

Regards S4MT3K

PS: On the description on the Website

What font is used on the sample screenshot on the website?

Hello, sorry if this is the wrong place to ask. I was looking for a Private Message sort of feature but I'm not proficient with GitHub. Anyway, I would like to know what font is used on this screenshot: https://draculatheme.com/assets/img/screenshots/notepad-plus-plus.png

Thank you!