Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>humanistic-themeNew to Visual Studio Code? Get it now.
humanistic-theme

humanistic-theme

Anton Chebotaev

|
136 installs
| (0) | Free
Non-invasive theme, inspired by intellij products, base on BlueprintJS colors
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

Coming to VS Code from light-themed IntelliJ products, I am missing the cleanness and calm serenity of the UI.

So I am taking the feel of the WebStorm and with help of BlueprintJS colors making a pleasant experience out of the editor's workbench.

Thoughts and goals

  • There is no evidence that dark theme is easier on the eyes
  • Reduce UX invasiveness
    • Decrease contrast between UI elements, like toolbars, dropdowns, etc
    • Reduce hovering interactions, so UI don't blink like christmas tree

Extra tools

Also customised some elements, that are not accessible via standard config. Used Customize UI extension.

Add the following to your settings.json

{
  "customizeUI.stylesheet": {
    "div.composite.title": "background-color: #F6F7F9; border-bottom: 1px solid rgba(17, 20, 24, 0.15);",
    "div.quick-input-widget": "border: 1px solid rgba(17, 20, 24, 0.15);",
    ".monaco-editor .margin-view-overlays > div:hover > .comment-range-glyph.comment-diff-added:before, .monaco-editor .margin-view-overlays .comment-range-glyph.comment-diff-added.line-hover:before, .monaco-editor .margin-view-overlays .comment-range-glyph.comment-diff-added.multiline-add:before, .monaco-editor .comment-range-glyph.comment-thread:before": "color: [#999999](https://github.com/Otann/humanistic-theme/issues/999999)"
  }
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft