Git Product home page Git Product logo

mkawi / kawi-theme Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 923 KB

This is a dark VS Code theme with a Nightshade background and bubblegum colours. You can preview the theme here: https://vscode.dev/theme/kawi.kawi

Home Page: https://marketplace.visualstudio.com/items?itemName=kawi.kawi

License: MIT License

JavaScript 18.90% Shell 2.74% Clojure 6.31% C# 6.82% CSS 1.68% Dart 8.38% Haskell 12.91% HTML 2.21% Java 7.30% PHP 5.88% Python 4.19% Ruby 10.12% TypeScript 8.95% Vue 3.59%
theme night dark-theme vscode-theme dark-syntax-theme vscode nightshade editor-theme dark-vscode-theme kawi

kawi-theme's Introduction

Kawi Nightshade Theme

Preview

Currently only available on Visual Studio Code.

Variants

  • Kawi Nightshade - Dark
  • Kawi Nightshade - Dark (italic)

Installation

  1. Install Visual Studio Code
  2. Launch Visual Studio Code
  3. Choose Extensions from menu
  4. Search for kawi
  5. Click Install to install it
  6. Click Reload to reload the Code
  7. From the menu bar click: Code > Preferences > Color Theme > Pick your Kawi theme variant

Preview Preferences

I haven't included a font in this release as I know that it's a very personal preference.

The font in the preview image is JetBrains Mono, available here. Editor settings to activate font ligatures:

"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true,

The preview image is using Bracket Pair Colorizer, a really cool extension that highlights matching brackets. This can help reduce unwanted errors.

I use this setting:

"bracketPairColorizer.forceIterationColorCycle": true,

Bracket

Contribute

First, this theme is new so if there are any problems, please open an issue. There are many languages and parts of VS Code I don't use, so let me know!

If you would like to change something, you can either open an Issue/Pull Request and see if I'd like it added, or override the colours in your own settings.json file.

If you are making a Pull Request, Please include a screenshot of before & after!

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

  • 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 color theme documentation.

Future Plans

  • Release light versions of the theme, regular and italic.
  • Recreate versions for other code editors (Atom, Sublime Text, Notepad++, etc.)

Changelog

The changelog is available here.

License

MIT License © Kawi Theme

kawi-theme's People

Contributors

mkawi avatar

Stargazers

 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.