nordtheme / visual-studio-code Goto Github PK
View Code? Open in Web Editor NEWAn arctic, north-bluish clean and elegant Visual Studio Code theme.
Home Page: https://www.nordtheme.com/ports/visual-studio-code
License: MIT License
An arctic, north-bluish clean and elegant Visual Studio Code theme.
Home Page: https://www.nordtheme.com/ports/visual-studio-code
License: MIT License
gulp.js is a awesome tool to create simple or complex build workflows with streams, but there are also some drawbacks:
All currently implemented Gulp tasks can be migrated to npm scripts by directly using the CLI API of the wrapped library.
The statusBar.noFolderBackground
workbench setting got lost after a solved merge conflict between the release version 0.3.0 and 0.4.0.
Why are there double underlines under errror and warning in editor? I think only squiggle is more clean.
Please add these color customisations to your theme when they are made available
microsoft/vscode#25966
Version: Nord 0.1.1
The Nord theme is missing colors for constant.other.placeholder.go
, which golang uses for Printf (etc) placeholders.
Example of the Solarized theme with the same line of Go code:
I don't really know my way around the theme, but I did a quick test using the escape character color:
<dict>
<key>name</key>
<string>[Go] String format placeholder</string>
<key>scope</key>
<string>source.go constant.other.placeholder.go</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#EBCB8B</string>
</dict>
</dict>
Good job on this color scheme, definitely one of my favorites!
Any chance we can get different background color contrasts for the sidebar and the activity bar similar to the default theme?
Prettier should be used in development with the Prettier β ESLint formatting flow.
Love the theme, but I had to make a couple of tweaks as I found it a tad too pale for late night sessions.
Not sure how active this project is, but I'll share them here in case you'd like to add an alternative variant.
I'm aware that the darker colors are outside the Nord palette, but I think it looks fairly decent without going overboard (like some forks I've seen).
"workbench.colorCustomizations": {
"editor.selectionHighlightBackground": "#2e3440",
"editor.selectionHighlightBorder": "#FFFFFF15",
"editor.background": "#272c36",
"editorGutter.background": "#272c36",
"tab.activeBackground": "#2e3440",
"tab.inactiveBackground": "#272c36",
"editorGroupHeader.tabsBackground": "#272c36",
"editorGroupHeader.tabsBorder": "#2e3440",
"editorLineNumber.foreground": "#4C566A"
},
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "Comment",
"scope": "comment",
"settings": {
"foreground": "#576279",
"fontStyle": "italic"
}
}
]
},
Visual Studio Code version 1.16 introduced new theming color keys for highlighting in the overview ruler.
π A arctic ... -> An arctic ...
This is a π sub-task of nord #20.
Implement the main tmTheme
file including optimized styles for
A .vscodeignore
file should be added decrease the size of the distributed extension package.
Files and folders that should be ignored:
assets/
- There is no need to package assets, they are linked to the GitHub repository in all documents.github/**
.vscode/**
node_modules
- Only used during compile time.editorconfig
- Only relevant for development, no usage in production.eslintrc.js
- Only relevant for development and testing, no usage in production.gitignore
- Only relevant for Git, no usage in production.npmrc
- Only relevant for development and during compile time by npm, no usage in production.travis.yml
- Only relevant for CI builds, no usage in productioncircle.yml
- Only relevant for CI builds, no usage in productiongulpfile.js
- Only relevant for development and during compile time, no usage in productionyarn.lock
- Only relevant for development by Yarn, no usage in productionAll entries should be ordered first by their type starting with folders/directory structures and followed by single files. All entries should be sorted alphabetically irrespective of their type.
Visual Studio Code version 1.16 introduced new theming color keys to determine the activity of tabs via a bottom-border.
It should be fully transparent to keep the theme flat.
VS Code 1.14 breaks heads-up notification label and button colors.
New keys are here: microsoft/vscode#28280
Also 1.14 has introduced keyboard shortcuts as buttons in command palette, maybe there exist few keys for it too...
Please support highlight stylus files
First, thanks a lot for the workbench update. I'm using it and it's awesome.
However, I hope the syntax can be updated a bit to match the richness of Dark+'s syntax highlighting. When I'm working on TS, I rely on colors as visual cues. For example, Type information is always marked as Green.
Here is a pic of Dark+ vs Nord.
This is a follow-up of PR #2.
Some syntaxes are using the punctuation.end.definition.comment
and punctuation.start.definition.comment
scopes instead of punctuation.definition.comment.end
and punctuation.definition.comment.start
resulting in uncolored elements.
This should be fixed by adding the mising scopes to the base dict for comment punctuation definitions.
The installation instructions should say to run ext install arcticicestudio.nord-visual-studio-code
. The current instructions just searches the marketplace for the string nord-visual-studio-code
, which doesn't actually even find the theme.
I know you'll give workbench theming after VS Code releases its API for it. This is not about it.
Mattia Astornio has its theme now for VS Code
https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme
and Dracula has it too
https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula
I want you to try out both the themes.
And then reconsider about the color schemes provided here
#8 (comment)
Nord is made to be non-obstructive kind and that's what people love about it. Giving the above workbench theming will make it too obstructive. Please keep it minimal when you release. Thanks! π
The currently used ESLint rules should be replaced with the base config's eslint-config-arcticicestudio-base.
Please provide a value for newly introduced editorIndentGuide.activeBackground
to differentiate active indent guide from other indent guides (editorIndentGuide.background
).
There are some new themable color options nord could support, though it's certainly not necessary. The new colors are:
tab.hoverBackground
tab.hoverBorder
tab.unfocusedHoverBackground
tab.unfocusedHoverBorder
I have mine set like this
"workbench.colorCustomizations": {
"tab.hoverBackground": "#434c5e",
"tab.hoverBorder": "#d08770",
"tab.unfocusedHoverBorder": "#88c0d0"
}
VS Code 1.13 has been released including a bunch of new workbench theme features documented in the official Theme Color Reference.
errorForeground
input.placeholderForeground
list.inactiveSelectionForeground
list.hoverForeground
list.focusForeground
sideBar.foreground
sideBar.border
sideBarSectionHeader.foreground
editorGroupHeader.tabsBorder
tab.unfocusedActiveForeground
tab.unfocusedInactiveForeground
editorRuler.foreground
editorCodeLens.foreground
editorBracketMatch.background
editorBracketMatch.border
editorOverviewRuler.border
editorGutter.background
editorGutter.modifiedBackground
editorGutter.addedBackground
editorGutter.deletedBackground
editorWidgetBorder
peekViewEditorGutter.background
merge.currentHeaderBackground
merge.currentContentBackground
merge.incomingHeaderBackground
merge.incomingContentBackground
merge.border
editorOverviewRuler.currentContentForeground
editorOverviewRuler.incomingContentForeground
statusBar.debuggingForeground
statusBar.noFolderForeground
statusBar.noFolderBackground
statusBar.border
pickerGroup.border
terminal.background
terminal.foreground
welcomePage.buttonBackground
welcomePage.buttonHoverBackground
walkThrough.embeddedEditorBackground
VS Code 1.18 (October 2017) introduced new workbench theme keys for the very popular feature request to colorize the Git status in File Explorer documented in the official Theme Color Reference.
The feature can be toggled with the git.decorations.enabled
config key. The keys explorer.decorations.colors
and explorer.decorations.badges
can be used to control the visibility of the colors and badges.
gitDecoration.modifiedResourceForeground
gitDecoration.deletedResourceForeground
gitDecoration.untrackedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.conflictingResourceForeground
gitDecoration.submoduleResourceForeground
By default, the editor.selectionHighlightBackground
have the same color with editor.selectionBackground
, it could be confused sometime:
In the screenshot I only selected the fourth a
, but the background highlight is confusing.
The editor.selectionHighlightBackground
color usually have lower contrast than the editor.selectionBackground
For example:
Default Dark+
Monokai
Monokai Dimmed
Visual Studio Code version 1.15 introduced a new theme color for title bar border for macOS.
It should be fully transparent to keep the theme flat.
Subtask of nordtheme/nord#55
Adapt to the MIT license migration of the main Nord project. Detailed information can be found in the main task ticket.
LICENSE
content"progressBar.background"
"extensionButton."
"badge.background"
and "badge.foreground"
The theme is awsome but when used for a long time the white strings brightness makes my eyes so tired.
remark-lint should be used with the Markdown styleguide preset remark-preset-lint-arcticicestudio.
In C lang, is possible use a color for structs and typedefs?
Avid user of nord palettes here!
I was wondering if you are putting in any work towards the new workbench theming that is going to come to vscode.
microsoft/vscode#3112
I would love to see nord more integrated into vscode like it is in atom with Nord UI. I would be willing to help you on this as well?
Due to security concerns, VS Code version 1.14 introduced a change so SVG images are no more rendered within VS Code with the following contraints:
README.md
and CHANGELOG.md
need to resolve to https URLs.README.md
and CHANGELOG.md
may not be SVGs unless they are from approved badge providers.README.md
and CHANGELOG.md
may not use data URIs.package.json
marketplace icon to PNG (x2).The current way the scroll bar hides all the decorations in the right margin.
Please use a transparent color like all other themes
I know that much of a user's preference when it comes to a theme can be driven by small changes in the settings of their display. So if others aren't experiencing the same, I apologize.
I find that on my display, and many of my coworkers' displays, the different between comments and the background color is not substantial which causes the comments to be difficult to read when the lighting in the office isn't perfect.
I know that it's not as simple as lightening up the comment (and token) color as that might interfere with the line highlight color but I hope you can find a solution that would make it just a little easier to read.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.