Skip to content

Commit bcec367

Browse files
hawkticehursthawkticehurst
authored
Fix card colors in customization modal for better theme contrast (#333620)
Agent Host changes for agents/fix-customization-modal-card-colors
1 parent e05bae3 commit bcec367

4 files changed

Lines changed: 37 additions & 35 deletions

File tree

‎src/vs/workbench/contrib/chat/browser/aiCustomization/media/agentGlobalConfigurationSettings.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,9 @@
5656
}
5757

5858
.agent-global-configuration-settings-card {
59-
border: 1px solid var(--vscode-widget-border, var(--vscode-contrastBorder, transparent));
59+
border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
6060
border-radius: var(--vscode-cornerRadius-small);
61+
background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
6162
overflow: hidden;
6263
}
6364

@@ -74,7 +75,7 @@
7475
.agent-global-configuration-settings-row + .agent-global-configuration-settings-text-row,
7576
.agent-global-configuration-settings-text-row + .agent-global-configuration-settings-row,
7677
.agent-global-configuration-settings-text-row + .agent-global-configuration-settings-text-row {
77-
border-top: 1px solid var(--vscode-widget-border, var(--vscode-contrastBorder, transparent));
78+
border-top: var(--vscode-strokeThickness) solid var(--vscode-widget-border, var(--vscode-agentsPanel-border));
7879
}
7980

8081
.agent-global-configuration-settings-labels {

‎src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2488,8 +2488,9 @@ per-word capitalization does not survive translation. */
24882488
display: flex;
24892489
flex-direction: column;
24902490
gap: 0;
2491-
border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
2491+
border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
24922492
border-radius: var(--vscode-cornerRadius-medium);
2493+
background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
24932494
overflow: hidden;
24942495
}
24952496

@@ -2541,7 +2542,7 @@ per-word capitalization does not survive translation. */
25412542
}
25422543

25432544
.plugin-list-widget .plugin-home-row:not(:last-child) {
2544-
box-shadow: inset 0 calc(-1 * var(--vscode-strokeThickness)) var(--vscode-widget-border);
2545+
box-shadow: inset 0 calc(-1 * var(--vscode-strokeThickness)) var(--vscode-widget-border, var(--vscode-agentsPanel-border));
25452546
}
25462547

25472548
.plugin-list-widget .plugin-home-row:hover {
@@ -2889,7 +2890,7 @@ per-word capitalization does not survive translation. */
28892890
padding: var(--vscode-spacing-size120);
28902891
border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
28912892
border-radius: var(--vscode-cornerRadius-large);
2892-
background: var(--vscode-editorWidget-background);
2893+
background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
28932894
color: var(--vscode-foreground);
28942895
box-sizing: border-box;
28952896
cursor: pointer;

‎src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationWelcomePromptLaunchers.css‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -51,9 +51,9 @@
5151
box-sizing: border-box;
5252
padding: var(--vscode-spacing-size160);
5353
margin: var(--vscode-spacing-size200) 0 var(--vscode-spacing-size280);
54-
border: var(--vscode-strokeThickness) solid color-mix(in srgb, var(--vscode-editorWidget-border) 85%, transparent);
54+
border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
5555
border-radius: var(--vscode-cornerRadius-large);
56-
background: var(--vscode-editorWidget-background);
56+
background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
5757
}
5858

5959
.ai-customization-management-editor .welcome-prompts-section-label {
@@ -212,9 +212,9 @@
212212
flex-direction: column;
213213
min-width: 0;
214214
padding: var(--vscode-spacing-size120);
215-
border: var(--vscode-strokeThickness) solid var(--vscode-widget-border);
215+
border: var(--vscode-strokeThickness) solid var(--vscode-agentsPanel-border);
216216
border-radius: var(--vscode-cornerRadius-large);
217-
background: var(--vscode-editorWidget-background);
217+
background: color-mix(in srgb, var(--vscode-foreground) 8%, var(--vscode-agentsPanel-background));
218218
color: var(--vscode-foreground);
219219
font: inherit;
220220
text-align: left;
@@ -233,8 +233,8 @@
233233

234234
.ai-customization-management-editor .welcome-prompts-migration-card {
235235
grid-column: 1 / -1;
236-
background: color-mix(in srgb, var(--vscode-inputValidation-warningBackground) 35%, var(--vscode-sideBar-background));
237-
border-color: color-mix(in srgb, var(--vscode-inputValidation-warningBorder) 70%, var(--vscode-widget-border));
236+
background: color-mix(in srgb, var(--vscode-inputValidation-warningBackground) 35%, var(--vscode-agentsPanel-background));
237+
border-color: color-mix(in srgb, var(--vscode-inputValidation-warningBorder) 70%, var(--vscode-agentsPanel-border));
238238
cursor: pointer;
239239
}
240240

‎test/componentFixtures/blocks-ci-screenshots.md‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
<!-- auto-generated by CI — do not edit manually -->
22

33
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentHostPromptMigration/Dark
4-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/73125119f7ad87d8bbae85ed0e685ceafb7e79d1d72d036486990e54160223f1)
4+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/ecbaf7ccf420a40fa66adf92baaaa1a6b5c24575d58db243f33f25d5f3773119)
55

