Giter Club home page Giter Club logo

vscode-theme-relaxed's Introduction

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.

vscode-theme-relaxed's People

Contributors

bsinky avatar mischah 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

Watchers

 avatar  avatar  avatar  avatar

vscode-theme-relaxed's Issues

Installation fails

OS: Mac OS High Sierra 10.13.4
VSCode version: 1.22.2 (1.22.2)
Previous Theme: Palenight Operator

Steps to reproduce:

  • Installed theme via extensions manager
  • Open command palette (cmd + shift + p)
  • Preferences > Color Theme
  • Highlight "Relaxed"
  • Press enter

Expected results

  • When highlighting the theme name, I would see a preview of the theme applied to my current tab
  • When pressing enter the theme would be set

Actual results

  • No preview is shown, instead I see my current theme
  • Setting the theme does nothing
  • When checking the current theme after pressing enter, it is still my previous theme

Low links constrast

I suggest to use more contrasting links color.

color: var(--vscode-textLink-foreground);
It's currently #616161

image

how to enable Dank Mono on this theme?

Hi. first of all, this is my favorite theme and I have tried many. But I ran into an issue when I try to apply Dank Mono font on this color theme. Dank Mono font works for me with other themes but not with this one. Any solution?

Poor contrast in diff files highlighting

This is a great theme! My favorite so far. But it has an important issue. Contrast in Diff files is very poor.

image

If you can fix this it would be great! Thanks!

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.