Giter Club home page Giter Club logo

windows-nt-vscode-theme's Introduction

A Windows NT/2000 theme for VS Code

Install

From Visual Studio Marketplace

  1. Go to Visual Studio Marketplace.
  2. Click on the "Install" button.
  3. Then select a theme. Currently the following themes are available:
    • Windows NT

From VS Code

  1. Open the extension view โ‡งโŒ˜X
  2. Search for @category:"themes" windows NT
  3. Locate the theme and click "Install"

Selecting the Color Theme

  1. In VS Code, open the Color Theme picker with File > Preferences > Color Theme. (Code > Preferences > Color Theme on macOS).
  2. You can also use the keyboard shortcut โŒ˜K โŒ˜T to display the picker.
  3. Use the cursor keys to preview.
  4. Select "Windows NT" and press Enter.

Override this theme

You can also override this (or any other) theme in your personal config file. Please follow the guide in the color theme documentation.

Contribute

  1. Clone and open this repo in VS Code
  2. Press F5 to open a new window with your extension loaded
  3. Open Code > Preferences > Color Theme โŒ˜k โŒ˜t and pick the "Windows NT"
  4. Update files under /themes/ or /fileicons/ folders.
    • UI: For all changes to the "outer UI", like (status bar, file navigation etc.), take a look at the Theme Color reference.
    • Syntax: For changes to the "code highlighting", examine the syntax scopes by invoking the Developer: Inspect Editor Tokens and Scopes command from the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) in the Extension Development Host window.
    • Icons: For changes to the icons, take a look at the File Icon Theme reference.
  5. Commit your changes and open a PR.

Note:

  • Changes to the theme files are automatically applied to the Extension Development Host window, so no reloading should be necessary.

Publish

  1. Squash and merge Pull Requests that are ready to be published into main.
  2. Run npm run package -- [version]. Follow the SemVer convention and replace [version] with one of the following options:
    • patch for bug fixes
    • minor for improvements
    • major for breaking or bigger changes
  3. Push your changes to GitHub
  4. Run npm run release to publish the theme on the Marketplace.

Credits

This theme was inspired by the official Windows 98 / Windows 2000 / Windows NT themes. The Code Editor theme scheme was inspired by the default Light (Visual Studio) theme shipped by VS Code. File icons are credited to Alex Meub.

windows-nt-vscode-theme's People

Contributors

manekinekko avatar phil294 avatar woife5 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

Watchers

 avatar  avatar  avatar

windows-nt-vscode-theme's Issues

is there a way to tweak the yellow color?

Hello,
First of all thank you so much for this awesome theme! I recently starting using React and I noticed that in my React files there is a lot of yellow coloring for the parens and the corchet-brackets (see the screenshot). Maybe it's because my monitors are shoddy, but I'm
having a hard time seeing it (contrast issues with the white background). Is there any way to tweak this yellow color in VS Code?

Thank you in advance!

yellow

Dark Mode Suggestion

I like this theme and think it would be even better with a dark mode option. No huge theme changes, just making the editor background dark gray or PowerShell blue, something to replace any panels that would otherwise have a bright white background. Maybe something like these default Windows Terminal dark color schemes to stay true to the theme. All other non-text colors could stay the same.

samplesForWindowsNt.json
image

Thanks and have a great day.

Contrast issues

Hi! Thanks for this extension. I noticed that in the search bar, when you select text, it is not readable anymore:

image

Text color should probably be white. I quickly looked into this and it seems that there is no such setting as selection.foreground?? So is there even any way to solve this? If not, I'd suggest setting selection.background to a light grey color instead the dark blue :-/

Another issue: The action buttons on the top right are in the wrong color:

image

There are actually multiple icons in the top row, but you can barely see them. (GitLens icons, mostly). I also looked into this: Currently, dev tools say

.hc-black .monaco-action-bar .action-item.menu-entry .action-label, .vs-dark .monaco-action-bar .action-item.menu-entry .action-label {
    background-image: var(--menu-entry-icon-dark);
}

If you change this to --meny-entry-icon-light, then it gets readable:
image

VSCode seems to apply these flags based on the fact that win-nt-theme is marked as a dark theme. Can this be changed to be a light theme? Would also make more sense imo.

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.