drcmda / poimandres-theme Goto Github PK

⚫️ poimandres vsc theme

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

License: MIT License

JavaScript 96.66% CSS 3.34%

poimandres-theme's Introduction

Poimandres is a minimal, frameless dark-theme inspired mostly by blueberry. This theme tries to focus on semantic meaning instead of color variety. You'll find that it colors things like errors, voids, throws and deletes in red, types are slighty darker so that the spotlight is on the code, green new's, etc.

The screencap above uses the following settings:

{
  "workbench.colorTheme": "poimandres",
  "workbench.iconTheme": "quill-icons-minimal",
  "workbench.productIconTheme": "icons-carbon",
  "editor.renderIndentGuides": false,
  "editor.renderWhitespace": "none",
  "editor.minimap.renderCharacters": false,
  "editor.fontSize": 13.5,
  "editor.fontFamily": "Menlo",
  "window.zoomLevel": 0.5,
}

Contribute

git clone https://github.com/drcmda/poimandres-theme
cd poimandres-theme
npm install
npm run dev

Go to Run and Debug, click the ▶ icon, any change you make in src/theme.js will now be reflected when you save.

poimandres-alacritty: Alacritty version
poimandres-iterm: Iterm version
poimandres-kitty: Kitty version
poimandres-nvim: Neovim version
poimandres-jetbrains: JetBrains version

Hyper theme

hyper i hyper-pmndrs

poimandres-theme's People

Stargazers

Watchers

poimandres-theme's Issues

Change color for terminal autosuggestion text

Hey, thanks for this awesome theme.

The color used for autosuggestion text ( I don't know the name of this token ) is the same as the normal text in VSCode built-in Terminal

Example of autosuggestion text color

Example of normal text color

Could the autosuggestion text color be the same as this color? That way it would look more like a comment

Example of Visual Studio Code Dark+ theme (cursor left is normal text color, right is autosuggestion text color)

Contribution guide?

Hi, it would be great if you could setup a contribution guide for the project, mainly how to set it up locally for development.

context: I am the maintainer of a small vscode theme but I haven't done any maintaining in the better part of the last two years. so I shamefully forgot how to setup vscode's development system but I would like to contribute some code fixes, specifically for PHP.

Any plans to add this extension to open-vsx ?

For more information,

https://github.com/VSCodium/vscodium/blob/master/DOCS.md#extensions-marketplace

editor.rulers color looks too bright

Hi, thanks for great theme! editor.rulers color looks bright to me. It can be like line numbers, but this is just a feedback.

And, can we override primary editor color?

Generate SVG displaying palette for docs

I was thinking yesterday it might be nice to show the palette in the readme. I see you've done that now with a PNG. Github supports SVG files in markdown.

Perhaps we could generate an SVG for display in the readme? Happy to give it a go

Sticky headers in details window is transparent causing overlapping text

[todo?] Sublime port? I wrote one for storm for my own use, included:

Hi there!

Wanted to put this here in case anyone felt like tweaking.

I wrote a small JS function to convert json to tmTheme — it's ugly, don't hate :)

Code

const fs = require('fs');

function generateTheme(inputFile, outputFile) {
  const data = fs.readFileSync(inputFile, 'utf8');
  const theme = JSON.parse(data);

  const xml = `<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>name</key>
    <string>${theme.name}</string>
    <key>settings</key>
    <array>
        <!-- Global settings -->
        <dict>
            <key>settings</key>
            <dict>
                <key>background</key>
                <string>#222222</string>
                <key>foreground</key>
                <string>#EEEEEE</string>
                <key>caret</key>
                <string>#FFFFFF</string>
            </dict>
        </dict>
        <!-- Scope styles -->
        ${generateScopeStyles(theme.tokenColors)}
    </array>
</dict>
</plist>`;

  fs.writeFileSync(outputFile, xml);
}

