Use consistent forced-colors media-queries throughout the CSS files

Note how e.g. the `viewer.css` and `pdf_viewer.css` files already used this format.
mozilla · Oct 20, 2024 · 1858715 · 1858715
1 parent 6cef2b1
commit 1858715
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css
@@ -35,7 +35,7 @@
   }
 }
 
-@media (forced-colors: active) {
+@media screen and (forced-colors: active) {
   :root {
     --focus-outline: solid 3px ButtonText;
     --hover-outline: dashed 3px ButtonText;

diff --git a/web/annotation_layer_builder.css b/web/annotation_layer_builder.css
@@ -22,7 +22,7 @@
   --input-hover-border-color: black;
 }
 
-@media (forced-colors: active) {
+@media screen and (forced-colors: active) {
   :root {
     --input-focus-border-color: CanvasText;
     --input-unfocused-border-color: ActiveText;

diff --git a/web/text_layer_builder.css b/web/text_layer_builder.css
@@ -18,7 +18,7 @@
   --highlight-selected-bg-color: rgba(0, 100, 0, 1);
 }
 
-@media (forced-colors: active) {
+@media screen and (forced-colors: active) {
   :root {
     --highlight-bg-color: Highlight;
     --highlight-selected-bg-color: ButtonText;

diff --git a/web/xfa_layer_builder.css b/web/xfa_layer_builder.css
@@ -18,7 +18,7 @@
   --xfa-focus-outline: auto;
 }
 
-@media (forced-colors: active) {
+@media screen and (forced-colors: active) {
   :root {
     --xfa-focus-outline: 2px solid CanvasText;
   }