chore: tweaks to search modal (#2019)

* fix: bg of dialog to surface-faint

* fix: search input font weight to regular

* fix: command modal header padding

* chore: update command bar footer background

src/components/command-bar/components/dialog/command-bar-dialog.module.css

@@ -29,7 +29,7 @@
 	flex-grow: 0;
 	flex-shrink: 0;
 	gap: 8px;
-	padding: 12px;
+	padding: 16px 20px;
 }
 
 .icon {
@@ -64,7 +64,7 @@
 	color: var(--token-color-foreground-strong);
 	font-family: var(--token-typography-body-300-font-family);
 	font-size: var(--token-typography-body-300-font-size);
-	font-weight: var(--token-typography-font-weight-medium);
+	font-weight: var(--token-typography-font-weight-regular);
 	line-height: var(--token-typography-body-300-line-height);
 	padding-left: 8px;
 	padding-top: 4px;
@@ -76,7 +76,7 @@
 		color: var(--token-color-foreground-faint);
 		font-family: var(--token-typography-body-300-font-family);
 		font-size: var(--token-typography-body-300-font-size);
-		font-weight: var(--token-typography-font-weight-medium);
+		font-weight: var(--token-typography-font-weight-regular);
 		line-height: var(--token-typography-body-300-line-height);
 	}
 }
@@ -123,15 +123,15 @@
 }
 
 .body {
-	background-color: var(--token-color-surface-primary);
+	background-color: var(--token-color-surface-faint);
 	flex-grow: 1;
 	flex-shrink: 1;
 	overflow-y: auto;
 }
 
 .footer {
 	align-items: center;
-	background-color: var(--token-color-surface-primary);
+	background-color: var(--token-color-surface-faint);
 	box-shadow: var(--token-surface-base-box-shadow);
 	display: flex;
 	flex-grow: 0;