Git Product home page Git Product logo

vscode-accent's Introduction

Visual Studio Code Accent

This is intended to be added to the settings.json file on Visual Studio Code. This will give a sort of Accent colour to Visual Studio which is of whatever colour you wish it to be.

example

The default Colour is set to #ff0080, a pink colour to show which areas are changed. However this can be changed easily with a quick replace.

default colour

Installation

  1. Open up Visual Studio Code.

  2. Open the Command panel by using CTRL/CMD + SHIFT + P

  3. Search for Open Settings JSON

  4. Copy all of the content from the settings.jsonc file in this GitHub repsoitory and paste it into the settings.json in Visual Studio Code.

    Note it should have the brackets at the start and end still.

    {
        "workbench.colorCustomizations": {
            ...
        }
    }
    
  5. Save the file

You should see some things update, Most notably the Bottom bar.

Change the colour.

As mentioned the default colour is set to #ff0080, which is only used to be a bright colour to show off where things are. to change this colour (skip to step 3 if you already have settings.json open):

  1. Open the Command panel by using CTRL/CMD + SHIFT + P
  2. Search for Open Settings JSON
  3. Open the Search by using CTRL/CMD + F
  4. Click the Arrow on the left side to show 2 Textboxes.
  5. In the top box pick the current colour that is used. Default is ff0080
  6. In the bottom box pick the new colour you would like. I.E. a nice Dark blue 0d47a1 (You require a 6 character hex code for replacing)
  7. Select the Replace all Button or use the Keybind of CTRL/CMD + ALT + Enter
  8. Save the settings.json file.

You should see some things update, Most notably the Bottom bar.

Choice of Colour

Currently this has been developed for Dark Theme with a Darker colour, meaning that using some Light Colours / Light theme may have some issues such as text being hard to read due to the contrast. I plan to make updated/additional sections for fixing these issues.

Additionally each person has different preference towards how they would like the application to look, and is why I have commented the sections breifly to allow for easier access and change of items that people might want to adjust the colours themselves. Some Darker colours require a higher opacity on Highlighting to be visible compared to brighter colours.

vscode-accent's People

Contributors

alipoodle avatar

Watchers

 avatar  avatar

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.