colorfulcode 0.0.1 → 0.1.0

package/dist/themes.js

@@ -0,0 +1,871 @@
+// Optional themes, ported from popular editor palettes. They are plain
+// objects, so a bundler keeps only the ones you import. Pass one as `theme`
+// and it is registered on first use, or register it with `defineTheme`.
+
+export const rosePine = {
+  name: "rose-pine",
+  dark: true,
+  background: "#191724",
+  foreground: "#e0def4",
+  styles: {
+    comment: { color: "#6e6a86", italic: true },
+    keyword: "#31748f",
+    string: "#f6c177",
+    escape: "#31748f",
+    number: "#f6c177",
+    constant: "#ebbcba",
+    function: "#ebbcba",
+    type: "#9ccfd8",
+    variable: "#e0def4",
+    parameter: { color: "#c4a7e7", italic: true },
+    property: "#9ccfd8",
+    builtin: "#eb6f92",
+    operator: "#908caa",
+    punctuation: "#908caa",
+    tag: "#9ccfd8",
+    attribute: { color: "#c4a7e7", italic: true },
+    meta: "#c4a7e7",
+    regex: "#c4a7e7",
+    heading: { color: "#c4a7e7", bold: true },
+    link: { color: "#9ccfd8", underline: true },
+    inserted: "#9ccfd8",
+    deleted: "#eb6f92",
+  },
+};
+
+export const rosePineMoon = {
+  name: "rose-pine-moon",
+  dark: true,
+  background: "#232136",
+  foreground: "#e0def4",
+  styles: {
+    comment: { color: "#6e6a86", italic: true },
+    keyword: "#3e8fb0",
+    string: "#f6c177",
+    escape: "#3e8fb0",
+    number: "#f6c177",
+    constant: "#ea9a97",
+    function: "#ea9a97",
+    type: "#9ccfd8",
+    variable: "#e0def4",
+    parameter: { color: "#c4a7e7", italic: true },
+    property: "#9ccfd8",
+    builtin: "#eb6f92",
+    operator: "#908caa",
+    punctuation: "#908caa",
+    tag: "#9ccfd8",
+    attribute: { color: "#c4a7e7", italic: true },
+    meta: "#c4a7e7",
+    regex: "#c4a7e7",
+    heading: { color: "#c4a7e7", bold: true },
+    link: { color: "#9ccfd8", underline: true },
+    inserted: "#9ccfd8",
+    deleted: "#eb6f92",
+  },
+};
+
+export const rosePineDawn = {
+  name: "rose-pine-dawn",
+  dark: false,
+  background: "#faf4ed",
+  foreground: "#575279",
+  styles: {
+    comment: { color: "#797593", italic: true },
+    keyword: "#286983",
+    string: "#ea9d34",
+    escape: "#286983",
+    number: "#ea9d34",
+    constant: "#d7827e",
+    function: "#d7827e",
+    type: "#56949f",
+    variable: "#575279",
+    parameter: { color: "#907aa9", italic: true },
+    property: "#56949f",
+    builtin: "#b4637a",
+    operator: "#797593",
+    punctuation: "#797593",
+    tag: "#56949f",
+    attribute: { color: "#907aa9", italic: true },
+    meta: "#907aa9",
+    regex: "#907aa9",
+    heading: { color: "#907aa9", bold: true },
+    link: { color: "#56949f", underline: true },
+    inserted: "#56949f",
+    deleted: "#b4637a",
+  },
+};
+
+export const ayuDark = {
+  name: "ayu-dark",
+  dark: true,
+  background: "#0d1017",
+  foreground: "#bfbdb6",
+  styles: {
+    comment: { color: "#636a72", italic: true },
+    keyword: "#ff8f40",
+    string: "#aad94c",
+    escape: "#95e6cb",
+    number: "#d2a6ff",
+    constant: "#d2a6ff",
+    function: "#ffb454",
+    type: "#59c2ff",
+    variable: "#bfbdb6",
+    parameter: "#d2a6ff",
+    property: "#f07178",
+    builtin: "#39bae6",
+    operator: "#f29668",
+    punctuation: "#a0a19f",
+    tag: "#39bae6",
+    attribute: "#ffb454",
+    meta: "#e6b673",
+    regex: "#95e6cb",
+    heading: { color: "#ff8f40", bold: true },
+    link: { color: "#39bae6", underline: true },
+    inserted: "#7fd962",
+    deleted: "#f26d78",
+  },
+};
+
+export const ayuMirage = {
+  name: "ayu-mirage",
+  dark: true,
+  background: "#242936",
+  foreground: "#cccac2",
+  styles: {
+    comment: { color: "#6e7c8e", italic: true },
+    keyword: "#ffad66",
+    string: "#d5ff80",
+    escape: "#95e6cb",
+    number: "#dfbfff",
+    constant: "#dfbfff",
+    function: "#ffd173",
+    type: "#73d0ff",
+    variable: "#cccac2",
+    parameter: "#dfbfff",
+    property: "#f28779",
+    builtin: "#5ccfe6",
+    operator: "#f29e74",
+    punctuation: "#b8b8b4",
+    tag: "#5ccfe6",
+    attribute: "#ffd173",
+    meta: "#ffdfb3",
+    regex: "#95e6cb",
+    heading: { color: "#ffad66", bold: true },
+    link: { color: "#5ccfe6", underline: true },
+    inserted: "#87d96c",
+    deleted: "#f27983",
+  },
+};
+
+export const ayuLight = {
+  name: "ayu-light",
+  dark: false,
+  background: "#fcfcfc",
+  foreground: "#5c6166",
+  styles: {
+    comment: { color: "#878b90", italic: true },
+    keyword: "#fa8d3e",
+    string: "#86b300",
+    escape: "#4cbf99",
+    number: "#a37acc",
+    constant: "#a37acc",
+    function: "#f2ae49",
+    type: "#399ee6",
+    variable: "#5c6166",
+    parameter: "#a37acc",
+    property: "#f07171",
+    builtin: "#55b4d4",
+    operator: "#ed9366",
+    punctuation: "#7d8186",
+    tag: "#55b4d4",
+    attribute: "#f2ae49",
+    meta: "#e6ba7e",
+    regex: "#4cbf99",
+    heading: { color: "#fa8d3e", bold: true },
+    link: { color: "#55b4d4", underline: true },
+    inserted: "#6cbf43",
+    deleted: "#ff7383",
+  },
+};
+
+export const nightOwl = {
+  name: "night-owl",
+  dark: true,
+  background: "#011627",
+  foreground: "#d6deeb",
+  styles: {
+    comment: { color: "#637777", italic: true },
+    keyword: { color: "#c792ea", italic: true },
+    string: "#ecc48d",
+    escape: "#82aaff",
+    number: "#f78c6c",
+    constant: "#ff5874",
+    function: "#82aaff",
+    type: "#ffcb8b",
+    variable: "#d6deeb",
+    parameter: { color: "#d7dbe0", italic: true },
+    property: "#7fdbca",
+    builtin: "#addb67",
+    operator: "#c792ea",
+    punctuation: "#d9f5dd",
+    tag: "#caece6",
+    attribute: { color: "#addb67", italic: true },
+    meta: "#c5e478",
+    regex: "#5ca7e4",
+    heading: { color: "#82b1ff", bold: true },
+    link: { color: "#ff869a", underline: true },
+    inserted: "#addb67",
+    deleted: "#ef5350",
+  },
+};
+
+export const lightOwl = {
+  name: "light-owl",
+  dark: false,
+  background: "#fbfbfb",
+  foreground: "#403f53",
+  styles: {
+    comment: { color: "#888d9c", italic: true },
+    keyword: { color: "#994cc3", italic: true },
+    string: "#c96765",
+    escape: "#4876d6",
+    number: "#aa0982",
+    constant: "#bc5454",
+    function: "#4876d6",
+    type: "#111111",
+    variable: "#403f53",
+    parameter: { color: "#403f53", italic: true },
+    property: "#0c969b",
+    builtin: "#4876d6",
+    operator: "#994cc3",
+    punctuation: "#403f53",
+    tag: "#994cc3",
+    attribute: { color: "#4876d6", italic: true },
+    meta: "#4876d6",
+    regex: "#5ca7e4",
+    heading: { color: "#4876d6", bold: true },
+    link: { color: "#994cc3", underline: true },
+    inserted: "#08916a",
+    deleted: "#de3d3b",
+  },
+};
+
+export const palenight = {
+  name: "palenight",
+  dark: true,
+  background: "#292d3e",
+  foreground: "#a6accd",
+  styles: {
+    comment: { color: "#71799f", italic: true },
+    keyword: "#c792ea",
+    string: "#c3e88d",
+    escape: "#89ddff",
+    number: "#f78c6c",
+    constant: "#f78c6c",
+    function: "#82aaff",
+    type: "#ffcb6b",
+    variable: "#a6accd",
+    parameter: { color: "#a6accd", italic: true },
+    property: "#b2ccd6",
+    builtin: "#ffcb6b",
+    operator: "#89ddff",
+    punctuation: "#89ddff",
+    tag: "#f07178",
+    attribute: "#c792ea",
+    meta: "#c792ea",
+    regex: "#89ddff",
+    heading: { color: "#82aaff", bold: true },
+    link: { color: "#89ddff", underline: true },
+    inserted: "#c3e88d",
+    deleted: "#ff5370",
+  },
+};
+
+export const materialDarker = {
+  name: "material-darker",
+  dark: true,
+  background: "#212121",
+  foreground: "#eeffff",
+  styles: {
+    comment: { color: "#6e6e6e", italic: true },
+    keyword: "#c792ea",
+    string: "#c3e88d",
+    escape: "#89ddff",
+    number: "#f78c6c",
+    constant: "#f78c6c",
+    function: "#82aaff",
+    type: "#ffcb6b",
+    variable: "#eeffff",
+    parameter: { color: "#eeffff", italic: true },
+    property: "#b2ccd6",
+    builtin: "#ffcb6b",
+    operator: "#89ddff",
+    punctuation: "#89ddff",
+    tag: "#f07178",
+    attribute: "#c792ea",
+    meta: "#c792ea",
+    regex: "#89ddff",
+    heading: { color: "#82aaff", bold: true },
+    link: { color: "#89ddff", underline: true },
+    inserted: "#c3e88d",
+    deleted: "#ff5370",
+  },
+};
+
+export const synthwave84 = {
+  name: "synthwave-84",
+  dark: true,
+  background: "#262335",
+  foreground: "#ffffff",
+  styles: {
+    comment: { color: "#848bbd", italic: true },
+    keyword: "#fede5d",
+    string: "#ff8b39",
+    escape: "#f97e72",
+    number: "#f97e72",
+    constant: "#f97e72",
+    function: "#36f9f6",
+    type: "#fe4450",
+    variable: "#ff7edb",
+    parameter: { color: "#ff7edb", italic: true },
+    property: "#ff7edb",
+    builtin: "#fe4450",
+    operator: "#fede5d",
+    punctuation: "#b6b1b1",
+    tag: "#72f1b8",
+    attribute: "#fede5d",
+    meta: "#fede5d",
+    regex: "#f97e72",
+    heading: { color: "#ff7edb", bold: true },
+    link: { color: "#f97e72", underline: true },
+    inserted: "#72f1b8",
+    deleted: "#fe4450",
+  },
+};
+
+export const kanagawa = {
+  name: "kanagawa",
+  dark: true,
+  background: "#1f1f28",
+  foreground: "#dcd7ba",
+  styles: {
+    comment: { color: "#727169", italic: true },
+    keyword: { color: "#957fb8", italic: true },
+    string: "#98bb6c",
+    escape: "#e6c384",
+    number: "#d27e99",
+    constant: "#ffa066",
+    function: "#7e9cd8",
+    type: "#7aa89f",
+    variable: "#dcd7ba",
+    parameter: "#b8b4d0",
+    property: "#e6c384",
+    builtin: "#7fb4ca",
+    operator: "#c0a36e",
+    punctuation: "#9cabca",
+    tag: "#7e9cd8",
+    attribute: "#e6c384",
+    meta: "#e46876",
+    regex: "#c0a36e",
+    heading: { color: "#7e9cd8", bold: true },
+    link: { color: "#7fb4ca", underline: true },
+    inserted: "#76946a",
+    deleted: "#c34043",
+  },
+};
+
+export const everforestDark = {
+  name: "everforest-dark",
+  dark: true,
+  background: "#2d353b",
+  foreground: "#d3c6aa",
+  styles: {
+    comment: { color: "#859289", italic: true },
+    keyword: "#e67e80",
+    string: "#83c092",
+    escape: "#a7c080",
+    number: "#d699b6",
+    constant: "#d699b6",
+    function: "#a7c080",
+    type: "#dbbc7f",
+    variable: "#d3c6aa",
+    parameter: "#d3c6aa",
+    property: "#7fbbb3",
+    builtin: "#d699b6",
+    operator: "#e69875",
+    punctuation: "#859289",
+    tag: "#e69875",
+    attribute: "#a7c080",
+    meta: "#d699b6",
+    regex: "#a7c080",
+    heading: { color: "#e67e80", bold: true },
+    link: { color: "#7fbbb3", underline: true },
+    inserted: "#a7c080",
+    deleted: "#e67e80",
+  },
+};
+
+export const everforestLight = {
+  name: "everforest-light",
+  dark: false,
+  background: "#fdf6e3",
+  foreground: "#5c6a72",
+  styles: {
+    comment: { color: "#829181", italic: true },
+    keyword: "#f85552",
+    string: "#35a77c",
+    escape: "#8da101",
+    number: "#df69ba",
+    constant: "#df69ba",
+    function: "#8da101",
+    type: "#dfa000",
+    variable: "#5c6a72",
+    parameter: "#5c6a72",
+    property: "#3a94c5",
+    builtin: "#df69ba",
+    operator: "#f57d26",
+    punctuation: "#829181",
+    tag: "#f57d26",
+    attribute: "#8da101",
+    meta: "#df69ba",
+    regex: "#8da101",
+    heading: { color: "#f85552", bold: true },
+    link: { color: "#3a94c5", underline: true },
+    inserted: "#8da101",
+    deleted: "#f85552",
+  },
+};
+
+export const vitesseDark = {
+  name: "vitesse-dark",
+  dark: true,
+  background: "#121212",
+  foreground: "#dbd7ca",
+  styles: {
+    comment: { color: "#758575", italic: true },
+    keyword: "#4d9375",
+    string: "#c98a7d",
+    escape: "#c99076",
+    number: "#4c9a91",
+    constant: "#4d9375",
+    function: "#80a665",
+    type: "#5da994",
+    variable: "#bd976a",
+    parameter: "#bd976a",
+    property: "#b8a965",
+    builtin: "#cb7676",
+    operator: "#cb7676",
+    punctuation: "#858585",
+    tag: "#4d9375",
+    attribute: "#bd976a",
+    meta: "#bd976a",
+    regex: "#c4704f",
+    heading: { color: "#4d9375", bold: true },
+    link: { color: "#c98a7d", underline: true },
+    inserted: "#4d9375",
+    deleted: "#cb7676",
+  },
+};
+
+export const vitesseLight = {
+  name: "vitesse-light",
+  dark: false,
+  background: "#ffffff",
+  foreground: "#393a34",
+  styles: {
+    comment: { color: "#869386", italic: true },
+    keyword: "#1e754f",
+    string: "#b56959",
+    escape: "#a65e2b",
+    number: "#2f798a",
+    constant: "#1e754f",
+    function: "#59873a",
+    type: "#2e8f82",
+    variable: "#b07d48",
+    parameter: "#b07d48",
+    property: "#998418",
+    builtin: "#ab5959",
+    operator: "#ab5959",
+    punctuation: "#7c7c7c",
+    tag: "#1e754f",
+    attribute: "#b07d48",
+    meta: "#b07d48",
+    regex: "#ab5e3f",
+    heading: { color: "#1e754f", bold: true },
+    link: { color: "#b56959", underline: true },
+    inserted: "#1e754f",
+    deleted: "#ab5959",
+  },
+};
+
+export const poimandres = {
+  name: "poimandres",
+  dark: true,
+  background: "#1b1e28",
+  foreground: "#a6accd",
+  styles: {
+    comment: { color: "#767c9d", italic: true },
+    keyword: "#91b4d5",
+    string: "#5de4c7",
+    escape: "#d0679d",
+    number: "#5de4c7",
+    constant: "#5de4c7",
+    function: "#add7ff",
+    type: { color: "#91b4d5", italic: true },
+    variable: "#e4f0fb",
+    parameter: "#e4f0fb",
+    property: "#e4f0fb",
+    builtin: "#add7ff",
+    operator: "#91b4d5",
+    punctuation: "#a6accd",
+    tag: "#5de4c7",
+    attribute: { color: "#91b4d5", italic: true },
+    meta: "#fffac2",
+    regex: "#5fb3a1",
+    heading: { color: "#add7ff", bold: true },
+    link: { color: "#add7ff", underline: true },
+    inserted: "#5de4c7",
+    deleted: "#d0679d",
+  },
+};
+
+export const githubDarkDimmed = {
+  name: "github-dark-dimmed",
+  dark: true,
+  background: "#22272e",
+  foreground: "#adbac7",
+  styles: {
+    comment: "#768390",
+    keyword: "#f47067",
+    string: "#96d0ff",
+    escape: "#6cb6ff",
+    number: "#6cb6ff",
+    constant: "#6cb6ff",
+    function: "#dcbdfb",
+    type: "#f69d50",
+    variable: "#f69d50",
+    parameter: "#adbac7",
+    property: "#6cb6ff",
+    builtin: "#6cb6ff",
+    operator: "#f47067",
+    punctuation: "#adbac7",
+    tag: "#8ddb8c",
+    attribute: "#6cb6ff",
+    meta: "#dcbdfb",
+    regex: "#96d0ff",
+    heading: { color: "#6cb6ff", bold: true },
+    link: { color: "#96d0ff", underline: true },
+    inserted: "#b4f1b4",
+    deleted: "#ffd8d3",
+  },
+};
+
+export const oneLight = {
+  name: "one-light",
+  dark: false,
+  background: "#fafafa",
+  foreground: "#383a42",
+  styles: {
+    comment: { color: "#8a8b92", italic: true },
+    keyword: "#a626a4",
+    string: "#50a14f",
+    escape: "#0184bc",
+    number: "#986801",
+    constant: "#986801",
+    function: "#4078f2",
+    type: "#c18401",
+    variable: "#e45649",
+    parameter: "#e45649",
+    property: "#e45649",
+    builtin: "#0184bc",
+    operator: "#0184bc",
+    punctuation: "#383a42",
+    tag: "#e45649",
+    attribute: "#986801",
+    meta: "#4078f2",
+    regex: "#0184bc",
+    heading: { color: "#e45649", bold: true },
+    link: { color: "#4078f2", underline: true },
+    inserted: "#50a14f",
+    deleted: "#e45649",
+  },
+};
+
+export const gruvboxLight = {
+  name: "gruvbox-light",
+  dark: false,
+  background: "#fbf1c7",
+  foreground: "#3c3836",
+  styles: {
+    comment: { color: "#928374", italic: true },
+    keyword: "#9d0006",
+    string: "#79740e",
+    escape: "#af3a03",
+    number: "#8f3f71",
+    constant: "#8f3f71",
+    function: "#427b58",
+    type: "#b57614",
+    variable: "#076678",
+    parameter: "#076678",
+    property: "#076678",
+    builtin: "#af3a03",
+    operator: "#af3a03",
+    punctuation: "#7c6f64",
+    tag: "#9d0006",
+    attribute: "#427b58",
+    meta: "#af3a03",
+    regex: "#79740e",
+    heading: { color: "#b57614", bold: true },
+    link: { color: "#076678", underline: true },
+    inserted: "#79740e",
+    deleted: "#9d0006",
+  },
+};
+
+export const catppuccinFrappe = {
+  name: "catppuccin-frappe",
+  dark: true,
+  background: "#303446",
+  foreground: "#c6d0f5",
+  styles: {
+    comment: { color: "#949cbb", italic: true },
+    keyword: "#ca9ee6",
+    string: "#a6d189",
+    escape: "#f4b8e4",
+    number: "#ef9f76",
+    constant: "#ef9f76",
+    function: "#8caaee",
+    type: "#e5c890",
+    variable: "#e78284",
+    parameter: { color: "#ea999c", italic: true },
+    property: "#babbf1",
+    builtin: "#99d1db",
+    operator: "#99d1db",
+    punctuation: "#949cbb",
+    tag: "#8caaee",
+    attribute: "#e5c890",
+    meta: "#ef9f76",
+    regex: "#f4b8e4",
+    heading: { color: "#e78284", bold: true },
+    link: { color: "#8caaee", underline: true },
+    inserted: "#a6d189",
+    deleted: "#e78284",
+  },
+};
+
+export const catppuccinMacchiato = {
+  name: "catppuccin-macchiato",
+  dark: true,
+  background: "#24273a",
+  foreground: "#cad3f5",
+  styles: {
+    comment: { color: "#939ab7", italic: true },
+    keyword: "#c6a0f6",
+    string: "#a6da95",
+    escape: "#f5bde6",
+    number: "#f5a97f",
+    constant: "#f5a97f",
+    function: "#8aadf4",
+    type: "#eed49f",
+    variable: "#ed8796",
+    parameter: { color: "#ee99a0", italic: true },
+    property: "#b7bdf8",
+    builtin: "#91d7e3",
+    operator: "#91d7e3",
+    punctuation: "#939ab7",
+    tag: "#8aadf4",
+    attribute: "#eed49f",
+    meta: "#f5a97f",
+    regex: "#f5bde6",
+    heading: { color: "#ed8796", bold: true },
+    link: { color: "#8aadf4", underline: true },
+    inserted: "#a6da95",
+    deleted: "#ed8796",
+  },
+};
+
+export const tokyoNightStorm = {
+  name: "tokyo-night-storm",
+  dark: true,
+  background: "#24283b",
+  foreground: "#c0caf5",
+  styles: {
+    comment: { color: "#737aa2", italic: true },
+    keyword: "#bb9af7",
+    string: "#9ece6a",
+    escape: "#89ddff",
+    number: "#ff9e64",
+    constant: "#ff9e64",
+    function: "#7aa2f7",
+    type: "#2ac3de",
+    variable: "#e0af68",
+    parameter: { color: "#e0af68", italic: true },
+    property: "#73daca",
+    builtin: "#7dcfff",
+    operator: "#89ddff",
+    punctuation: "#9abdf5",
+    tag: "#f7768e",
+    attribute: "#bb9af7",
+    meta: "#e0af68",
+    regex: "#b4f9f8",
+    heading: { color: "#89ddff", bold: true },
+    link: { color: "#7aa2f7", underline: true },
+    inserted: "#9ece6a",
+    deleted: "#f7768e",
+  },
+};
+
+export const tokyoNightLight = {
+  name: "tokyo-night-light",
+  dark: false,
+  background: "#d5d6db",
+  foreground: "#343b58",
+  styles: {
+    comment: { color: "#6c6e75", italic: true },
+    keyword: "#5a4a78",
+    string: "#485e30",
+    escape: "#0f4b6e",
+    number: "#965027",
+    constant: "#965027",
+    function: "#34548a",
+    type: "#166775",
+    variable: "#8f5e15",
+    parameter: { color: "#8f5e15", italic: true },
+    property: "#33635c",
+    builtin: "#0f4b6e",
+    operator: "#0f4b6e",
+    punctuation: "#634f30",
+    tag: "#8c4351",
+    attribute: "#5a4a78",
+    meta: "#8f5e15",
+    regex: "#166775",
+    heading: { color: "#0f4b6e", bold: true },
+    link: { color: "#34548a", underline: true },
+    inserted: "#485e30",
+    deleted: "#8c4351",
+  },
+};
+
+export const monokaiPro = {
+  name: "monokai-pro",
+  dark: true,
+  background: "#2d2a2e",
+  foreground: "#fcfcfa",
+  styles: {
+    comment: { color: "#7b797b", italic: true },
+    keyword: "#ff6188",
+    string: "#ffd866",
+    escape: "#ab9df2",
+    number: "#ab9df2",
+    constant: "#ab9df2",
+    function: "#a9dc76",
+    type: { color: "#78dce8", italic: true },
+    variable: "#fcfcfa",
+    parameter: { color: "#fc9867", italic: true },
+    property: "#fcfcfa",
+    builtin: "#78dce8",
+    operator: "#ff6188",
+    punctuation: "#939293",
+    tag: "#ff6188",
+    attribute: { color: "#78dce8", italic: true },
+    meta: "#ab9df2",
+    regex: "#fc9867",
+    heading: { color: "#ffd866", bold: true },
+    link: { color: "#78dce8", underline: true },
+    inserted: "#a9dc76",
+    deleted: "#ff6188",
+  },
+};
+
+export const horizon = {
+  name: "horizon",
+  dark: true,
+  background: "#1c1e26",
+  foreground: "#d5d8da",
+  styles: {
+    comment: { color: "#6c6f75", italic: true },
+    keyword: "#b877db",
+    string: "#fab795",
+    escape: "#f09483",
+    number: "#f09483",
+    constant: "#f09483",
+    function: "#25b0bc",
+    type: "#fac29a",
+    variable: "#e95678",
+    parameter: { color: "#e95678", italic: true },
+    property: "#e95678",
+    builtin: "#25b0bc",
+    operator: "#bbbbbb",
+    punctuation: "#939496",
+    tag: "#e95678",
+    attribute: "#f09483",
+    meta: "#fac29a",
+    regex: "#fab795",
+    heading: { color: "#e95678", bold: true },
+    link: { color: "#fab795", underline: true },
+    inserted: "#09f7a0",
+    deleted: "#f43e5c",
+  },
+};
+
+export const panda = {
+  name: "panda",
+  dark: true,
+  background: "#292a2b",
+  foreground: "#e6e6e6",
+  styles: {
+    comment: { color: "#737885", italic: true },
+    keyword: "#ff75b5",
+    string: "#19f9d8",
+    escape: "#b084eb",
+    number: "#ffb86c",
+    constant: "#ffb86c",
+    function: "#6fc1ff",
+    type: "#ffcc95",
+    variable: "#e6e6e6",
+    parameter: { color: "#bbbbbb", italic: true },
+    property: "#6fc1ff",
+    builtin: "#ff9ac1",
+    operator: "#f3f3f3",
+    punctuation: "#e6e6e6",
+    tag: "#ff2c6d",
+    attribute: { color: "#ffb86c", italic: true },
+    meta: "#ff4b82",
+    regex: "#ff9ac1",
+    heading: { color: "#6fc1ff", bold: true },
+    link: { color: "#ffb86c", underline: true },
+    inserted: "#19f9d8",
+    deleted: "#ff2c6d",
+  },
+};
+
+export const cobalt2 = {
+  name: "cobalt2",
+  dark: true,
+  background: "#193549",
+  foreground: "#ffffff",
+  styles: {
+    comment: { color: "#0088ff", italic: true },
+    keyword: "#ff9d00",
+    string: "#a5ff90",
+    escape: "#ff628c",
+    number: "#ff628c",
+    constant: "#ff628c",
+    function: "#ffc600",
+    type: "#80ffbb",
+    variable: "#e1efff",
+    parameter: { color: "#e1efff", italic: true },
+    property: "#9effff",
+    builtin: "#80ffbb",
+    operator: "#ff9d00",
+    punctuation: "#e1efff",
+    tag: "#9effff",
+    attribute: { color: "#ffc600", italic: true },
+    meta: "#ff9d00",
+    regex: "#80ffc2",
+    heading: { color: "#ffc600", bold: true },
+    link: { color: "#ff9d00", underline: true },
+    inserted: "#3ad900",
+    deleted: "#ee3a43",
+  },
+};