From c11ac48758e579ca4abd36240c66a92f814ae3e3 Mon Sep 17 00:00:00 2001
From: James Koster <james@jameskoster.co.uk>
Date: Mon, 22 May 2023 18:23:22 +0100
Subject: [PATCH] Update tooltip colors (#50792)

* Update tooltip colors

* Update changelog
---
 packages/components/CHANGELOG.md           | 4 ++++
 packages/components/src/tooltip/style.scss | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 7de5a4537097b5..b299cdf3e0c153 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -18,6 +18,10 @@
 -   `ColorPicker`: Add an outline when the color picker select box is focused([#50609](https://github.com/WordPress/gutenberg/pull/50609)).
 -   `InputControl`: Fix focus style to support Windows High Contrast mode ([#50772](https://github.com/WordPress/gutenberg/pull/50772)).
 
+### Enhancements
+
+-   `Tooltip`: Update background color so tooltip boundaries are more visible in the site editor ([#50792](https://github.com/WordPress/gutenberg/pull/50792)).
+
 ## 24.0.0 (2023-05-10)
 
 ### Breaking Changes
diff --git a/packages/components/src/tooltip/style.scss b/packages/components/src/tooltip/style.scss
index 30d480c904f81b..1a5e6c401542b1 100644
--- a/packages/components/src/tooltip/style.scss
+++ b/packages/components/src/tooltip/style.scss
@@ -7,11 +7,11 @@
 }
 
 .components-tooltip .components-popover__content {
-	background: $components-color-foreground; // TODO: Discuss with designers.
+	background: $black; // TODO: Discuss with designers.
 	border-radius: $radius-block-ui;
 	border-width: 0;
 	outline: none;
-	color: $components-color-foreground-inverted;
+	color: $gray-100;
 	white-space: nowrap;
 	text-align: center;
 	line-height: 1.4;