diff --git a/themes/vsDark.js b/themes/vsDark.js index 589ee23..f2cc10a 100644 --- a/themes/vsDark.js +++ b/themes/vsDark.js @@ -5,7 +5,7 @@ var theme /*: PrismTheme */ = { plain: { - color: "#D4D4D4", + color: "#9CDCFE", backgroundColor: "#1E1E1E" }, styles: [ @@ -22,7 +22,7 @@ var theme /*: PrismTheme */ = { } }, { - types: ["builtin", "tag", "changed", "keyword"], + types: ["builtin", "changed", "keyword"], style: { color: "rgb(86, 156, 214)" } @@ -46,7 +46,7 @@ var theme /*: PrismTheme */ = { } }, { - types: ["deleted", "string"], + types: ["deleted", "string", "attr-value"], style: { color: "rgb(206, 145, 120)" } @@ -58,16 +58,51 @@ var theme /*: PrismTheme */ = { } }, { - types: ["punctuation"], + // Fix tag color + types: ["tag"], + style: { + color: "rgb(78, 201, 176)" + } + }, + { + // Fix tag color for HTML + types: ["tag"], + languages: ["markup"], style: { - color: "rgb(128, 128, 128)" + color: "rgb(86, 156, 214)" } }, { - types: ["operator"], + types: ["punctuation", "operator"], style: { color: "rgb(212, 212, 212)" } + }, + { + // Fix punctuation color for HTML + types: ["punctuation"], + languages: ["markup"], + style: { + color: "#808080" + } + }, + { + types: ["function"], + style: { + color: "rgb(220, 220, 170)" + } + }, + { + types: ["class-name"], + style: { + color: "rgb(78, 201, 176)" + } + }, + { + types: ["char"], + style: { + color: "rgb(209, 105, 105)" + } } ] }; diff --git a/themes/vsDarkPlus.js b/themes/vsDarkPlus.js deleted file mode 100644 index a5b4724..0000000 --- a/themes/vsDarkPlus.js +++ /dev/null @@ -1,87 +0,0 @@ -// @flow -// Converted automatically using ./tools/themeFromVsCode - -/*:: import type { PrismTheme } from '../src/types' */ - -var theme /*: PrismTheme */ = { - plain: { - color: "#D4D4D4", - backgroundColor: "#1E1E1E" - }, - styles: [ - { - types: ["prolog"], - style: { - color: "rgb(0, 0, 128)" - } - }, - { - types: ["comment"], - style: { - color: "rgb(106, 153, 85)" - } - }, - { - types: ["builtin", "tag", "changed", "punctuation", "keyword"], - style: { - color: "rgb(86, 156, 214)" - } - }, - { - types: ["number", "inserted"], - style: { - color: "rgb(181, 206, 168)" - } - }, - { - types: ["constant"], - style: { - color: "rgb(100, 102, 149)" - } - }, - { - types: ["attr-name", "variable"], - style: { - color: "rgb(156, 220, 254)" - } - }, - { - types: ["deleted", "string"], - style: { - color: "rgb(206, 145, 120)" - } - }, - { - types: ["selector"], - style: { - color: "rgb(215, 186, 125)" - } - }, - { - types: ["operator"], - style: { - color: "rgb(212, 212, 212)" - } - }, - { - types: ["function"], - style: { - color: "rgb(220, 220, 170)" - } - }, - { - types: ["class-name"], - style: { - color: "rgb(78, 201, 176)" - } - }, - { - types: ["char"], - style: { - color: "rgb(209, 105, 105)" - } - } - ] -}; - -module.exports = theme;