Giter Club home page Giter Club logo

vscode-palenight-theme's Introduction

Palenight Theme

An elegant and juicy material-inspired theme for Visual Studio Code.

vscode made in nigeria

theme preview

Installation

  1. Open the Extensions sidebar in VS Code. View → Extensions
  2. Search for Palenight, choose "Palenight Theme" by Olaolu Olawuyi
  3. Click Install to install it
  4. Navigate to File > Preferences > Color Theme > Palenight Theme (or any of the variants listed)

Psst! If you have the Operator Mono font installed, you might be interested in the Palenight Operator variant. Also, if you like some good ol' italics on certain keywords, try out the Palenight Italic variant.

There's also an Atom version of this theme created by me.

Mild Contrast

This theme uses minimal contrast across most of its variants, however, if you feel like the workbench could use a bit more, there's an experimental mild contrast variant under the name Palenight (Mild Contrast), and it looks somewhat like this:

mild contrast preview

Contributing

See something strange? Please report here. A screenshot would be great for clarification purposes. Also, you might want to check out the contributing guide.

License

This theme is released under the MIT License.

✨ Designed by Olaolu Olawuyi in Lagos, Nigeria. Find me on Twitter

vscode-palenight-theme's People

Contributors

aaronbushnell avatar anku255 avatar dependabot[bot] avatar gcollic avatar ooade avatar sidkwok avatar whizkydee 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  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  avatar  avatar  avatar

vscode-palenight-theme's Issues

Cursor blinking is barely visible in HTML file

Hi. I love the theme. It is awesome!

There is just one thing, which really bothers my development. If in HTML file and creating new element with typing "p" and pressing enter or tab, it will create <p></p> and put the cursor in the middle. The blinking cursor is barely visible.

image

Can this get fixed somehow?

Adopt semantic highlighting

Since 1.43, VSCode themes can take advantage of semantic highlighting.

Every theme controls whether semantic tokens are enabled. So far, only built-in themes have it enabled and I filed this issue to ask you to opt-in for the Palenight themes as well.

Adoption is easy and there are new cool styling possibilities.

To turn on semantic highlighting for a theme, all you have to do is put
"semanticHighlighting": true
in the theme's definition file.

There's a good chance that no further change to the theme is needed (thanks to a default mapping from semantic tokens to TextMate scopes (if not, I'd be interested to know, so I can improve the defaults further)).

But, more interestingly, themes can tune and go wild by defining new styling rules against the semantic tokens:

"semanticTokenColors": {
    "variable.readonly": "#ff0000", 
    "parameter": { "fontStyle": "underline" },
    "*.declaration:java": { "fontStyle": "bold" }
} 

Check out our Semantic Highlighting Wiki and the Semantic Highlighting Guide for more details and feel free to ping me in this issue if I can help.

Thanks for the great work and looking forward to semantic highlighting in your theme.

Extensions list highlighting issue

Hi
I think it's will be better if the color of the extension name and author name be replaced with each other. The primary thing in this list is the extension name, so users do need to first see the extension name, not the author name.
Screenshot 2021-03-06 124221
Also, thanks for the theme, it's AWESOME.

Ligatures are not working correctly

Hey, i was looking for a new theme, and stumbled upon this one, But for some reason the ligatures are not working correctly. i already posted on the operator mono ligatures repository about this problem, i just want to make sure that it is not related to the color theme itself.

kiliman/operator-mono-lig#164 (comment)

Color Theme: Palenight Operator
Font: Operator Mono Lig

image
image

some of the ligatures are not getting displayed correctly.

Deeper contrast version

Hey there, I love your theme!
Thanks for creating it.

Would you be interested in adding a variant with more contrast?
I opened the theme myself and darkened the background and I found that a lot easier to see.
I could make a PR even if you're interested.

titleBar and autocomplete selection color is red?

Hey Olaolu!

