opencode / packages /ui /src /context /marked-theme.tsx

Add files using upload-large-folder tool

eb1202c verified 2 months ago

9.57 kB

import type { ThemeRegistrationResolved } from "@pierre/diffs"

export const OpenCodeTheme = {
  name: "OpenCode",
  bg: "var(--color-background-stronger)",
  fg: "var(--text-base)",
  colors: {
    "editor.background": "var(--color-background-stronger)",
    "editor.foreground": "var(--text-base)",
    "gitDecoration.addedResourceForeground": "var(--syntax-diff-add)",
    "gitDecoration.deletedResourceForeground": "var(--syntax-diff-delete)",
    "gitDecoration.modifiedResourceForeground": "var(--syntax-diff-unknown)",
    // "gitDecoration.conflictingResourceForeground": "#ffca00",
    // "gitDecoration.modifiedResourceForeground": "#1a76d4",
    // "gitDecoration.untrackedResourceForeground": "#00cab1",
    // "gitDecoration.ignoredResourceForeground": "#84848A",
    // "terminal.titleForeground": "#adadb1",
    // "terminal.titleInactiveForeground": "#84848A",
    // "terminal.background": "#141415",
    // "terminal.foreground": "#adadb1",
    // "terminal.ansiBlack": "#141415",
    // "terminal.ansiRed": "#ff2e3f",
    // "terminal.ansiGreen": "#0dbe4e",
    // "terminal.ansiYellow": "#ffca00",
    // "terminal.ansiBlue": "#008cff",
    // "terminal.ansiMagenta": "#c635e4",
    // "terminal.ansiCyan": "#08c0ef",
    // "terminal.ansiWhite": "#c6c6c8",
    // "terminal.ansiBrightBlack": "#141415",
    // "terminal.ansiBrightRed": "#ff2e3f",
    // "terminal.ansiBrightGreen": "#0dbe4e",
    // "terminal.ansiBrightYellow": "#ffca00",
    // "terminal.ansiBrightBlue": "#008cff",
    // "terminal.ansiBrightMagenta": "#c635e4",
    // "terminal.ansiBrightCyan": "#08c0ef",
    // "terminal.ansiBrightWhite": "#c6c6c8",
  },
  tokenColors: [
    {
      scope: ["comment", "punctuation.definition.comment", "string.comment"],
      settings: {
        foreground: "var(--syntax-comment)",
      },
    },
    {
      scope: ["entity.other.attribute-name"],
      settings: {
        foreground: "var(--syntax-property)", // maybe attribute
      },
    },
    {
      scope: ["constant", "entity.name.constant", "variable.other.constant", "variable.language", "entity"],
      settings: {
        foreground: "var(--syntax-constant)",
      },
    },
    {
      scope: ["entity.name", "meta.export.default", "meta.definition.variable"],
      settings: {
        foreground: "var(--syntax-type)",
      },
    },
    {
      scope: ["meta.object.member"],
      settings: {
        foreground: "var(--syntax-primitive)",
      },
    },
    {
      scope: [
        "variable.parameter.function",
        "meta.jsx.children",
        "meta.block",
        "meta.tag.attributes",
        "entity.name.constant",
        "meta.embedded.expression",
        "meta.template.expression",
        "string.other.begin.yaml",
        "string.other.end.yaml",
      ],
      settings: {
        foreground: "var(--syntax-punctuation)",
      },
    },
    {
      scope: ["entity.name.function", "support.type.primitive"],
      settings: {
        foreground: "var(--syntax-primitive)",
      },
    },
    {
      scope: ["support.class.component"],
      settings: {
        foreground: "var(--syntax-type)",
      },
    },
    {
      scope: "keyword",
      settings: {
        foreground: "var(--syntax-keyword)",
      },
    },
    {
      scope: [
        "keyword.operator",
        "storage.type.function.arrow",
        "punctuation.separator.key-value.css",
        "entity.name.tag.yaml",
        "punctuation.separator.key-value.mapping.yaml",
      ],
      settings: {
        foreground: "var(--syntax-operator)",
      },
    },
    {
      scope: ["storage", "storage.type"],
      settings: {
        foreground: "var(--syntax-keyword)",
      },
    },
    {
      scope: ["storage.modifier.package", "storage.modifier.import", "storage.type.java"],
      settings: {
        foreground: "var(--syntax-primitive)",
      },
    },
    {
      scope: [
        "string",
        "punctuation.definition.string",
        "string punctuation.section.embedded source",
        "entity.name.tag",
      ],
      settings: {
        foreground: "var(--syntax-string)",
      },
    },
    {
      scope: "support",
      settings: {
        foreground: "var(--syntax-primitive)",
      },
    },
    {
      scope: ["support.type.object.module", "variable.other.object", "support.type.property-name.css"],
      settings: {
        foreground: "var(--syntax-object)",
      },
    },
    {
      scope: "meta.property-name",
      settings: {
        foreground: "var(--syntax-property)",
      },
    },
    {
      scope: "variable",
      settings: {
        foreground: "var(--syntax-variable)",
      },
    },
    {
      scope: "variable.other",
      settings: {
        foreground: "var(--syntax-variable)",
      },
    },
    {
      scope: [
        "invalid.broken",
        "invalid.illegal",
        "invalid.unimplemented",
        "invalid.deprecated",
        "message.error",
        "markup.deleted",
        "meta.diff.header.from-file",
        "punctuation.definition.deleted",
        "brackethighlighter.unmatched",
        "token.error-token",
      ],
      settings: {
        foreground: "var(--syntax-critical)",
      },
    },
    {
      scope: "carriage-return",
      settings: {
        foreground: "var(--syntax-keyword)",
      },
    },
    {
      scope: "string source",
      settings: {
        foreground: "var(--syntax-variable)",
      },
    },
    {
      scope: "string variable",
      settings: {
        foreground: "var(--syntax-constant)",
      },
    },
    {
      scope: [
        "source.regexp",
        "string.regexp",
        "string.regexp.character-class",
        "string.regexp constant.character.escape",
        "string.regexp source.ruby.embedded",
        "string.regexp string.regexp.arbitrary-repitition",
        "string.regexp constant.character.escape",
      ],
      settings: {
        foreground: "var(--syntax-regexp)",
      },
    },
    {
      scope: "support.constant",
      settings: {
        foreground: "var(--syntax-primitive)",
      },
    },
    {
      scope: "support.variable",
      settings: {
        foreground: "var(--syntax-variable)",
      },
    },
    {
      scope: "meta.module-reference",
      settings: {
        foreground: "var(--syntax-info)",
      },
    },
    {
      scope: "punctuation.definition.list.begin.markdown",
      settings: {
        foreground: "var(--syntax-punctuation)",
      },
    },
    {
      scope: ["markup.heading", "markup.heading entity.name"],
      settings: {
        fontStyle: "bold",
        foreground: "var(--syntax-info)",
      },
    },
    {
      scope: "markup.quote",
      settings: {
        foreground: "var(--syntax-info)",
      },
    },
    {
      scope: "markup.italic",
      settings: {
        fontStyle: "italic",
        // foreground: "",
      },
    },
    {
      scope: "markup.bold",
      settings: {
        fontStyle: "bold",
        foreground: "var(--text-strong)",
      },
    },
    {
      scope: [
        "markup.raw",
        "markup.inserted",
        "meta.diff.header.to-file",
        "punctuation.definition.inserted",
        "markup.changed",
        "punctuation.definition.changed",
        "markup.ignored",
        "markup.untracked",
      ],
      settings: {
        foreground: "var(--text-base)",
      },
    },
    {
      scope: "meta.diff.range",
      settings: {
        fontStyle: "bold",
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: "meta.diff.header",
      settings: {
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: "meta.separator",
      settings: {
        fontStyle: "bold",
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: "meta.output",
      settings: {
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: "meta.export.default",
      settings: {
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: [
        "brackethighlighter.tag",
        "brackethighlighter.curly",
        "brackethighlighter.round",
        "brackethighlighter.square",
        "brackethighlighter.angle",
        "brackethighlighter.quote",
      ],
      settings: {
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: ["constant.other.reference.link", "string.other.link"],
      settings: {
        fontStyle: "underline",
        foreground: "var(--syntax-unknown)",
      },
    },
    {
      scope: "token.info-token",
      settings: {
        foreground: "var(--syntax-info)",
      },
    },
    {
      scope: "token.warn-token",
      settings: {
        foreground: "var(--syntax-warning)",
      },
    },
    {
      scope: "token.debug-token",
      settings: {
        foreground: "var(--syntax-info)",
      },
    },
  ],
  semanticTokenColors: {
    comment: "var(--syntax-comment)",
    string: "var(--syntax-string)",
    number: "var(--syntax-constant)",
    regexp: "var(--syntax-regexp)",
    keyword: "var(--syntax-keyword)",
    variable: "var(--syntax-variable)",
    parameter: "var(--syntax-variable)",
    property: "var(--syntax-property)",
    function: "var(--syntax-primitive)",
    method: "var(--syntax-primitive)",
    type: "var(--syntax-type)",
    class: "var(--syntax-type)",
    namespace: "var(--syntax-type)",
    enumMember: "var(--syntax-primitive)",
    "variable.constant": "var(--syntax-constant)",
    "variable.defaultLibrary": "var(--syntax-unknown)",
  },
} as unknown as ThemeRegistrationResolved

	import type { ThemeRegistrationResolved } from "@pierre/diffs"

	export const OpenCodeTheme = {
	name: "OpenCode",
	bg: "var(--color-background-stronger)",
	fg: "var(--text-base)",
	colors: {
	"editor.background": "var(--color-background-stronger)",
	"editor.foreground": "var(--text-base)",
	"gitDecoration.addedResourceForeground": "var(--syntax-diff-add)",
	"gitDecoration.deletedResourceForeground": "var(--syntax-diff-delete)",
	"gitDecoration.modifiedResourceForeground": "var(--syntax-diff-unknown)",
	// "gitDecoration.conflictingResourceForeground": "#ffca00",
	// "gitDecoration.modifiedResourceForeground": "#1a76d4",
	// "gitDecoration.untrackedResourceForeground": "#00cab1",
	// "gitDecoration.ignoredResourceForeground": "#84848A",
	// "terminal.titleForeground": "#adadb1",
	// "terminal.titleInactiveForeground": "#84848A",
	// "terminal.background": "#141415",
	// "terminal.foreground": "#adadb1",
	// "terminal.ansiBlack": "#141415",
	// "terminal.ansiRed": "#ff2e3f",
	// "terminal.ansiGreen": "#0dbe4e",
	// "terminal.ansiYellow": "#ffca00",
	// "terminal.ansiBlue": "#008cff",
	// "terminal.ansiMagenta": "#c635e4",
	// "terminal.ansiCyan": "#08c0ef",
	// "terminal.ansiWhite": "#c6c6c8",
	// "terminal.ansiBrightBlack": "#141415",
	// "terminal.ansiBrightRed": "#ff2e3f",
	// "terminal.ansiBrightGreen": "#0dbe4e",
	// "terminal.ansiBrightYellow": "#ffca00",
	// "terminal.ansiBrightBlue": "#008cff",
	// "terminal.ansiBrightMagenta": "#c635e4",
	// "terminal.ansiBrightCyan": "#08c0ef",
	// "terminal.ansiBrightWhite": "#c6c6c8",
	},
	tokenColors: [
	{
	scope: ["comment", "punctuation.definition.comment", "string.comment"],
	settings: {
	foreground: "var(--syntax-comment)",
	},
	},
	{
	scope: ["entity.other.attribute-name"],
	settings: {
	foreground: "var(--syntax-property)", // maybe attribute
	},
	},
	{
	scope: ["constant", "entity.name.constant", "variable.other.constant", "variable.language", "entity"],
	settings: {
	foreground: "var(--syntax-constant)",
	},
	},
	{
	scope: ["entity.name", "meta.export.default", "meta.definition.variable"],
	settings: {
	foreground: "var(--syntax-type)",
	},
	},
	{
	scope: ["meta.object.member"],
	settings: {
	foreground: "var(--syntax-primitive)",
	},
	},
	{
	scope: [
	"variable.parameter.function",
	"meta.jsx.children",
	"meta.block",
	"meta.tag.attributes",
	"entity.name.constant",
	"meta.embedded.expression",
	"meta.template.expression",
	"string.other.begin.yaml",
	"string.other.end.yaml",
	],
	settings: {
	foreground: "var(--syntax-punctuation)",
	},
	},
	{
	scope: ["entity.name.function", "support.type.primitive"],
	settings: {
	foreground: "var(--syntax-primitive)",
	},
	},
	{
	scope: ["support.class.component"],
	settings: {
	foreground: "var(--syntax-type)",
	},
	},
	{
	scope: "keyword",
	settings: {
	foreground: "var(--syntax-keyword)",
	},
	},
	{
	scope: [
	"keyword.operator",
	"storage.type.function.arrow",
	"punctuation.separator.key-value.css",
	"entity.name.tag.yaml",
	"punctuation.separator.key-value.mapping.yaml",
	],
	settings: {
	foreground: "var(--syntax-operator)",
	},
	},
	{
	scope: ["storage", "storage.type"],
	settings: {
	foreground: "var(--syntax-keyword)",
	},
	},
	{
	scope: ["storage.modifier.package", "storage.modifier.import", "storage.type.java"],
	settings: {
	foreground: "var(--syntax-primitive)",
	},
	},
	{
	scope: [
	"string",
	"punctuation.definition.string",
	"string punctuation.section.embedded source",
	"entity.name.tag",
	],
	settings: {
	foreground: "var(--syntax-string)",
	},
	},
	{
	scope: "support",
	settings: {
	foreground: "var(--syntax-primitive)",
	},
	},
	{
	scope: ["support.type.object.module", "variable.other.object", "support.type.property-name.css"],
	settings: {
	foreground: "var(--syntax-object)",
	},
	},
	{
	scope: "meta.property-name",
	settings: {
	foreground: "var(--syntax-property)",
	},
	},
	{
	scope: "variable",
	settings: {
	foreground: "var(--syntax-variable)",
	},
	},
	{
	scope: "variable.other",
	settings: {
	foreground: "var(--syntax-variable)",
	},
	},
	{
	scope: [
	"invalid.broken",
	"invalid.illegal",
	"invalid.unimplemented",
	"invalid.deprecated",
	"message.error",
	"markup.deleted",
	"meta.diff.header.from-file",
	"punctuation.definition.deleted",
	"brackethighlighter.unmatched",
	"token.error-token",
	],
	settings: {
	foreground: "var(--syntax-critical)",
	},
	},
	{
	scope: "carriage-return",
	settings: {
	foreground: "var(--syntax-keyword)",
	},
	},
	{
	scope: "string source",
	settings: {
	foreground: "var(--syntax-variable)",
	},
	},
	{
	scope: "string variable",
	settings: {
	foreground: "var(--syntax-constant)",
	},
	},
	{
	scope: [
	"source.regexp",
	"string.regexp",
	"string.regexp.character-class",
	"string.regexp constant.character.escape",
	"string.regexp source.ruby.embedded",
	"string.regexp string.regexp.arbitrary-repitition",
	"string.regexp constant.character.escape",
	],
	settings: {
	foreground: "var(--syntax-regexp)",
	},
	},
	{
	scope: "support.constant",
	settings: {
	foreground: "var(--syntax-primitive)",
	},
	},
	{
	scope: "support.variable",
	settings: {
	foreground: "var(--syntax-variable)",
	},
	},
	{
	scope: "meta.module-reference",
	settings: {
	foreground: "var(--syntax-info)",
	},
	},
	{
	scope: "punctuation.definition.list.begin.markdown",
	settings: {
	foreground: "var(--syntax-punctuation)",
	},
	},
	{
	scope: ["markup.heading", "markup.heading entity.name"],
	settings: {
	fontStyle: "bold",
	foreground: "var(--syntax-info)",
	},
	},
	{
	scope: "markup.quote",
	settings: {
	foreground: "var(--syntax-info)",
	},
	},
	{
	scope: "markup.italic",
	settings: {
	fontStyle: "italic",
	// foreground: "",
	},
	},
	{
	scope: "markup.bold",
	settings: {
	fontStyle: "bold",
	foreground: "var(--text-strong)",
	},
	},
	{
	scope: [
	"markup.raw",
	"markup.inserted",
	"meta.diff.header.to-file",
	"punctuation.definition.inserted",
	"markup.changed",
	"punctuation.definition.changed",
	"markup.ignored",
	"markup.untracked",
	],
	settings: {
	foreground: "var(--text-base)",
	},
	},
	{
	scope: "meta.diff.range",
	settings: {
	fontStyle: "bold",
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: "meta.diff.header",
	settings: {
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: "meta.separator",
	settings: {
	fontStyle: "bold",
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: "meta.output",
	settings: {
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: "meta.export.default",
	settings: {
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: [
	"brackethighlighter.tag",
	"brackethighlighter.curly",
	"brackethighlighter.round",
	"brackethighlighter.square",
	"brackethighlighter.angle",
	"brackethighlighter.quote",
	],
	settings: {
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: ["constant.other.reference.link", "string.other.link"],
	settings: {
	fontStyle: "underline",
	foreground: "var(--syntax-unknown)",
	},
	},
	{
	scope: "token.info-token",
	settings: {
	foreground: "var(--syntax-info)",
	},
	},
	{
	scope: "token.warn-token",
	settings: {
	foreground: "var(--syntax-warning)",
	},
	},
	{
	scope: "token.debug-token",
	settings: {
	foreground: "var(--syntax-info)",
	},
	},
	],
	semanticTokenColors: {
	comment: "var(--syntax-comment)",
	string: "var(--syntax-string)",
	number: "var(--syntax-constant)",
	regexp: "var(--syntax-regexp)",
	keyword: "var(--syntax-keyword)",
	variable: "var(--syntax-variable)",
	parameter: "var(--syntax-variable)",
	property: "var(--syntax-property)",
	function: "var(--syntax-primitive)",
	method: "var(--syntax-primitive)",
	type: "var(--syntax-type)",
	class: "var(--syntax-type)",
	namespace: "var(--syntax-type)",
	enumMember: "var(--syntax-primitive)",
	"variable.constant": "var(--syntax-constant)",
	"variable.defaultLibrary": "var(--syntax-unknown)",
	},
	} as unknown as ThemeRegistrationResolved