mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat(theme): Vercel (#5119)

Browse source 
Co-authored-by: opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>
Co-authored-by: rekram1-node <rekram1-node@users.noreply.github.com>
This commit is contained in:
Anthony Shew 2025-12-05 09:01:20 -07:00 • committed by GitHub
parent 52db0f23a6
commit ada7cca10d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 247 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/opencode/src/cli/cmd/tui/context/theme.tsx
View file

@ -25,6 +25,7 @@ import rosepine from "./theme/rosepine.json" with { type: "json" }
import solarized from "./theme/solarized.json" with { type: "json" }
import synthwave84 from "./theme/synthwave84.json" with { type: "json" }
import tokyonight from "./theme/tokyonight.json" with { type: "json" }
import vercel from "./theme/vercel.json" with { type: "json" }
import vesper from "./theme/vesper.json" with { type: "json" }
import zenburn from "./theme/zenburn.json" with { type: "json" }
import { useKV } from "./kv"
@ -149,6 +150,7 @@ export const DEFAULT_THEMES: Record<string, ThemeJson> = {
synthwave84,
tokyonight,
vesper,
vercel,
zenburn,
}

245
packages/opencode/src/cli/cmd/tui/context/theme/vercel.json Normal file
View file

@ -0,0 +1,245 @@
{
"$schema": "https://opencode.ai/theme.json",
"defs": {
"background100": "#0A0A0A",
"background200": "#000000",
"gray100": "#1A1A1A",
"gray200": "#1F1F1F",
"gray300": "#292929",
"gray400": "#2E2E2E",
"gray500": "#454545",
"gray600": "#878787",
"gray700": "#8F8F8F",
"gray900": "#A1A1A1",
"gray1000": "#EDEDED",
"blue600": "#0099FF",
"blue700": "#0070F3",
"blue900": "#52A8FF",
"blue1000": "#EBF8FF",
"red700": "#E5484D",
"red900": "#FF6166",
"red1000": "#FDECED",
"amber700": "#FFB224",
"amber900": "#F2A700",
"amber1000": "#FDF4DC",
"green700": "#46A758",
"green900": "#63C46D",
"green1000": "#E6F9E9",
"teal700": "#12A594",
"teal900": "#0AC7AC",
"purple700": "#8E4EC6",
"purple900": "#BF7AF0",
"pink700": "#E93D82",
"pink900": "#F75590",
"highlightPink": "#FF0080",
"highlightPurple": "#F81CE5",
"cyan": "#50E3C2",
"lightBackground": "#FFFFFF",
"lightGray100": "#FAFAFA",
"lightGray200": "#EAEAEA",
"lightGray600": "#666666",
"lightGray1000": "#171717"
},
"theme": {
"primary": {
"dark": "blue700",
"light": "blue700"
},
"secondary": {
"dark": "blue900",
"light": "#0062D1"
},
"accent": {
"dark": "purple700",
"light": "purple700"
},
"error": {
"dark": "red700",
"light": "#DC3545"
},
"warning": {
"dark": "amber700",
"light": "#FF9500"
},
"success": {
"dark": "green700",
"light": "#388E3C"
},
"info": {
"dark": "blue900",
"light": "blue700"
},
"text": {
"dark": "gray1000",
"light": "lightGray1000"
},
"textMuted": {
"dark": "gray600",
"light": "lightGray600"
},
"background": {
"dark": "background200",
"light": "lightBackground"
},
"backgroundPanel": {
"dark": "gray100",
"light": "lightGray100"
},
"backgroundElement": {
"dark": "gray300",
"light": "lightGray200"
},
"border": {
"dark": "gray200",
"light": "lightGray200"
},
"borderActive": {
"dark": "gray500",
"light": "#999999"
},
"borderSubtle": {
"dark": "gray100",
"light": "#EAEAEA"
},
"diffAdded": {
"dark": "green900",
"light": "green700"
},
"diffRemoved": {
"dark": "red900",
"light": "red700"
},
"diffContext": {
"dark": "gray600",
"light": "lightGray600"
},
"diffHunkHeader": {
"dark": "gray600",
"light": "lightGray600"
},
"diffHighlightAdded": {
"dark": "green900",
"light": "green700"
},
"diffHighlightRemoved": {
"dark": "red900",
"light": "red700"
},
"diffAddedBg": {
"dark": "#0B1D0F",
"light": "#E6F9E9"
},
"diffRemovedBg": {
"dark": "#2A1314",
"light": "#FDECED"
},
"diffContextBg": {
"dark": "background200",
"light": "lightBackground"
},
"diffLineNumber": {
"dark": "gray600",
"light": "lightGray600"
},
"diffAddedLineNumberBg": {
"dark": "#0F2613",
"light": "#D6F5D6"
},
"diffRemovedLineNumberBg": {
"dark": "#3C1618",
"light": "#FFE5E5"
},
"markdownText": {
"dark": "gray1000",
"light": "lightGray1000"
},
"markdownHeading": {
"dark": "purple900",
"light": "purple700"
},
"markdownLink": {
"dark": "blue900",
"light": "blue700"
},
"markdownLinkText": {
"dark": "teal900",
"light": "teal700"
},
"markdownCode": {
"dark": "green900",
"light": "green700"
},
"markdownBlockQuote": {
"dark": "gray600",
"light": "lightGray600"
},
"markdownEmph": {
"dark": "amber900",
"light": "amber700"
},
"markdownStrong": {
"dark": "pink900",
"light": "pink700"
},
"markdownHorizontalRule": {
"dark": "gray500",
"light": "#999999"
},
"markdownListItem": {
"dark": "gray1000",
"light": "lightGray1000"
},
"markdownListEnumeration": {
"dark": "blue900",
"light": "blue700"
},
"markdownImage": {
"dark": "teal900",
"light": "teal700"
},
"markdownImageText": {
"dark": "cyan",
"light": "teal700"
},
"markdownCodeBlock": {
"dark": "gray1000",
"light": "lightGray1000"
},
"syntaxComment": {
"dark": "gray600",
"light": "#888888"
},
"syntaxKeyword": {
"dark": "pink900",
"light": "pink700"
},
"syntaxFunction": {
"dark": "purple900",
"light": "purple700"
},
"syntaxVariable": {
"dark": "blue900",
"light": "blue700"
},
"syntaxString": {
"dark": "green900",
"light": "green700"
},
"syntaxNumber": {
"dark": "amber900",
"light": "amber700"
},
"syntaxType": {
"dark": "teal900",
"light": "teal700"
},
"syntaxOperator": {
"dark": "pink900",
"light": "pink700"
},
"syntaxPunctuation": {
"dark": "gray1000",
"light": "lightGray1000"
}
}
}