function generateScopeStyles(tokenColors) {
  let scopeStyles = '';

  for (const tokenColor of tokenColors) {
    const { scope, settings } = tokenColor;
    const scopeString = Array.isArray(scope) ? scope.join(', ') : scope;

    const settingsString = Object.entries(settings)
      .map(([key, value]) => {
        return `<key>${key}</key>\n${getValueElement(value)}`;
      })
      .join('\n');

    scopeStyles += `<dict>\n<key>name</key>\n<string>${scopeString}</string>\n<key>scope</key>\n<string>${scopeString}</string>\n<key>settings</key>\n<dict>\n${settingsString}\n</dict>\n</dict>\n`;
  }

  return scopeStyles;
}

function getValueElement(value) {
  if (typeof value === 'string') {
    return `<string>${escapeXML(value)}</string>`;
  } else {
    return `<string>${escapeXML(String(value))}</string>`;
  }
}

function escapeXML(value) {
  return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}

// Usage
generateTheme('in.json', 'out.tmTheme');

I did some manual work to adjust the global settings dict.

Here's the tmTheme:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist
  PUBLIC '-//Apple//DTD PLIST 1.0//EN'
  'http://www.apple.com/DTDs/PropertyList-1.0.dtd'>
<plist version="1.0">
    <dict>
        <key>name</key>
        <string>poimandres-color-theme-storm (port)</string>
        <key>settings</key>
        <array>
            <!-- Global settings -->
            <dict>
                <key>settings</key>
                <dict>
                    <key>background</key>
                    <string>#252b37</string>
                    <key>foreground</key>
                    <string>#a6accd</string>
                    <key>caret</key>
                    <string>#a6accd</string>
                    <key>lineHighlight</key>
                    <string>#818cc425</string>
                    <key>selection</key>
                    <string>#818cc425</string>
                    <key>invisibles</key>
                    <string>#404350</string>
                    <key>guide</key>
                    <string>#404350</string>
                </dict>
            </dict>
            <!-- Scope styles -->
            <dict>
                <key>name</key>
                <string>comment, punctuation.definition.comment</string>
                <key>scope</key>
                <string>comment, punctuation.definition.comment</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#868cadB0</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.parameters comment.block</string>
                <key>scope</key>
                <string>meta.parameters comment.block</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accd</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.other.constant.object, variable.other.readwrite.alias, meta.import variable.other.readwrite</string>
                <key>scope</key>
                <string>variable.other.constant.object, variable.other.readwrite.alias, meta.import variable.other.readwrite</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.other, support.type.object</string>
                <key>scope</key>
                <string>variable.other, support.type.object</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.other.object.property, variable.other.property, support.variable.property</string>
                <key>scope</key>
                <string>variable.other.object.property, variable.other.property, support.variable.property</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.function.method, string.unquoted, meta.object.member</string>
                <key>scope</key>
                <string>entity.name.function.method, string.unquoted, meta.object.member</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable - meta.import, constant.other.placeholder, meta.object-literal.key-meta.object.member</string>
                <key>scope</key>
                <string>variable - meta.import, constant.other.placeholder, meta.object-literal.key-meta.object.member</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.control.flow</string>
                <key>scope</key>
                <string>keyword.control.flow</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7c0</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.operator.new, keyword.control.new</string>
                <key>scope</key>
                <string>keyword.operator.new, keyword.control.new</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.language.this, storage.modifier.async, storage.modifier, variable.language.super</string>
                <key>scope</key>
                <string>variable.language.this, storage.modifier.async, storage.modifier, variable.language.super</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>support.class.error, keyword.control.trycatch, keyword.operator.expression.delete, keyword.operator.expression.void, keyword.operator.void, keyword.operator.delete, constant.language.null, constant.language.boolean.false, constant.language.undefined</string>
                <key>scope</key>
                <string>support.class.error, keyword.control.trycatch, keyword.operator.expression.delete, keyword.operator.expression.void, keyword.operator.void, keyword.operator.delete, constant.language.null, constant.language.boolean.false, constant.language.undefined</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#d0679d</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.parameter, variable.other.readwrite.js, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite</string>
                <key>scope</key>
                <string>variable.parameter, variable.other.readwrite.js, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>constant.other.color</string>
                <key>scope</key>
                <string>constant.other.color</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ffffff</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>invalid, invalid.illegal</string>
                <key>scope</key>
                <string>invalid, invalid.illegal</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#d0679d</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>invalid.deprecated</string>
                <key>scope</key>
                <string>invalid.deprecated</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#d0679d</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.control, keyword</string>
                <key>scope</key>
                <string>keyword.control, keyword</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accd</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.operator, storage.type</string>
                <key>scope</key>
                <string>keyword.operator, storage.type</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.control.module, keyword.control.import, keyword.control.export, keyword.control.default, meta.import, meta.export</string>
                <key>scope</key>
                <string>keyword.control.module, keyword.control.import, keyword.control.export, keyword.control.default, meta.import, meta.export</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>Keyword, Storage</string>
                <key>scope</key>
                <string>Keyword, Storage</string>
                <key>settings</key>
                <dict>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword-meta.export</string>
                <key>scope</key>
                <string>keyword-meta.export</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.brace, punctuation, keyword.operator.existential</string>
                <key>scope</key>
                <string>meta.brace, punctuation, keyword.operator.existential</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accd</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.objectliteral</string>
                <key>scope</key>
                <string>constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.objectliteral</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>support.class.component</string>
                <key>scope</key>
                <string>support.class.component</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.tag, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter</string>
                <key>scope</key>
                <string>entity.name.tag, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.function, source meta.function-call entity.name.function, source meta.function-call entity.name.function, source meta.method-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class, punctuation.definition.entity.css</string>
                <key>scope</key>
                <string>variable.function, source meta.function-call entity.name.function, source meta.function-call entity.name.function, source meta.method-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class, punctuation.definition.entity.css</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fbd0</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, keyword.other.important</string>
                <key>scope</key>
                <string>entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, keyword.other.important</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.cpp meta.block variable.other</string>
                <key>scope</key>
                <string>source.cpp meta.block variable.other</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>support.other.variable, string.other.link</string>
                <key>scope</key>
                <string>support.other.variable, string.other.link</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, string, constant.language, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, text.html.derivative</string>
                <key>scope</key>
                <string>constant.numeric, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, string, constant.language, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, text.html.derivative</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.other.inherited-class</string>
                <key>scope</key>
                <string>entity.other.inherited-class</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.type.declaration</string>
                <key>scope</key>
                <string>meta.type.declaration</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.type.alias</string>
                <key>scope</key>
                <string>entity.name.type.alias</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accd</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>keyword.control.as, entity.name.type, support.type</string>
                <key>scope</key>
                <string>keyword.control.as, entity.name.type, support.type</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accdC0</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types</string>
                <key>scope</key>
                <string>entity.name, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>support.class, support.constant, variable.other.constant.object</string>
                <key>scope</key>
                <string>support.class, support.constant, variable.other.constant.object</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name</string>
                <key>scope</key>
                <string>source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.module.js, variable.import.parameter.js, variable.other.class.js</string>
                <key>scope</key>
                <string>entity.name.module.js, variable.import.parameter.js, variable.other.class.js</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.language</string>
                <key>scope</key>
                <string>variable.language</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.method.js</string>
                <key>scope</key>
                <string>entity.name.method.js</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.class-method.js entity.name.function.js, variable.function.constructor</string>
                <key>scope</key>
                <string>meta.class-method.js entity.name.function.js, variable.function.constructor</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.other.attribute-name</string>
                <key>scope</key>
                <string>entity.other.attribute-name</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name</string>
                <key>scope</key>
                <string>text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5fb3a1</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.other.attribute-name.class</string>
                <key>scope</key>
                <string>entity.other.attribute-name.class</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5fb3a1</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.sass keyword.control</string>
                <key>scope</key>
                <string>source.sass keyword.control</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#42675A</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.inserted</string>
                <key>scope</key>
                <string>markup.inserted</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.deleted</string>
                <key>scope</key>
                <string>markup.deleted</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#607487</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.changed</string>
                <key>scope</key>
                <string>markup.changed</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>string.regexp</string>
                <key>scope</key>
                <string>string.regexp</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5fb3a1</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>constant.character.escape</string>
                <key>scope</key>
                <string>constant.character.escape</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5fb3a1</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>*url*, *link*, *uri*</string>
                <key>scope</key>
                <string>*url*, *link*, *uri*</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                    <key>fontStyle</key>
                    <string>underline</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js</string>
                <key>scope</key>
                <string>tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#42675A</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.js constant.other.object.key.js string.unquoted.label.js</string>
                <key>scope</key>
                <string>source.js constant.other.object.key.js string.unquoted.label.js</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5fb3a1</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>scope</key>
                <string>source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>text.html.markdown, punctuation.definition.list_item.markdown</string>
                <key>scope</key>
                <string>text.html.markdown, punctuation.definition.list_item.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>text.html.markdown markup.inline.raw.markdown</string>
                <key>scope</key>
                <string>text.html.markdown markup.inline.raw.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown</string>
                <key>scope</key>
                <string>text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown</string>
                <key>scope</key>
                <string>markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.italic</string>
                <key>scope</key>
                <string>markup.italic</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.bold, markup.bold string</string>
                <key>scope</key>
                <string>markup.bold, markup.bold string</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                    <key>fontStyle</key>
                    <string>bold</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string</string>
                <key>scope</key>
                <string>markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                    <key>fontStyle</key>
                    <string>bold</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.underline</string>
                <key>scope</key>
                <string>markup.underline</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                    <key>fontStyle</key>
                    <string>underline</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.strike</string>
                <key>scope</key>
                <string>markup.strike</string>
                <key>settings</key>
                <dict>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.quote punctuation.definition.blockquote.markdown</string>
                <key>scope</key>
                <string>markup.quote punctuation.definition.blockquote.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.quote</string>
                <key>scope</key>
                <string>markup.quote</string>
                <key>settings</key>
                <dict>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>string.other.link.title.markdown</string>
                <key>scope</key>
                <string>string.other.link.title.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>string.other.link.description.title.markdown</string>
                <key>scope</key>
                <string>string.other.link.description.title.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>constant.other.reference.link.markdown</string>
                <key>scope</key>
                <string>constant.other.reference.link.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.raw.block</string>
                <key>scope</key>
                <string>markup.raw.block</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.raw.block.fenced.markdown</string>
                <key>scope</key>
                <string>markup.raw.block.fenced.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#60748750</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>punctuation.definition.fenced.markdown</string>
                <key>scope</key>
                <string>punctuation.definition.fenced.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#60748750</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end</string>
                <key>scope</key>
                <string>markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>variable.language.fenced.markdown</string>
                <key>scope</key>
                <string>variable.language.fenced.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#91B4D5</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.separator</string>
                <key>scope</key>
                <string>meta.separator</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                    <key>fontStyle</key>
                    <string>bold</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.table</string>
                <key>scope</key>
                <string>markup.table</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>token.info-token</string>
                <key>scope</key>
                <string>token.info-token</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#89ddff</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>token.warn-token</string>
                <key>scope</key>
                <string>token.warn-token</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#fffac2</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>token.error-token</string>
                <key>scope</key>
                <string>token.error-token</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#d0679d</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>token.debug-token</string>
                <key>scope</key>
                <string>token.debug-token</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown</string>
                <key>scope</key>
                <string>entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fb</string>
                    <key>fontStyle</key>
                    <string>bold</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.paragraph.markdown</string>
                <key>scope</key>
                <string>meta.paragraph.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#e4f0fbd0</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>punctuation.definition.from-file.diff, meta.diff.header.from-file</string>
                <key>scope</key>
                <string>punctuation.definition.from-file.diff, meta.diff.header.from-file</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#607487</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.inline.raw.string.markdown</string>
                <key>scope</key>
                <string>markup.inline.raw.string.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#7390AA</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.separator.markdown</string>
                <key>scope</key>
                <string>meta.separator.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#868cad</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.bold.markdown</string>
                <key>scope</key>
                <string>markup.bold.markdown</string>
                <key>settings</key>
                <dict>
                    <key>fontStyle</key>
                    <string>bold</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.italic.markdown</string>
                <key>scope</key>
                <string>markup.italic.markdown</string>
                <key>settings</key>
                <dict>
                    <key>fontStyle</key>
                    <string>italic</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown</string>
                <key>scope</key>
                <string>beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown, markup.list.unnumbered.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown</string>
                <key>scope</key>
                <string>string.other.link.description.title.markdown punctuation.definition.string.markdown, meta.link.inline.markdown string.other.link.description.title.markdown, string.other.link.description.title.markdown punctuation.definition.string.begin.markdown, string.other.link.description.title.markdown punctuation.definition.string.end.markdown, meta.image.inline.markdown string.other.link.description.title.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                    <key>fontStyle</key>
                    <string/>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown</string>
                <key>scope</key>
                <string>meta.link.inline.markdown string.other.link.title.markdown, meta.link.reference.markdown string.other.link.title.markdown, meta.link.reference.def.markdown markup.underline.link.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                    <key>fontStyle</key>
                    <string>underline</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>markup.underline.link.markdown, string.other.link.description.title.markdown</string>
                <key>scope</key>
                <string>markup.underline.link.markdown, string.other.link.description.title.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#5DE4c7</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>fenced_code.block.language, markup.inline.raw.markdown</string>
                <key>scope</key>
                <string>fenced_code.block.language, markup.inline.raw.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown</string>
                <key>scope</key>
                <string>punctuation.definition.markdown, punctuation.definition.raw.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#ADD7FF</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>source.ignore, log.error, log.exception</string>
                <key>scope</key>
                <string>source.ignore, log.error, log.exception</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#d0679d</string>
                </dict>
            </dict>
            <dict>
                <key>name</key>
                <string>log.verbose</string>
                <key>scope</key>
                <string>log.verbose</string>
                <key>settings</key>
                <dict>
                    <key>foreground</key>
                    <string>#a6accd</string>
                </dict>
            </dict>
        </array>
    </dict>
