From 8efbe497fde1babf772c22977e82e4ea2a762f5a Mon Sep 17 00:00:00 2001 From: tyrellshawn Date: Sat, 21 Jun 2025 08:29:49 -0400 Subject: [PATCH] Created a Theme inspired by the matrix (#285) --- .../tui/internal/theme/themes/matrix.json | 77 +++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 packages/tui/internal/theme/themes/matrix.json diff --git a/packages/tui/internal/theme/themes/matrix.json b/packages/tui/internal/theme/themes/matrix.json new file mode 100644 index 00000000..35494628 --- /dev/null +++ b/packages/tui/internal/theme/themes/matrix.json @@ -0,0 +1,77 @@ +{ + "$schema": "https://opencode.ai/theme.json", + "defs": { + "matrixInk0": "#0a0e0a", + "matrixInk1": "#0e130d", + "matrixInk2": "#141c12", + "matrixInk3": "#1e2a1b", + "rainGreen": "#2eff6a", + "rainGreenDim": "#1cc24b", + "rainGreenHi": "#62ff94", + "rainCyan": "#00efff", + "rainTeal": "#24f6d9", + "rainPurple": "#c770ff", + "rainOrange": "#ffa83d", + "alertRed": "#ff4b4b", + "alertYellow": "#e6ff57", + "alertBlue": "#30b3ff", + "rainGray": "#8ca391", + "lightBg": "#eef3ea", + "lightPaper": "#e4ebe1", + "lightInk1": "#dae1d7", + "lightText": "#203022", + "lightGray": "#748476" + }, + "theme": { + "primary": { "dark": "rainGreen", "light": "rainGreenDim" }, + "secondary": { "dark": "rainCyan", "light": "rainTeal" }, + "accent": { "dark": "rainPurple", "light": "rainPurple" }, + "error": { "dark": "alertRed", "light": "alertRed" }, + "warning": { "dark": "alertYellow", "light": "alertYellow" }, + "success": { "dark": "rainGreenHi", "light": "rainGreenDim" }, + "info": { "dark": "alertBlue", "light": "alertBlue" }, + "text": { "dark": "rainGreenHi", "light": "lightText" }, + "textMuted": { "dark": "rainGray", "light": "lightGray" }, + "background": { "dark": "matrixInk0", "light": "lightBg" }, + "backgroundPanel": { "dark": "matrixInk1", "light": "lightPaper" }, + "backgroundElement": { "dark": "matrixInk2", "light": "lightInk1" }, + "border": { "dark": "matrixInk3", "light": "lightGray" }, + "borderActive": { "dark": "rainGreen", "light": "rainGreenDim" }, + "borderSubtle": { "dark": "matrixInk2", "light": "lightInk1" }, + "diffAdded": { "dark": "rainGreenDim", "light": "rainGreenDim" }, + "diffRemoved": { "dark": "alertRed", "light": "alertRed" }, + "diffContext": { "dark": "rainGray", "light": "lightGray" }, + "diffHunkHeader": { "dark": "alertBlue", "light": "alertBlue" }, + "diffHighlightAdded": { "dark": "#77ffaf", "light": "#5dac7e" }, + "diffHighlightRemoved": { "dark": "#ff7171", "light": "#d53a3a" }, + "diffAddedBg": { "dark": "#132616", "light": "#e0efde" }, + "diffRemovedBg": { "dark": "#261212", "light": "#f9e5e5" }, + "diffContextBg": { "dark": "matrixInk1", "light": "lightPaper" }, + "diffLineNumber": { "dark": "matrixInk3", "light": "lightGray" }, + "diffAddedLineNumberBg": { "dark": "#0f1b11", "light": "#d6e7d2" }, + "diffRemovedLineNumberBg": { "dark": "#1b1414", "light": "#f2d2d2" }, + "markdownText": { "dark": "rainGreenHi", "light": "lightText" }, + "markdownHeading": { "dark": "rainCyan", "light": "rainTeal" }, + "markdownLink": { "dark": "alertBlue", "light": "alertBlue" }, + "markdownLinkText": { "dark": "rainTeal", "light": "rainTeal" }, + "markdownCode": { "dark": "rainGreenDim", "light": "rainGreenDim" }, + "markdownBlockQuote": { "dark": "rainGray", "light": "lightGray" }, + "markdownEmph": { "dark": "rainOrange", "light": "rainOrange" }, + "markdownStrong": { "dark": "alertYellow", "light": "alertYellow" }, + "markdownHorizontalRule": { "dark": "rainGray", "light": "lightGray" }, + "markdownListItem": { "dark": "alertBlue", "light": "alertBlue" }, + "markdownListEnumeration": { "dark": "rainTeal", "light": "rainTeal" }, + "markdownImage": { "dark": "alertBlue", "light": "alertBlue" }, + "markdownImageText": { "dark": "rainTeal", "light": "rainTeal" }, + "markdownCodeBlock": { "dark": "rainGreenHi", "light": "lightText" }, + "syntaxComment": { "dark": "rainGray", "light": "lightGray" }, + "syntaxKeyword": { "dark": "rainPurple", "light": "rainPurple" }, + "syntaxFunction": { "dark": "alertBlue", "light": "alertBlue" }, + "syntaxVariable": { "dark": "rainGreenHi", "light": "lightText" }, + "syntaxString": { "dark": "rainGreenDim", "light": "rainGreenDim" }, + "syntaxNumber": { "dark": "rainOrange", "light": "rainOrange" }, + "syntaxType": { "dark": "alertYellow", "light": "alertYellow" }, + "syntaxOperator": { "dark": "rainTeal", "light": "rainTeal" }, + "syntaxPunctuation": { "dark": "rainGreenHi", "light": "lightText" } + } +}