Just found your theme, and really like it. I have noticed a couple of odd things though, namely the titleBar foreground and the autocomplete selected item colors are showing up as red (as in #ff0000 red). I went to try and do a fix+PR, but looking through the theme code, I can't see anywhere that the red color is specified... any ideas why it might be doing this? (VS Code v1.16.0, theme v1.2.0)

image

Colors not working properly in C

so i noticed that the theme isnt working as intended (i think) as you can see the difference in the first image
old code
and the second, that doesnt highlights the different parts of the code like the first, while the first highlight the letters inside the function and the function differently the second image just uses the same color for everything.
Screenshot_20190408_190927
i think it started to act like this recently and i dont know what is doing it.

Text selection not visible on identifiers

Screenshot 2023-08-03 143310
In this screenshot the letters "int" are selected inside of "printf" but after a small delay, the identifier is highlighted in full in a darker color, and the actual selected text is not distinguishable.
Screenshot 2023-08-03 143655
In this second image, the "t" in "return" is selected, and everything is visible.

Better color for hints

The hints in input boxes need a less proiminent color as they are currently indistinguishable from text typed into the boxes.

screen shot 2018-07-30 at 8 30 03 pm

sidebar is dark!

I installed this theme twice on two different PCs. The first time, it blended the sidebar with a nice purple color, but in the second one the sidebar is just dark, not purple!. I'm using the same versions of OS, VSC and the same version of the plugin. IDK what happened, I like this theme cause at first it was all purple and nice

Create a High-Contrast Version

self-assigned
I have loved this theme ever since I stumbled across it nearly a year ago, and my favorite variant of the four is Mild Contrast. After reviewing the contributing guidelines to see if I could give back to the project in some way, I have decided to undertake the creation of a high-contrast variant.

It may take me some time, but I will be steadily chipping away on it unless something comes up, in which case I will make an update here or in the Discussions area. If anyone has suggestions, questions, or even wishes to help out, please let me know and I will get back to you! 🙂

@whizkydee if there is anything I should be aware of or guidelines to follow, please let me know. I will be sure to follow your existing styling rules and file structure.

Contribute to this Project

Help Out!

Please help contribute to this project. Here are a few things I would love to implement 😉. Get to understand the whole thing by reading the contributing guide.

  • Automate copying every change in a JSON file into the variants. Say, you edit palenight.json, your changes should get duplicated in palenight-italic.json and palenight-operator.json.
  • Create a functionality that'll group the code for each language in separate files. Say, javascript.json, css.json and would automtically be merged into one file on build.
  • Create a variant for users with eye issues.
  • Help update the Atom version.
  • Support this project. Get me coffee 😏 🙏!

Thanks for showing interest and helping out 👌!

If you get stuck somewhere, reach out to me on Twitter 😄.

JS Comments Custom Color

First off, this is a terrific theme. Thank you. One issue that I am having (and I'm not sure if it's VS Code or the theme), if I try to override the comment color to one that is easier for me to read using:

editor.tokenColorCustomizations": {
  "[Palenight Theme]": {
    "comments": "#8c91b1"
  }
}

It works in HTML and CSS files, but not JS. Is there a workaround for this? Much appreciated.

Matching brackets better visible

Great job with this theme! Thank you!

To make matching brackets better visible you could add support for: "Bracket Pair Colorizer 2".

To do so just add a list with the matching colors for your theme in the description, for example:

{
"bracket-pair-colorizer-2.colors": [
"#DFF959",
"#F834BB",
"#2BF5E9",
"#D831D7"
]
}

I tried to provide you with a suggestion, but failed. Surely, you have a better eye to do so!

Theme looks different (too much purple) on Ubuntu

The theme looks a bit too purple than the screenshot in README. Is this what its suppose to look like (see screenshot below)?

image

I love this theme because it's like One Dark but with a hint of purple but this is too much.

