GithubHelp home page GithubHelp logo

moegi-design / vscode-theme Goto Github PK

View Code? Open in Web Editor NEW
278.0 1.0 7.0 13.73 MB

🌸 An elegant theme for VS Code.

Home Page: https://marketplace.visualstudio.com/items?itemName=ddiu8081.moegi-theme

License: MIT License

TypeScript 100.00%
theme vscode vscode-theme vscode-extension

vscode-theme's Introduction

Moegi Theme for VSCode

marketplace marketplace Preview in vscode.dev

Moegi Dark

Font: IBM Plex Mono

Features

  • Two accent colors in one theme - unsaturated cold green (#66b395) and... light warm red (#ff8787)
  • No flat ui - you work in a real editor instead of on a whiteboard
  • MacOS native title bar adaptation - pure gray ui without color bias
  • Optimized for text selection and search

Themes

Theme Preview Description
Moegi Dark Moegi Dark Online Preview A pure dark theme.
Moegi Black Moegi Black Online Preview A pure dark theme but more black.
Moegi Space Moegi Space Online Preview A cooler dark theme.
Moegi Dark Vitesse Moegi Dark Vitesse Online Preview Vitesse stylized dark theme
Moegi Black Zen Moegi Black Zen Online Preview A pure dark theme with limited highlighting.
Moegi Light Moegi Light Online Preview A pure light theme.
Moegi Dawn Moegi Dawn Online Preview Light theme with yellow tones.
Moegi Iris Online Preview Light theme with purple tones.
Moegi Light Vitesse Moegi Light Vitesse Online Preview Vitesse stylized light theme

Installation

  1. Open Extensions sidebar panel in Visual Studio Code.
  2. Search for Moegi Theme.
  3. Click Install to install it.

Customization

You can customize the theme by adding snippets to settings.json (Command Palette -> Preferences: Open Settings (JSON))

For more information, please refer to Theme Color Reference

Enable Italics on Comments

"editor.tokenColorCustomizations": {
  "[Moegi Dark][Moegi Black][Moegi Light]": {
    "textMateRules": [
      {
        "name": "Comment Italics",
        "scope": [
          "comment",
          "punctuation.definition.comment"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  }
}

Enable Bold on Keywords

"editor.tokenColorCustomizations": {
  "[Moegi Dark][Moegi Black][Moegi Light]": {
    "textMateRules": [
      {
        "name": "Keyword Bold",
        "scope": [
          "keyword",
          "storage.type",
          "storage.modifier",
        ],
        "settings": {
          "fontStyle": "bold" // If you want to enable italics as well, use "bold italic"
        }
      }
    ]
  }
}

Credits

See More

License

MIT

vscode-theme's People

Contributors

ddiu8081 avatar kkga 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

vscode-theme's Issues

对git的支持

是否可以在资源管理器界面下对git过滤文件的颜色做出区分。

Support for rust

Now the highlight color of Rust is confusing, and it is far from the ideal preview.

image

image

image

Main color is cold.

Mutables in Rust are blacked out

  • Mutables in Rust are blacked out while Vitesse version displays correctly.
  • Consider giving operator & a colour for Rust?
  • Vote for a black Vitnesse version!

Cheers

a

b

`terminal.foreground` in `Moegi Black Zen` display part of the text has low contrast.

When pasting text from the clipboard into a terminal, the text is unreadable.
屏幕截图 2023-08-26 104810

Change foreground to color in Moegi Black the text is readable.

I think the color needs some contrast, for example when using Powershell 7, when typing ssh <part of hostname>, Powershell 7 will give some hints. The hint should be a lighter color than the entered text. color in Moegi Black works well in this case.

I don't know how to choose colors, some of what I said above may be wrong. Please change this color to a suitable color in your free time, thanks.

希望能增加 md 文档中的配色

image

如图所示, 希望能增加一些 markdown 的配色, 比如加粗 斜体显示 比如代码块区域的高亮 比如图片链接的彩色显示 或者 有序列表 无序列表的彩色显示等待

Comment color in Zen theme is very low contrast

It feels that the current comment color in Black Zen is unnecessarily dark, compared to the (non-Zen) Black theme:

"foreground": "#ffffff2f"

Black Zen:
image

Black:
image

Both Black and Dark themes use a different shade of gray, so maybe it's worth using the same for Zen?

"foreground": "#ffffff4f"

"foreground": "#ffffff4f"

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.