Giter VIP home page Giter VIP logo

pretty-pink's Introduction

Pretty Pink - Syntax Theme

Pretty Pink is a syntax highlight theme for Visual Studio Code. It tries to highlight in mostly analogous, but still distinguishable colors from the magenta and pink region with a bit of contrast sprinkled in. It was made for people who don't like overly colorful highlights and instead prefer a more uniform and muted color scheme.

Preview image


Preview image 2

Installation

Automatically: From the extensions tab within VSCode, search for and install 'Pretty Pink Syntax Theme'. Once installed, themes can be switched using the menu item File -> Preferences -> Color Theme or via Ctrl+K Ctrl+T.

Manually: Copy or clone the repository into ~/.vscode/extensions/ and restart the editor.


Advanced Modification

Bracket Colorization: VSCode supports different bracket colors based on nesting level. This theme disables that by using one color for all pairs.

  • Change or remove the editorBracketHighlight.foregroundX key in ~/.vscode/extensions/themes/pretty-pink-XXXX.json

Status Bar Color: This theme changes the status bar color, which might not fit everybody.

  • Change or remove the statusBar.XXXX keys in ~/.vscode/extensions/themes/pretty-pink-XXXX.json

Editor Inlays: VSCode can annotate your code with hints for certain languages. The default look is rather ugly with a strong background color. Without the background, distinction between inlay and actual code can be a bit hard. A custom font and/or font size can help here, but must be done in user settings:

  • Press Ctrl+Shift+P, type "user settings", select "Preferences: Open User Settings (JSON)". The recommended settings are as follows, but can be changed to your liking.
{
    // advanced inlay modification
    "editor.inlayHints.fontFamily": "Monospace",
    "editor.inlayHints.fontSize": 12,

    // ... other settings
}

pretty-pink's People

Contributors

nptr avatar

Watchers

 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.