Using VSCode for Ubuntu (don't think this matters too much)

.md unordered list with quotes

Image 1 - unordered list with just two-spaces indent > quotes are, as expected, a different color and style

Screen Shot 2019-03-26 at 9 17 41 AM

image 2 - unordered list with just 4-spaces indent > quotes are **not** a different color and style

Screen Shot 2019-03-26 at 9 17 57 AM

expected behavior would be that image 2 would have quote color and styles when indented 4-spaces. (which my linter is telling me I should have for a markdown unordered list)

Sidebar list items too dark for good readability

After booting up vscode today I noticed that the overal text color changed from white to a light purple. This changes affects people like me who have disabilities with reading as the text is quite unclear to me now :(

BTW: This is the best theme ever created by mankind 👍

Selection Highlight contrast is not optimal

First off: I love this theme.

The current highlight color has very low contrast against the background which makes it close to invisible in many situations. I replaced the colors in my local config as follows, but I'm not happy yet with the colors and also I'm missing the selector for coloring selections created by super + d (select next occurence of selected word)

{
    "workbench.colorCustomizations": {
        "editor.selectionBackground": "#4C5290",
        "editor.selectionHighlightBackground": "#383D63",
        "editor.findMatchBackground": "#4F855A",
        "editor.findMatchHighlightBackground": "#4F857E"
    }
}

Maybe you have a better idea on how to make the highlight and selection states a little more prominent?

Publish to Open VSX

Please publish this extension to the Open VSX marketplace.

Context

Unfortunately, as Microsoft prohibits usages of the Microsoft marketplace by any other products or redistribution vsix files from it, in order to use VS Code extensions in non-Microsoft products, we kindly ask that you take ownership of the VS Code extension namespace in OpenVSX and publish this extension on Open VSX.

What is OpenVSX? Why does it exist?

OpenVSX is a vendor neutral alternative to the MS marketplace used by most other derivatives of VS Code like VSCodium, Gitpod, OpenVSCode, Theia based IDEs, and so on.

How can you publish to Open VSX?

The docs to publish an extension can be found here. This process is straightforward and shouldn't take too long. Essentially, you need an authentication token and to execute the command ovsx publish to publish your plugin. See this example from RedHat publishes their Java extension: redhat-developer/vscode-java@ff51dbf/Jenkinsfile#L73-L82
You can also find an example PR that contributes a release GitHub Action which publishes to GitHub, MS and OpenVSX at the same time.

Handlebars templates are hard to read

Hi there,

Absolutely love this theme! The only issue I have is that it's incredibly hard to read handlebar templates since its almost all purple. Would it be possible to add some more contrast?

screen shot 2018-02-01 at 11 58 54 am

screen shot 2018-02-01 at 11 59 09 am

Here is a good example (using the Atom Material Theme):
screen shot 2018-02-01 at 12 03 08 pm

Colors Differ Between Machines - Palenight Operator

Hi there, first off thanks for the beautiful theme! Forgive me if I'm submitting this incorrectly.

Are there any known reasons for why two pieces of identical code would have different syntax highlighting colors applied to them? I noticed it when my coworker sent a screenshot of her code and I compared it to the one running on my machine.

I've disabled other plugins, and still no luck. I guess I am just a bit jealous of how great her code looks with the additional highlighting.

Theme: Palenight Operator
Font: Operator Mono
Language : JavaScript

My VS Code:
my-palenight

Coworker's VS Code:
coworkers-palenight

TypeScript type-color for lowercase types

First things first: awesome theme 😄
One wish though: type-declarations are highlighted very well, as long as they are capitalized. TypeScript often requires types written in lowercase, though.

Could you highlight lowercase-types as well? Maybe i could provide a PR for this, if this features is good for you.

Colors changed after latest vs code update

This theme is the best! For some reason the colors changed after installing the latest vs code update.

The underlined parts used to be greyish (so not really a color)

image

Higher contrast in Sidebar & Command Pallet

Thank you for this great theme.

However, it needs better contrast ratio in the sidebar as well as in command pallet. In the current version, it is near impossible to read them in a low brightness setting.

Screenshot:
vscode-palenight-theme-sidebar-contrast-issue

Bordered variant

Hey, thanks for this theme! I really enjoy the aesthetic and working in it every day :)

What do you think of adding "bordered" variants with a slightly darkened background for the sidebar, terminal, et cetera?

For example:

screen shot 2019-01-12 at 11 37 03 am

In the screenshot above, I darkened the background color (#292D3E) by about 2% with the following overrides local to my config:

  "workbench.colorCustomizations": {
    "[Palenight Operator]": {
      "sideBar.background": "#242839",
      "activityBar.background": "#242839",
      "panel.background": "#242839",
      "terminal.background": "#242839"
    }

Commit message validation is unable to be read using Palenight Theme

I love this theme and just wanted to point out an issue which i have found and unsure if this is intended. It occurs when I use the Palenight Theme.

From the image below you can see the problem.
screen shot 2018-05-17 at 9 36 36 am

I fix this problem you have to add a custom setting to change the inputValidation.warningBackground
property of the Palenight Theme we set it to #41471b

The result is below:
screen shot 2018-05-17 at 9 40 41 am

Thanks

Multicursor selections not visible

Hey!
Thanks for creating this theme, I like its soft but distinguishable colors.

I have an issue when selecting words via "Add Selection to Next Find Match". In other themes, the subsequent same words that are being selected, when pressing the key combination, appear in the same color as the usual selections via double-click etc.

This is the default dark theme, Dark+:
image

But in all variants of the Palenight theme, it looks like this:
image

I tried overriding this color via the theme-specific workbench.colorCustomizations options, but to no avail.
The problem might be related to this VS Code issue: microsoft/vscode#34105

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.