Update tooltip colors (#50792)

* Update tooltip colors * Update changelog
WordPress · May 22, 2023 · c11ac48 · c11ac48 · github-actions · May 22, 2023
1 parent 85ae2f8
commit c11ac48
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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;