66
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentHostPromptMigration/Light
7-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/631f44328275de7742be0cf9f85bcf8e23692104192d653d3f734f61a2b3bdd6)
7+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/c13f82b9dbe63bd2450bb28f48d66704613bfa02a36b47c6a05a3c9b4d0b81ea)
88

99
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTab/Dark
10-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/299142bb43919679f11b1320d1297e44cd15f016af0b3d99157976d93721d090)
10+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/6c26540ad074f1bb302f82ce39f5d1cce3478679bd385cc0e5b68c3b7d48c1c7)
1111

1212
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTab/Light
13-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/7f33c8eadc7d82a9fb30f2e59546b15bf4d6540260c7f0b9247b8d956549acad)
13+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/a90405bc9ec5b34569c77e3d180f79b847afe6daa4668a72d158b9787cfc55bc)
1414

1515
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTabNarrow/Dark
16-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/04f8aa6cc6243811fd60682fbd1dd871b7045e6d32b54ffa2d4f4d5331d58df8)
16+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/d51c5ae97416ae8983026c9436150ba766b2837d8794c113ab5891665df74561)
1717

1818
#### chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTabNarrow/Light
19-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/e4677fa2853de20ba9e307155e270fa388465c07c10358a9a1f3ff61a0a1214e)
19+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/e652f2a9309c421bf0a7c805160521ad2837e320fdec9e00393ff981a2eac014)
2020

2121
#### chat/aiCustomizations/aiCustomizationManagementEditor/HooksEmptyWorkspace/Dark
22-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/49cd709a8c4d88a3d569d93174245949a9bb187209172e859b1c503e065b2afe)
22+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/34ca750e1747a1e89fbeaab3b755d1372ee503e009f4c2a32a4d7205742b3dce)
2323

2424
#### chat/aiCustomizations/aiCustomizationManagementEditor/HooksEmptyWorkspace/Light
25-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/18a54b51f477fa721d8c9b1ab56ff55e953801bb3b2d14f01eb043c249b73aeb)
25+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/0a8c7e47a3dadf698e121c5bca782d5235ba9cfb205bfa1362307d4fea2e56f6)
2626

2727
#### chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetailNarrow/Dark
2828
![screenshot](https://hediet-screenshots.azurewebsites.net/images/60660b23153246506d9710d0239c15292079b357def9bbc8d7f92b8184c058c4)
@@ -31,46 +31,46 @@
3131
![screenshot](https://hediet-screenshots.azurewebsites.net/images/3a424b83224188683990741c5a50163601605069c5809ae8e60c01dbee749000)
3232

3333
#### chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTab/Dark
34-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/fd25d29993b79ab91112214f250cfad1defa6824963c3af81e680755101984e6)
34+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/818485b76cf89c4cd8951e5819820d764dbcb11505aa0c302cfe757b95981acd)
3535

3636
#### chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTab/Light
37-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/49c3b0c63a80c07b08a3743b8796d9cf6b02258bb9173b92193cff8b96b39fab)
37+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/9733bdf2e83f6c6442db4d1ced4634a93d8a292d78ae101cf263fea76f64053c)
3838

3939
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogHome/Dark
40-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/6c43ef7d52aa8eb0d576b692fb2d2b0a20dd7677e2280b59c2a80feb2dc34b11)
40+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/52daa14b7b61fd8ea7a28f0db9acaa65dbd403a85078c03cc31c0c135101c236)
4141

4242
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogHome/Light
43-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/24f0815b7784be0b7a0f10144de52e1746d95874cf19d1b1eb0522595f363ca3)
43+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/94410e4c60912cfa7c8e58096d69c1f3e5d6dde2c5eb4ae17c356d29147c1850)
4444

