Improve the background color of the "Help Improve Kilo Code" banner (#1515)

* Improve the background color of the "Help Improve Kilo Code" banner

* Add kilocode change

---------

Co-authored-by: Chris Hasson <[email protected]>

Author: hassoncs

.changeset/thirty-peaches-tell.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Improve the background color of the "Help Improve Kilo Code" banner

apps/storybook/stories/TelemetryBanner.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react-vite"
+import TelemetryBanner from "../../../webview-ui/src/components/common/TelemetryBanner"
+
+const meta = {
+	title: "Component/TelemetryBanner",
+	component: TelemetryBanner,
+	tags: ["autodocs"],
+} satisfies Meta<typeof TelemetryBanner>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}

webview-ui/src/components/common/TelemetryBanner.tsx

@@ -9,7 +9,8 @@ import { vscode } from "@src/utils/vscode"
 import { useAppTranslation } from "@src/i18n/TranslationContext"
 
 const BannerContainer = styled.div`
-	background-color: var(--vscode-banner-background);
+	border: 1px solid var(--vscode-checkbox-border); // kilocode_change
+	background-color: var(--vscode-editorSuggestWidget-background); // kilocode_change
 	padding: 12px 20px;
 	display: flex;
 	flex-direction: column;