Improved UI for high contrast mode

Author: jackdomleo7

cooltipz.css

@@ -6,32 +6,52 @@ $cooltipz-arrow-shadow-fade: 1px $cooltipz-shadow-color;
   border: var(--cooltipz-arrow-size, #{$cooltipz-arrow-size}) solid transparent;
   height: 0;
   width: 0;
+
+  @media(forced-colors: active) {
+    border-color: Canvas;
+  }
 }
 
 %arrow-down {
   @extend %base-arrow;
 
   border-top-color: var(--cooltipz-border-color, #{$cooltipz-border-color});
   filter: drop-shadow(0 1px $cooltipz-arrow-shadow-fade);
+
+  @media(forced-colors: active) {
+    border-top-color: CanvasText;
+  }
 }
 
 %arrow-up {
   @extend %base-arrow;
 
   border-bottom-color: var(--cooltipz-border-color, #{$cooltipz-border-color});
   filter: drop-shadow(0 -1px $cooltipz-arrow-shadow-fade);
+
+  @media(forced-colors: active) {
+    border-bottom-color: CanvasText;
+  }
 }
 
 %arrow-left {
   @extend %base-arrow;
 
   border-right-color: var(--cooltipz-border-color, #{$cooltipz-border-color});
   filter: drop-shadow(-1px 0 $cooltipz-arrow-shadow-fade);
+
+  @media(forced-colors: active) {
+    border-right-color: CanvasText;
+  }
 }
 
 %arrow-right {
   @extend %base-arrow;
 
   border-left-color: var(--cooltipz-border-color, #{$cooltipz-border-color});
   filter: drop-shadow(1px 0 $cooltipz-arrow-shadow-fade);
+
+  @media(forced-colors: active) {
+    border-left-color: CanvasText;
+  }
 }

cooltipz.min.css

@@ -26,6 +26,11 @@
     text-shadow: none;
     white-space: nowrap;
     z-index: 10;
+
+    @media(forced-colors: active) {
+      border: 1px solid CanvasText;
+      color: CanvasText;
+    }
   }
 
   &::before {