4545
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogHomeNarrow/Dark
46-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/1671f24b9ab6711ae5f09998ba83110b8e8776b36b2a79faa72f19b603b5d39f)
46+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/11be24ce9bdb02eaa809b871ba506d469a745e42f8f11250903ddb6084f721db)
4747

4848
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogHomeNarrow/Light
49-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/fdf59b4c9ed25069eb8cc0e60b83a7c6cab5fefbb15186413549bc7d084e4155)
49+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/d451310e9fce1333215b6be7d258c5fc131a624a41198251d18b75e37d83d23e)
5050

5151
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogSearch/Dark
52-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/22686ac92c2a14563ba7e6d01bb550f78f11eb1c43afeb1ced96529589e82265)
52+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/84c453d09dae5b3b87205364370e55360812a425dda96123659ac15402c5dcb4)
5353

5454
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginCatalogSearch/Light
55-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/e97446149b544a13b4549bad9c6b5662ea0b8c0e90d0a7650423ac370d8d69cc)
55+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/669e7d7c8d96c2076c8a576fa3a7e5c5cecf1f95671a675162eefad7a5ff3e11)
5656

5757
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetail/Dark
58-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/0f3957abfe413adc6948235a3719e3816c894732811ebe7183746dcc9b8c1b4c)
58+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/e2d667dd5052de6eca13f0c07f7b4dfa768a4499cdb10885c6e3bb75b636324f)
5959

6060
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetail/Light
61-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/cebf11554d8406530a8096a278fd9e31a1e365e0a81de7ee8b5f363b0c4dc928)
61+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/b1001378286b10e85c5ea0d38a2a39b781a2370e07f686182ac0f7f448f7c0b3)
6262

6363
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTab/Dark
64-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/0f3957abfe413adc6948235a3719e3816c894732811ebe7183746dcc9b8c1b4c)
64+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/e2d667dd5052de6eca13f0c07f7b4dfa768a4499cdb10885c6e3bb75b636324f)
6565

6666
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTab/Light
67-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/cebf11554d8406530a8096a278fd9e31a1e365e0a81de7ee8b5f363b0c4dc928)
67+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/b1001378286b10e85c5ea0d38a2a39b781a2370e07f686182ac0f7f448f7c0b3)
6868

6969
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTabNarrow/Dark
70-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/35d360958fc72a25ba7c2dd68ff3cf994e1f26ed91b6ef1a491fa35690a8e0da)
70+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/71c963b2ea1414b83ed3ad4da0c556197369d23d7f0b63806d0e2bf9f9b04127)
7171

7272
#### chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTabNarrow/Light
73-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/53ddc34360c336aba42bc527fced457fad6503ea7ed7c5739df13114e3d608b7)
73+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/683eab172739819c9bac2d664ded814f40824de289ca4c3570b6d968bb04070c)
7474

7575
#### chat/aiCustomizations/aiCustomizationManagementEditor/PromptMigration/Dark
7676
![screenshot](https://hediet-screenshots.azurewebsites.net/images/d816d432f1c51513810871127ce8475d572ffd439dc86667d164e713b06042c2)
@@ -91,10 +91,10 @@
9191
![screenshot](https://hediet-screenshots.azurewebsites.net/images/d9596cabc6fedef4660ac86b2861ff18ebb3a67da723b7014f05fea915059919)
9292

9393
#### chat/aiCustomizations/aiCustomizationManagementEditor/WelcomePage/Dark
94-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/bb845f60651850b28b0c3e5ca0b8ed12910a706c00e6bb71c1715bf61a646f2c)
94+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/483f8579ecd4518666859e405e43c08aec24e1a857a05f242517c1916ab21b9a)
9595

9696
#### chat/aiCustomizations/aiCustomizationManagementEditor/WelcomePage/Light
97-
![screenshot](https://hediet-screenshots.azurewebsites.net/images/dd46998ca3d441faee2d504279e5619711d13fb90fc8c6d48d1ea19d5535ca37)
97+
![screenshot](https://hediet-screenshots.azurewebsites.net/images/959217baa8742edd1ec21037a15b15febef35dce360a0fc11cb8f7b1244b977c)
9898

9999
#### chat/chatPetAccessoryRig/chatPetAccessoryRig/AllAccessoriesFacing/Dark
100100
![screenshot](https://hediet-screenshots.azurewebsites.net/images/4cc1460fb1925cee3a2de5e5ae60770984f0490780e294bdcf56fac47c2d1490)

0 commit comments

Comments
 (0)