From 62b123624df645e15470174c1e01bab617e1614a Mon Sep 17 00:00:00 2001
From: Cheena Malhotra <13396919+cheenamalhotra@users.noreply.github.com>
Date: Tue, 22 Nov 2022 18:03:51 -0800
Subject: [PATCH] Fix icon foreground (#21287)

---
 src/sql/workbench/browser/modal/dialogHelper.ts        |  1 -
 .../connection/browser/media/connectionDialog.css      | 10 ++++++++++
 .../services/connection/browser/media/info.svg         |  3 +++
 .../services/connection/browser/media/info_inverse.svg |  1 +
 4 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/sql/workbench/services/connection/browser/media/info.svg
 create mode 100644 src/sql/workbench/services/connection/browser/media/info_inverse.svg

diff --git a/src/sql/workbench/browser/modal/dialogHelper.ts b/src/sql/workbench/browser/modal/dialogHelper.ts
index 8812f1e420..9c5c05cabe 100644
--- a/src/sql/workbench/browser/modal/dialogHelper.ts
+++ b/src/sql/workbench/browser/modal/dialogHelper.ts
@@ -23,7 +23,6 @@ export function appendRow(container: HTMLElement, label: string, labelClass: str
 	labelContainer.style.display = 'flex';
 
 	if (title) {
-		labelContainer.classList.add("codicon");
 		labelContainer.classList.add("info-icon");
 		labelContainer.title = titleMaxWidth ? wrapStringWithNewLine(title, titleMaxWidth) : title;
 	}
diff --git a/src/sql/workbench/services/connection/browser/media/connectionDialog.css b/src/sql/workbench/services/connection/browser/media/connectionDialog.css
index 46fba21083..95586a6249 100644
--- a/src/sql/workbench/services/connection/browser/media/connectionDialog.css
+++ b/src/sql/workbench/services/connection/browser/media/connectionDialog.css
@@ -121,6 +121,16 @@
 	float: left;
 }
 
+.dialog-label-container.info-icon,
+.vs .dialog-label-container.info-icon {
+	background-image: url("info.svg");
+}
+
+.vs-dark .dialog-label-container.info-icon,
+.hc-black .dialog-label-container.info-icon {
+	background-image: url("info_inverse.svg");
+}
+
 .hide-azure-accounts .azure-account-row {
 	display: none;
 }
diff --git a/src/sql/workbench/services/connection/browser/media/info.svg b/src/sql/workbench/services/connection/browser/media/info.svg
new file mode 100644
index 0000000000..0e4f7c66b8
--- /dev/null
+++ b/src/sql/workbench/services/connection/browser/media/info.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 15C6.80729 15 6.14323 14.9115 5.50781 14.7344C4.8724 14.5573 4.27344 14.3073 3.71094 13.9844C3.14844 13.6615 2.64323 13.2708 2.19531 12.8125C1.7474 12.3542 1.35677 11.8464 1.02344 11.2891C0.690104 10.7318 0.4375 10.1354 0.265625 9.5C0.09375 8.86458 0.00520833 8.19792 0 7.5C0 6.80729 0.0885417 6.14323 0.265625 5.50781C0.442708 4.8724 0.692708 4.27344 1.01562 3.71094C1.33854 3.14844 1.72917 2.64323 2.1875 2.19531C2.64583 1.7474 3.15365 1.35677 3.71094 1.02344C4.26823 0.690104 4.86458 0.4375 5.5 0.265625C6.13542 0.09375 6.80208 0.00520833 7.5 0C8.19271 0 8.85677 0.0885417 9.49219 0.265625C10.1276 0.442708 10.7266 0.692708 11.2891 1.01562C11.8516 1.33854 12.3568 1.72917 12.8047 2.1875C13.2526 2.64583 13.6432 3.15365 13.9766 3.71094C14.3099 4.26823 14.5625 4.86458 14.7344 5.5C14.9062 6.13542 14.9948 6.80208 15 7.5C15 8.19271 14.9115 8.85677 14.7344 9.49219C14.5573 10.1276 14.3073 10.7266 13.9844 11.2891C13.6615 11.8516 13.2708 12.3568 12.8125 12.8047C12.3542 13.2526 11.8464 13.6432 11.2891 13.9766C10.7318 14.3099 10.1354 14.5625 9.5 14.7344C8.86458 14.9062 8.19792 14.9948 7.5 15ZM7.5 1C6.90104 1 6.32552 1.07812 5.77344 1.23438C5.22135 1.39062 4.70573 1.60938 4.22656 1.89062C3.7474 2.17188 3.30729 2.51042 2.90625 2.90625C2.50521 3.30208 2.16667 3.73958 1.89062 4.21875C1.61458 4.69792 1.39583 5.21615 1.23438 5.77344C1.07292 6.33073 0.994792 6.90625 1 7.5C1 8.09375 1.07812 8.66667 1.23438 9.21875C1.39062 9.77083 1.60938 10.2891 1.89062 10.7734C2.17188 11.2578 2.51042 11.6979 2.90625 12.0938C3.30208 12.4896 3.73958 12.8281 4.21875 13.1094C4.69792 13.3906 5.21615 13.6094 5.77344 13.7656C6.33073 13.9219 6.90625 14 7.5 14C8.09375 14 8.66667 13.9219 9.21875 13.7656C9.77083 13.6094 10.2891 13.3906 10.7734 13.1094C11.2578 12.8281 11.6979 12.4896 12.0938 12.0938C12.4896 11.6979 12.8281 11.2604 13.1094 10.7812C13.3906 10.3021 13.6094 9.78385 13.7656 9.22656C13.9219 8.66927 14 8.09375 14 7.5C14 6.90625 13.9219 6.33333 13.7656 5.78125C13.6094 5.22917 13.3906 4.71094 13.1094 4.22656C12.8281 3.74219 12.4896 3.30208 12.0938 2.90625C11.6979 2.51042 11.2604 2.17188 10.7812 1.89062C10.3021 1.60938 9.78385 1.39062 9.22656 1.23438C8.66927 1.07812 8.09375 1 7.5 1ZM7 6H8V11H7V6ZM7 4H8V5H7V4Z" fill="#0078D4"/>
+</svg>
diff --git a/src/sql/workbench/services/connection/browser/media/info_inverse.svg b/src/sql/workbench/services/connection/browser/media/info_inverse.svg
new file mode 100644
index 0000000000..f32f61aa9c
--- /dev/null
+++ b/src/sql/workbench/services/connection/browser/media/info_inverse.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>info_notification_inverse</title><path class="cls-1" d="M8,16a7.93,7.93,0,0,1-2.13-.28A8,8,0,0,1,4,14.91,8,8,0,0,1,0,8,7.94,7.94,0,0,1,.28,5.88,8,8,0,0,1,1.09,4,8,8,0,0,1,4,1.1,8.08,8.08,0,0,1,5.86.3a8.13,8.13,0,0,1,4.25,0,8,8,0,0,1,3.53,2.05A8,8,0,0,1,14.9,4a8,8,0,0,1,.8,1.91,8,8,0,0,1-2.05,7.78A7.93,7.93,0,0,1,12,14.91a8,8,0,0,1-1.91.8A7.93,7.93,0,0,1,8,16ZM8,1.08a6.72,6.72,0,0,0-1.84.25A7.09,7.09,0,0,0,4.5,2,6.92,6.92,0,0,0,2,4.52a7.09,7.09,0,0,0-.7,1.66,6.87,6.87,0,0,0,0,3.67A7.07,7.07,0,0,0,2,11.5,6.92,6.92,0,0,0,4.5,14a7.09,7.09,0,0,0,1.65.7,6.89,6.89,0,0,0,3.68,0,7.07,7.07,0,0,0,1.66-.7A6.92,6.92,0,0,0,14,11.5a7.08,7.08,0,0,0,.7-1.65,6.89,6.89,0,0,0,0-3.68A7.09,7.09,0,0,0,14,4.52,6.92,6.92,0,0,0,11.48,2a7.07,7.07,0,0,0-1.66-.7A6.74,6.74,0,0,0,8,1.08Zm-.53,3.2H8.52V5.34H7.46Zm0,2.13H8.52v5.33H7.46Z"/></svg>
\ No newline at end of file