Skip to content

๐Ÿ’Ž An easy-on-the-eye theme mixed between Nord, Plastic and Community Palenight

License

Notifications You must be signed in to change notification settings

Mikaleb/Gems-Theme

Repository files navigation

Gems theme

Gems Theme is a VSCode theme that is based on Material Theme with theming inspiration from Nord and Plastic Theme designed to be easy on the eye and easy to use.

Preview in vscode.dev Marketplace GitHub license Contributor Covenant

Screenshot

Preview

Installation

  1. With Quick Open : ext install Mikaleb.gems-theme

  2. Or : Open Extensions sidebar panel in VS Code ( View โ†’ Extensions )

  3. Search for Gems Theme - find the one by Mikaleb

  4. Click Install to install it

  5. Code > Preferences > Color Theme > Gems

  6. Recommended font : Fira Code

Contribution

Gems-Theme is an open source project and we are very happy to accept community contributions. Please refer to Contributing to Gems-Theme page for more details.

If you run into a bug or miss a feature, please open an issue in this repository.

Launch project locally

yarn
yarn build

By pressing F5 in VSCode you should be able to have a new window with the theme. If not, create the file .vscode/launch.json with this :

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Extension",
      "type": "extensionHost",
      "request": "launch",
      "runtimeExecutable": "${execPath}",
      "args": ["--extensionDevelopmentPath=${workspaceFolder}"]
    },
    {
      "name": "Extension Tests",
      "type": "extensionHost",
      "request": "launch",
      "runtimeExecutable": "${execPath}",
      "args": [
        "--extensionDevelopmentPath=${workspaceFolder}",
        "--extensionTestsPath=${workspaceFolder}/test"
      ]
    }
  ]
}

Color scheme

  • white: #ffffff,
  • black: #000000,
  • red: #FF707E,
  • orange: #FFBE82,
  • yellow: #FFD072,
  • green: #C9FF9A,
  • cyan: #66D3E2,
  • blue: #88C9FF,
  • paleblue: #6BD2E0,
  • purple: #EC97FF,
  • brown: #F5B791,
  • pink: #FFACBA,
  • violet: #FFA3F3,
  • lightgray: #d8dee9,

Licensing

See the LICENSE file for licensing information as it pertains to files in this repository.