Skip to content

Commit af8f4ea

Browse files
authored
fix(vsc): color of search box and sample card shadow (#10381)
1 parent e7a27e1 commit af8f4ea

File tree

4 files changed

+3
-5
lines changed

4 files changed

+3
-5
lines changed

packages/vscode-extension/src/controls/sampleGallery/sampleCard.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@
168168
body.vscode-light {
169169
.sample-card {
170170
background-color: #FFF;
171-
box-shadow: 0px 2px 16px rgb(0 0 0 / 16%);
171+
box-shadow: 0px 2px 4px rgb(0 0 0 / 16%);
172172
}
173173

174174
.sample-card:not(.unavailable):hover {

packages/vscode-extension/src/controls/sampleGallery/sampleCard.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ import "./sampleCard.scss";
66
import * as React from "react";
77

88
import { FontIcon, Image } from "@fluentui/react";
9-
import { VSCodeTag } from "@vscode/webview-ui-toolkit/react";
109

1110
import Turtle from "../../../img/webview/sample/turtle.svg";
1211
import { TelemetryTriggerFrom } from "../../telemetry/extTelemetryEvents";

packages/vscode-extension/src/controls/sampleGallery/sampleFilter.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
border: 1px solid var(--vscode-menu-separatorBackground, #3C3C3C);
2929
height: 24px;
3030
color: var(--vscode-peekViewTitleDescription-foreground, #CCCCCC);
31-
background: var(--vscode-diffEditor-unchangedRegionBackground);
31+
background: rgba(255, 255, 255, 0.1);
3232

3333
input::placeholder {
3434
color: "#A0A0A0";

packages/vscode-extension/src/controls/sampleGallery/sampleFilter.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ export default class SampleFilter extends React.Component<SampleFilterProps, unk
205205
"span:first-child": {
206206
height: 24,
207207
lineHeight: 21,
208-
backgroundColor: "var(--vscode-diffEditor-unchangedRegionBackground)",
208+
backgroundColor: "rgba(255, 255, 255, 0.1)",
209209
color: "var(--vscode-peekViewTitleDescription-foreground, #CCCCCC)",
210210
fontSize: 13,
211211
border: "1px solid var(--vscode-menu-separatorBackground, #3C3C3C)",
@@ -214,7 +214,6 @@ export default class SampleFilter extends React.Component<SampleFilterProps, unk
214214
},
215215
};
216216
const caretStyle: IStyle = {
217-
backgroundColor: "var(--vscode-diffEditor-unchangedRegionBackground)",
218217
color: "var(--vscode-dropdown-foreground, #CCCCCC)",
219218
fontSize: 11,
220219
lineHeight: 16,

0 commit comments

Comments
 (0)