</plist>

Theme for GO looks quite different from other languages, it looks really monocolored.

This image is for go codebase. In js or python theme would look quite colorful

Add to open-vsx registry

Hey there, I really liked your theme on neovim! I'm using gitpod.io for coding, and it relies on open-vsx registry for extensions. Could you please add this theme to open-vsx? Thanks a bunch!

New quickfix missing focus item state

After update to vscode version 1.71.0, I notices that the theme missing highlight/focus state for the new quickfix action menu.

VSCode Dark

Poimandres

My VSCode version:

Version: 1.71.0 (Universal)
Commit: 784b0177c56c607789f9638da7b6bf3230d47a8c
Date: 2022-09-01T07:25:38.437Z (3 days ago)
Electron: 19.0.12
Chromium: 102.0.5005.167
Node.js: 16.14.2
V8: 10.2.154.15-electron.0
OS: Darwin arm64 21.6.0
Sandboxed: No

Color selection in type annotation

When I select text in suggestion it has the same color as selection color

What is the wallpaper ?

Great theme. I use the vim port. I am interested in finding the wallpaper from your first screenshot. Thanks.

Publish to open-vsx.org

Hey 👋🏻

Would you be interested in publishing this awesome theme to https://open-vsx.org as well? Doing so will make it available for those of us who use onivim or vscodium.com ..etc.

Thanks

Do you have any plans to release for JetBrains IDE's?

I love this theme in VS Code, but when I switched to WebStorm, I couldn't find it in their marketplace. Therefore, I would like to request support for JetBrains IDEs such as IntelliJ IDEA and PyCharm in the future.
TIA

installation steps in the read me

couldn't find the extension on vs code, maybe npm? Probably it's node index.js, but asking to b sure

Any plans for light theme?

I really like this theme, but is there going to be a light theme?

Dumb question probably

How i can generate .vsix to install locally?

Add License

Please add a license to the repository, thank you

Can it be edited for html codes as well?

I generally like the color and contrast matching, but there are a few things that bother me.

1- First of all, when writing html raw code, green color appears in places where there is no tag. For example {{title}}, {{body}} and the text in the div should be white instead of green.

2- I would be very happy if I could change the color of the components I add while writing React, sometimes I mix them with other divs.

If you can tell me exactly where we can change these colors from custom color, this would make me very happy.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.