1 files changed, 9 insertions, 12 deletions
diff --git a/assets/scss/_primer/support/mixins/misc.scss b/assets/scss/_primer/support/mixins/misc.scss
index ebdd32d..e4641ab 100644
--- a/assets/scss/_primer/support/mixins/misc.scss
+++ b/assets/scss/_primer/support/mixins/misc.scss
@@ -1,29 +1,26 @@
 // Generate a two-color caret for any element.
-@mixin double-caret($foreground: $text-white, $background: lighten($gray-300, 5%)) {
+@mixin double-caret($background: var(--color-bg-primary), $border: var(--color-border-primary)) {
   &::after,
   &::before {
     position: absolute;
     top: 11px;
     right: 100%;
-    left: -16px;
+    left: -8px;
     display: block;
-    width: 0;
-    height: 0;
+    width: 8px;
+    height: 16px;
     pointer-events: none;
     content: " ";
-    border-color: transparent;
-    border-style: solid solid outset;
+    clip-path: polygon(0 50%, 100% 0, 100% 100%);
   }
 
   &::after {
-    margin-top: 1px;
-    margin-left: 2px;
-    border-width: 7px;
-    border-right-color: $foreground;
+    margin-left: 1px;
+    background-color: var(--color-bg-primary);
+    background-image: linear-gradient($background, $background);
   }
 
   &::before {
-    border-width: 8px;
-    border-right-color: $background;
+    background-color: $border;
   }
 }