chore: add path to custom css initial comment

Author: zhangtony239

src/core/webview/webviewMessageHandler.ts

@@ -980,7 +980,11 @@ export const webviewMessageHandler = async (provider: ClineProvider, message: We
 				} catch (statError) {
 					if ((statError as NodeJS.ErrnoException)?.code === "ENOENT") {
 						// File doesn't exist, create it with a comment
-						await fs.writeFile(customCssPath, `/* ${t("common:custom_css.initial_comment")} */\n`, "utf8")
+						await fs.writeFile(
+							customCssPath,
+							`/* ${t("common:custom_css.initial_comment", { path: customCssDir })} */\n`,
+							"utf8",
+						)
 						provider.log(`Created custom CSS file at: ${customCssPath}`)
 					} else {
 						// Other stat error

webview-ui/src/components/settings/InterfaceSettings.tsx

@@ -40,7 +40,9 @@ export const InterfaceSettings = ({ onChangeDetected, ...props }: InterfaceSetti
 							<ExternalLink className="w-4 h-4 mr-1" />
 						</span>
 					</VSCodeButton>
-					{t("settings:interface.cssOverlay.description")}
+					<div className="text-vscode-descriptionForeground text-sm mt-1">
+						{t("settings:interface.cssOverlay.description")}
+					</div>
 				</fieldset>
 			</Section>
 		</div>