All Projects → Relaxed-Theme → vscode-theme-relaxed

Relaxed-Theme / vscode-theme-relaxed

Licence: MIT license
🕶️ A relaxed Visual Studio Code theme to take a more relaxed view of things.

Projects that are alternatives of or similar to vscode-theme-relaxed

Monokai-Flat
A material monokai color scheme for Visual Studio, Visual Studio Code, JetBrains IDE and some terminal
Stars: ✭ 21 (-75%)
Mutual labels:  visual-studio-code, vscode-theme
aylin-vscode-theme
🌌Aylin: a modern and minimal VS Code dark theme with bright colors
Stars: ✭ 17 (-79.76%)
Mutual labels:  visual-studio-code, vscode-theme
white-theme-vscode
Minimalist monochrome theme for Visual Studio Code
Stars: ✭ 66 (-21.43%)
Mutual labels:  visual-studio-code, vscode-theme
susuwatari
A light monochrome theme with a minimal amount of highlighting for Visual Studio Code
Stars: ✭ 16 (-80.95%)
Mutual labels:  visual-studio-code, vscode-theme
Theme Bear
🐻 A VSCode dark theme 🐻
Stars: ✭ 27 (-67.86%)
Mutual labels:  visual-studio-code, vscode-theme
gruvbox-material-vscode
Gruvbox Material for Visual Studio Code
Stars: ✭ 143 (+70.24%)
Mutual labels:  visual-studio-code, vscode-theme
vscode-2077-theme
Cyberpunk 2077 inspired theme for visual studio code
Stars: ✭ 96 (+14.29%)
Mutual labels:  visual-studio-code, vscode-theme
Vscode Theme Onedark
VSCode Theme based on Atom's One Dark theme
Stars: ✭ 165 (+96.43%)
Mutual labels:  visual-studio-code, vscode-theme
Nord Visual Studio Code
An arctic, north-bluish clean and elegant Visual Studio Code theme.
Stars: ✭ 749 (+791.67%)
Mutual labels:  visual-studio-code, vscode-theme
Awesome Vscode
🎨 A curated list of delightful VS Code packages and resources.
Stars: ✭ 19,659 (+23303.57%)
Mutual labels:  visual-studio-code, vscode-theme
Vscode Smoothtype
VS Code extension to add cursor transitions while typing, similar to MS Office and the Windows 10 Mail app.
Stars: ✭ 54 (-35.71%)
Mutual labels:  visual-studio-code, vscode-theme
Vscode Theme Alabaster
A light theme for Visual Studio Code
Stars: ✭ 233 (+177.38%)
Mutual labels:  visual-studio-code, vscode-theme
vscode-icons-manager--electron
Manage vscode icons by Dhanish Gajjar easy with ease
Stars: ✭ 22 (-73.81%)
Mutual labels:  visual-studio-code
vscode-testcafe
This extension allows you to run TestCafe tests directly from VS Code
Stars: ✭ 48 (-42.86%)
Mutual labels:  visual-studio-code
bazel-stack-vscode
VSCode Extension for Bazel
Stars: ✭ 50 (-40.48%)
Mutual labels:  visual-studio-code
nord-wave
🎨 Darker version of the awesome Nord theme for VS Code
Stars: ✭ 35 (-58.33%)
Mutual labels:  vscode-theme
mathpad
Interactive scratchpad calculator for VS Code
Stars: ✭ 20 (-76.19%)
Mutual labels:  visual-studio-code
vscode-theme-gruvbox-minor
Gruvbox theme for Visual Studio Code
Stars: ✭ 17 (-79.76%)
Mutual labels:  vscode-theme
vscode-whats-new
VS Code submodule for a What's New page
Stars: ✭ 26 (-69.05%)
Mutual labels:  visual-studio-code
Vscode
Visual Studio Code
Stars: ✭ 125,417 (+149205.95%)
Mutual labels:  visual-studio-code

Version

Relaxed Theme for Visual Studio Code

A relaxed VS Code theme to take a more relaxed view of things.

Screenshot: JSX

Screenshot: Sass

  Screenshot: Sass

Screenshot: HTML

  Screenshot: HTML

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Relaxed
  3. Click Install to install it.
  4. Click Reload to reload your editor
  5. Code > Preferences > Color Theme > Relaxed

I don't like something

First, this theme is new so if something is funky, please open an issue.

These are the things we have control over. If you would like to change something, you can either open a PR and see if I'd like it added, or override the colours in your own settings.json file.

https://code.visualstudio.com/docs/getstarted/theme-color-reference

Contributing

Get up and running straight away

  • Fork, Clone and open this repository in VS Code
  • Press F5 (Debug > Start Debugging )to open a new window with your extension loaded.
  • Open File > Preferences > Color Themes and pick the »Relaxed« color theme.
  • Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the Inspect TM Scopes command from the Commmand Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) .

Make changes

  • You can relaunch the extension from the debug toolbar after making changes to the files listed above.
  • You can also reload (Ctrl+R or Cmd+R on Mac) the VS Code window with your extension to load your changes.
  • When editing workbench colors, it's easiest to test the colors in the settings under workbench.colorCustomizations and workbench.tokenColorCustomizations. When done, run the Generate Color Theme From Current Settings command to generate an updated content for the color theme definition file.

Adopt your theme to Visual Studio Code

  • The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes.

To learn more about scopes and how they're used, check out the theme documentation.

Install your extension

  • To start using your extension with Visual Studio Code copy it into the <user home>/.vscode/extensions folder and restart Code.

Related

License

Please be aware of the licenses of the components we use in this project. Everything else that has been developed by the contributions to this project is under MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].