Adds a border to PR and Issue buttons on home

d13 · d13 · commit 3ebae2f63c41 · 2025-01-15T15:07:11.000-05:00
diff --git a/src/webviews/apps/plus/home/components/branch-card.ts b/src/webviews/apps/plus/home/components/branch-card.ts
@@ -172,12 +172,14 @@ export const branchCardStyles = css`
 	:host-context(.vscode-high-contrast) .branch-item__missing {
 		--button-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 3%);
 		--button-hover-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 1.5%);
+		--button-border: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 12%);
 	}
 
 	:host-context(.vscode-light) .branch-item__missing,
 	:host-context(.vscode-high-contrast-light) .branch-item__missing {
 		--button-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 8%);
 		--button-hover-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 10%);
+		--button-border: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 14%);
 	}
 
 	.branch-item__category {

Original file line number	Diff line number	Diff line change
@@ -172,12 +172,14 @@ export const branchCardStyles = css`
`172`	`172`	`:host-context(.vscode-high-contrast) .branch-item__missing {`
`173`	`173`	`--button-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 3%);`
`174`	`174`	`--button-hover-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 1.5%);`
	`175`	`+ --button-border: color-mix(in lab, var(--vscode-sideBar-background) 100%, #fff 12%);`
`175`	`176`	`}`
`176`	`177`
`177`	`178`	`:host-context(.vscode-light) .branch-item__missing,`
`178`	`179`	`:host-context(.vscode-high-contrast-light) .branch-item__missing {`
`179`	`180`	`--button-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 8%);`
`180`	`181`	`--button-hover-background: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 10%);`
	`182`	`+ --button-border: color-mix(in lab, var(--vscode-sideBar-background) 100%, #000 14%);`
`181`	`183`	`}`
`182`	`184`
`183`	`185`	`.branch-item__category {`