fix: unify border on all overlays in forced color mode (#9931)

jouni · web-flow · commit 707e6a6f18bd · 2025-08-07T15:42:50.000+03:00
diff --git a/packages/notification/src/styles/vaadin-notification-card-base-styles.js b/packages/notification/src/styles/vaadin-notification-card-base-styles.js
@@ -27,7 +27,7 @@ export const notificationCardStyles = css`
 
   @media (forced-colors: active) {
     [part='overlay'] {
-      border: 3px solid;
+      border: 3px solid !important;
     }
   }
 `;
diff --git a/packages/overlay/src/styles/vaadin-overlay-base-styles.js b/packages/overlay/src/styles/vaadin-overlay-base-styles.js
@@ -81,7 +81,7 @@ export const overlayStyles = css`
 
   @media (forced-colors: active) {
     [part='overlay'] {
-      border: 3px solid;
+      border: 3px solid !important;
     }
   }
 `;
diff --git a/packages/tooltip/src/styles/vaadin-tooltip-overlay-base-styles.js b/packages/tooltip/src/styles/vaadin-tooltip-overlay-base-styles.js
@@ -53,7 +53,7 @@ export const tooltipOverlayStyles = css`
 
   @media (forced-colors: active) {
     [part='overlay'] {
-      border: 1px dashed;
+      border: 1px dashed !important;
     }
   }
 `;

Original file line number	Diff line number	Diff line change
@@ -27,7 +27,7 @@ export const notificationCardStyles = css`
`27`	`27`
`28`	`28`	`@media (forced-colors: active) {`
`29`	`29`	`[part='overlay'] {`
`30`		`- border: 3px solid;`
	`30`	`+ border: 3px solid !important;`
`31`	`31`	`}`
`32`	`32`	`}`
`33`	`33`	`;
Original file line number	Diff line number	Diff line change
@@ -81,7 +81,7 @@ export const overlayStyles = css`
`81`	`81`
`82`	`82`	`@media (forced-colors: active) {`
`83`	`83`	`[part='overlay'] {`
`84`		`- border: 3px solid;`
	`84`	`+ border: 3px solid !important;`
`85`	`85`	`}`
`86`	`86`	`}`
`87`	`87`	`;
Original file line number	Diff line number	Diff line change
@@ -53,7 +53,7 @@ export const tooltipOverlayStyles = css`
`53`	`53`
`54`	`54`	`@media (forced-colors: active) {`
`55`	`55`	`[part='overlay'] {`
`56`		`- border: 1px dashed;`
	`56`	`+ border: 1px dashed !important;`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`	`;