gpui-component/themes/tokyonight.json

{
  "name": "Tokyo",
  "author": "Folke Lemaitre",
  "url": "https://github.com/folke/tokyonight.nvim",
  "$schema": "https://github.com/longbridge/gpui-component/raw/refs/heads/main/.theme-schema.json",
  "themes": [
    {
      "name": "Tokyo Night",
      "mode": "dark",
      "colors": {
        "accent.background": "#2C3045",
        "accent.foreground": "#c0caf5",
        "background": "#1a1b26",
        "border": "#292e42",
        "window_border": "#3d4462",
        "ring": "#7aa2f7",
        "foreground": "#c0caf5",
        "input.border": "#414868",
        "link.active.foreground": "#7aa2f722",
        "link.foreground": "#7aa2f7",
        "link.hover.foreground": "#7aa2f7",
        "list.active.background": "#7aa2f722",
        "list.active.border": "#7aa2f7",
        "list.even.background": "#2C304599",
        "muted.background": "#292e42",
        "muted.foreground": "#565f89",
        "panel.background": "#292e42",
        "popover.background": "#1a1b26",
        "popover.foreground": "#c0caf5",
        "primary.background": "#7aa2f7",
        "primary.foreground": "#1a1b26",
        "scrollbar.background": "#1a1b2600",
        "scrollbar.thumb.background": "#414868",
        "secondary.active.background": "#232739",
        "secondary.background": "#292e42",
        "secondary.foreground": "#C0CAF5",
        "secondary.hover.background": "#31374f",
        "title_bar.background": "#161720",
        "title_bar.border": "#292e42",
        "chart.grid": "#222332",
        "base.red": "#f7768e",
        "base.green": "#9ece6a",
        "base.yellow": "#e0af68",
        "base.blue": "#7aa2f7",
        "base.magenta": "#565f89",
        "base.cyan": "#7dcfff"
      },
      "highlight": {
        "editor.foreground": "#c0caf5",
        "editor.background": "#1a1b26",
        "editor.active_line.background": "#292e42",
        "editor.line_number": "#565f89",
        "editor.active_line_number": "#c0caf5",
        "conflict": "#f7768e",
        "created": "#9ece6a",
        "deleted": "#f7768e",
        "error": "#f7768e",
        "hidden": "#565f89",
        "hint": "#7dcfff",
        "ignored": "#565f89",
        "info": "#7aa2f7",
        "modified": "#e0af68",
        "predictive": "#565f89",
        "renamed": "#7aa2f7",
        "success": "#9ece6a",
        "unreachable": "#565f89",
        "warning": "#e0af68",
        "syntax": {
          "attribute": {
            "color": "#e0af68"
          },
          "boolean": {
            "color": "#9ece6a"
          },
          "comment": {
            "color": "#565f89",
            "font_style": "italic"
          },
          "comment.doc": {
            "color": "#565f89",
            "font_style": "italic"
          },
          "constant": {
            "color": "#7aa2f7"
          },
          "constructor": {
            "color": "#e0af68"
          },
          "embedded": {
            "color": "#c0caf5"
          },
          "function": {
            "color": "#7aa2f7"
          },
          "keyword": {
            "color": "#f7768e"
          },
          "link_text": {
            "color": "#7dcfff",
            "font_style": "underline"
          },
          "link_uri": {
            "color": "#7aa2f7",
            "font_style": "italic"
          },
          "number": {
            "color": "#e0af68"
          },
          "string": {
            "color": "#9ece6a"
          },
          "string.escape": {
            "color": "#7dcfff"
          },
          "string.regex": {
            "color": "#9ece6a"
          },
          "string.special": {
            "color": "#e0af68"
          },
          "string.special.symbol": {
            "color": "#e0af68"
          },
          "tag": {
            "color": "#f7768e"
          },
          "text.literal": {
            "color": "#c0caf5"
          },
          "title": {
            "color": "#7aa2f7",
            "font_weight": 600
          },
          "type": {
            "color": "#7dcfff"
          },
          "property": {
            "color": "#c0caf5"
          },
          "variable.special": {
            "color": "#f7768e"
          }
        }
      }
    },
    {
      "name": "Tokyo Storm",
      "mode": "dark",
      "colors": {
        "accent.background": "#414868",
        "accent.foreground": "#c0caf5",
        "background": "#24283b",
        "border": "#3d4462",
        "window_border": "#3d4462",
        "ring": "#7aa2f7",
        "foreground": "#c0caf5",
        "input.border": "#414868",
        "link.active.foreground": "#7aa2f7",
        "link.foreground": "#7aa2f7",
        "link.hover.foreground": "#7aa2f7",
        "list.active.background": "#7aa2f711",
        "list.active.border": "#7aa2f7",
        "list.even.background": "#41486844",
        "muted.background": "#292e42",
        "muted.foreground": "#565f89",
        "panel.background": "#292e42",
        "popover.background": "#24283b",
        "popover.foreground": "#c0caf5",
        "primary.background": "#7aa2f7",
        "primary.foreground": "#24283b",
        "scrollbar.background": "#24283b00",
        "scrollbar.thumb.background": "#414868",
        "secondary.active.background": "#212535",
        "secondary.background": "#292e42",
        "secondary.foreground": "#c0caf5",
        "secondary.hover.background": "#323750",
        "title_bar.background": "#202435",
        "title_bar.border": "#3d4462",
        "base.red": "#f7768e",
        "base.green": "#9ece6a",
        "base.yellow": "#e0af68",
        "base.blue": "#7aa2f7",
        "base.magenta": "#b283f8",
        "base.cyan": "#7dcfff"
      },
      "highlight": {
        "editor.foreground": "#B0B9E2",
        "editor.background": "#24283B",
        "editor.active_line.background": "#292E42",
        "editor.line_number": "#363C58",
        "editor.active_line_number": "#B0B9E2",
        "conflict": "#D2602D",
        "created": "#3f72e2",
        "deleted": "#f7768e",
        "error": "#f7768e",
        "hidden": "#9E9E9E",
        "hint": "#b283f8",
        "modified": "#B0A878",
        "predictive": "#5D5945",
        "success": "#9ece6a",
        "warning": "#e0af68",
        "syntax": {
          "attribute": {
            "color": "#be9a52"
          },
          "boolean": {
            "color": "#E1D797"
          },
          "comment": {
            "color": "#9E9E9E"
          },
          "comment.doc": {
            "color": "#9E9E9E"
          },
          "constant": {
            "color": "#E1D797"
          },
          "constructor": {
            "color": "#b5af9a"
          },
          "embedded": {
            "color": "#CACCCA"
          },
          "function": {
            "color": "#E1D797"
          },
          "keyword": {
            "color": "#E19773"
          },
          "link_text": {
            "color": "#A86D3B",
            "font_style": "normal"
          },
          "link_uri": {
            "color": "#6F6D66",
            "font_style": "italic"
          },
          "number": {
            "color": "#E19773"
          },
          "string": {
            "color": "#76BA53"
          },
          "string.escape": {
            "color": "#76BA53"
          },
          "string.regex": {
            "color": "#76BA53"
          },
          "string.special": {
            "color": "#E1D797"
          },
          "string.special.symbol": {
            "color": "#E1D797"
          },
          "tag": {
            "color": "#b5af9a"
          },
          "text.literal": {
            "color": "#E1D797"
          },
          "title": {
            "color": "#A76D3B",
            "font_weight": 600
          },
          "type": {
            "color": "#A86D3B"
          },
          "property": {
            "color": "#CACCCA"
          },
          "variable.special": {
            "color": "#E19773"
          }
        }
      }
    },
    {
      "name": "Tokyo Moon",
      "mode": "dark",
      "colors": {
        "accent.background": "#32364E",
        "accent.foreground": "#c0caf5",
        "background": "#222436",
        "border": "#323752",
        "window_border": "#404668",
        "ring": "#82aaff",
        "foreground": "#c0caf5",
        "input.border": "#444b6a",
        "link.active.foreground": "#82aaff",
        "link.foreground": "#82aaff",
        "link.hover.foreground": "#82aaff",
        "list.active.background": "#82aaff22",
        "list.active.border": "#82aaff",
        "list.background": "#222436",
        "list.even.background": "#282a40",
        "muted.background": "#2d3149",
        "muted.foreground": "#6e738d",
        "panel.background": "#2d3149",
        "popover.background": "#222436",
        "popover.foreground": "#c0caf5",
        "primary.background": "#82aaff",
        "primary.foreground": "#222436",
        "scrollbar.background": "#22243600",
        "scrollbar.thumb.background": "#444b6a",
        "secondary.active.background": "#272b3f",
        "secondary.background": "#2d3149",
        "secondary.foreground": "#8c94b5",
        "secondary.hover.background": "#333752",
        "table.row.border": "#2d3149",
        "title_bar.background": "#1e2030",
        "title_bar.border": "#323752",
        "base.red": "#ff757f",
        "base.green": "#c3e88d",
        "base.yellow": "#ffc777",
        "base.blue": "#82aaff",
        "base.magenta": "#6e738d",
        "base.cyan": "#86e1fc"
      },
      "highlight": {
        "editor.foreground": "#c0caf5",
        "editor.background": "#222436",
        "editor.active_line.background": "#2d3149",
        "editor.line_number": "#6e738d",
        "editor.active_line_number": "#c0caf5",
        "conflict": "#ed8796",
        "created": "#c3e88d",
        "deleted": "#ed8796",
        "error": "#ed8796",
        "hidden": "#6e738d",
        "hint": "#86e1fc",
        "ignored": "#6e738d",
        "info": "#82aaff",
        "modified": "#ffc777",
        "predictive": "#6e738d",
        "renamed": "#82aaff",
        "success": "#c3e88d",
        "unreachable": "#6e738d",
        "warning": "#ffc777",
        "syntax": {
          "attribute": {
            "color": "#ffc777"
          },
          "boolean": {
            "color": "#c3e88d"
          },
          "comment": {
            "color": "#6e738d",
            "font_style": "italic"
          },
          "comment.doc": {
            "color": "#6e738d",
            "font_style": "italic"
          },
          "constant": {
            "color": "#82aaff"
          },
          "constructor": {
            "color": "#ffc777"
          },
          "embedded": {
            "color": "#c0caf5"
          },
          "function": {
            "color": "#82aaff"
          },
          "keyword": {
            "color": "#ed8796"
          },
          "link_text": {
            "color": "#86e1fc",
            "font_style": "underline"
          },
          "link_uri": {
            "color": "#82aaff",
            "font_style": "italic"
          },
          "number": {
            "color": "#ffc777"
          },
          "string": {
            "color": "#c3e88d"
          },
          "string.escape": {
            "color": "#86e1fc"
          },
          "string.regex": {
            "color": "#c3e88d"
          },
          "string.special": {
            "color": "#ffc777"
          },
          "string.special.symbol": {
            "color": "#ffc777"
          },
          "tag": {
            "color": "#ed8796"
          },
          "text.literal": {
            "color": "#c0caf5"
          },
          "title": {
            "color": "#82aaff",
            "font_weight": 600
          },
          "type": {
            "color": "#86e1fc"
          },
          "property": {
            "color": "#c0caf5"
          },
          "variable.special": {
            "color": "#ed8796"
          }
        }
      }
    }
  ]
}