-
Notifications
You must be signed in to change notification settings - Fork 3.4k
Labels
bugSomething isn't workingSomething isn't workinggood first issueGood for newcomersGood for newcomershelp-wantedopentuiThis relates to changes in v1.0, now that opencode uses opentuiThis relates to changes in v1.0, now that opencode uses opentui
Description
Description
I'm trying to make my Night Owl theme transparent by setting:
"background": {
"dark": "none",
"light": "none"
},Here is the full file with those changes 👇
{
"$schema": "https://opencode.ai/theme.json",
"defs": {
"nightOwlBg": "#011627",
"nightOwlFg": "#d6deeb",
"nightOwlBlue": "#82AAFF",
"nightOwlCyan": "#7fdbca",
"nightOwlGreen": "#c5e478",
"nightOwlYellow": "#ecc48d",
"nightOwlOrange": "#F78C6C",
"nightOwlRed": "#EF5350",
"nightOwlPink": "#ff5874",
"nightOwlPurple": "#c792ea",
"nightOwlMuted": "#5f7e97",
"nightOwlGray": "#637777",
"nightOwlLightGray": "#89a4bb",
"nightOwlPanel": "#0b253a"
},
"theme": {
"primary": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"secondary": {
"dark": "nightOwlCyan",
"light": "nightOwlCyan"
},
"accent": {
"dark": "nightOwlPurple",
"light": "nightOwlPurple"
},
"error": {
"dark": "nightOwlRed",
"light": "nightOwlRed"
},
"warning": {
"dark": "nightOwlYellow",
"light": "nightOwlYellow"
},
"success": {
"dark": "nightOwlGreen",
"light": "nightOwlGreen"
},
"info": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"text": {
"dark": "nightOwlFg",
"light": "nightOwlFg"
},
"textMuted": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"background": {
"dark": "none",
"light": "none"
},
"backgroundPanel": {
"dark": "nightOwlPanel",
"light": "nightOwlPanel"
},
"backgroundElement": {
"dark": "nightOwlPanel",
"light": "nightOwlPanel"
},
"border": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"borderActive": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"borderSubtle": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"diffAdded": {
"dark": "nightOwlGreen",
"light": "nightOwlGreen"
},
"diffRemoved": {
"dark": "nightOwlRed",
"light": "nightOwlRed"
},
"diffContext": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"diffHunkHeader": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"diffHighlightAdded": {
"dark": "nightOwlGreen",
"light": "nightOwlGreen"
},
"diffHighlightRemoved": {
"dark": "nightOwlRed",
"light": "nightOwlRed"
},
"diffAddedBg": {
"dark": "#0a2e1a",
"light": "#0a2e1a"
},
"diffRemovedBg": {
"dark": "#2d1b1b",
"light": "#2d1b1b"
},
"diffContextBg": {
"dark": "nightOwlPanel",
"light": "nightOwlPanel"
},
"diffLineNumber": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"diffAddedLineNumberBg": {
"dark": "#0a2e1a",
"light": "#0a2e1a"
},
"diffRemovedLineNumberBg": {
"dark": "#2d1b1b",
"light": "#2d1b1b"
},
"markdownText": {
"dark": "nightOwlFg",
"light": "nightOwlFg"
},
"markdownHeading": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"markdownLink": {
"dark": "nightOwlCyan",
"light": "nightOwlCyan"
},
"markdownLinkText": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"markdownCode": {
"dark": "nightOwlGreen",
"light": "nightOwlGreen"
},
"markdownBlockQuote": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"markdownEmph": {
"dark": "nightOwlPurple",
"light": "nightOwlPurple"
},
"markdownStrong": {
"dark": "nightOwlYellow",
"light": "nightOwlYellow"
},
"markdownHorizontalRule": {
"dark": "nightOwlMuted",
"light": "nightOwlMuted"
},
"markdownListItem": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"markdownListEnumeration": {
"dark": "nightOwlCyan",
"light": "nightOwlCyan"
},
"markdownImage": {
"dark": "nightOwlCyan",
"light": "nightOwlCyan"
},
"markdownImageText": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"markdownCodeBlock": {
"dark": "nightOwlFg",
"light": "nightOwlFg"
},
"syntaxComment": {
"dark": "nightOwlGray",
"light": "nightOwlGray"
},
"syntaxKeyword": {
"dark": "nightOwlPurple",
"light": "nightOwlPurple"
},
"syntaxFunction": {
"dark": "nightOwlBlue",
"light": "nightOwlBlue"
},
"syntaxVariable": {
"dark": "nightOwlFg",
"light": "nightOwlFg"
},
"syntaxString": {
"dark": "nightOwlYellow",
"light": "nightOwlYellow"
},
"syntaxNumber": {
"dark": "nightOwlOrange",
"light": "nightOwlOrange"
},
"syntaxType": {
"dark": "nightOwlGreen",
"light": "nightOwlGreen"
},
"syntaxOperator": {
"dark": "nightOwlCyan",
"light": "nightOwlCyan"
},
"syntaxPunctuation": {
"dark": "nightOwlFg",
"light": "nightOwlFg"
}
}
}Drop it into ~\.config\opencode\themes\nightowl-transparent.json and select nightowl-transparent via /theme.
You will see this:
Instead of this:
Notice the strange margins:
I don't see how changing the background could affect this and need help.
OpenCode version
1.0.152
Steps to reproduce
No response
Screenshot and/or share link
No response
Operating System
Windows 11
Terminal
Windows Terminal
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workinggood first issueGood for newcomersGood for newcomershelp-wantedopentuiThis relates to changes in v1.0, now that opencode uses opentuiThis relates to changes in v1.0, now that opencode uses opentui