@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8-rc.fa82fd1

package/dist/js/colors/light_tritanopia.d.ts

@@ -298,6 +298,9 @@ declare const _default: {
             disabledBg: string;
             disabledCounterBg: string;
             counterBg: string;
+            counterFg: string;
+            hoverCounterFg: string;
+            disabledCounterFg: string;
         };
         danger: {
             text: string;
@@ -317,6 +320,9 @@ declare const _default: {
             counterBg: string;
             icon: string;
             hoverIcon: string;
+            counterFg: string;
+            hoverCounterFg: string;
+            disabledCounterFg: string;
         };
     };
     underlinenav: {

package/dist/js/colors/light_tritanopia.js

@@ -282,7 +282,7 @@ exports.default = {
             "disabledBg": "#80ccff",
             "disabledBorder": "rgba(27,31,36,0.15)",
             "icon": "rgba(255,255,255,0.8)",
-            "counterBg": "rgba(255,255,255,0.2)"
+            "counterBg": "rgba(0,33,85,0.2)"
         },
         "outline": {
             "text": "#0969da",
@@ -299,7 +299,10 @@ exports.default = {
             "disabledText": "rgba(9,105,218,0.5)",
             "disabledBg": "#f6f8fa",
             "disabledCounterBg": "rgba(9,105,218,0.05)",
-            "counterBg": "rgba(9,105,218,0.1)"
+            "counterBg": "#0969da1a",
+            "counterFg": "#0550ae",
+            "hoverCounterFg": "#ffffff",
+            "disabledCounterFg": "rgba(9,105,218,0.5)"
         },
         "danger": {
             "text": "#cf222e",
@@ -318,7 +321,10 @@ exports.default = {
             "disabledCounterBg": "rgba(207,34,46,0.05)",
             "counterBg": "rgba(207,34,46,0.1)",
             "icon": "#cf222e",
-            "hoverIcon": "#ffffff"
+            "hoverIcon": "#ffffff",
+            "counterFg": "#c21c2c",
+            "hoverCounterFg": "#ffffff",
+            "disabledCounterFg": "rgba(207,34,46,0.5)"
         }
     },
     "underlinenav": {

package/dist/js/index.d.ts

@@ -300,6 +300,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
                 danger: {
                     text: string;
@@ -319,6 +322,9 @@ declare const _default: {
                     counterBg: string;
                     icon: string;
                     hoverIcon: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
             };
             underlinenav: {
@@ -804,6 +810,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
                 danger: {
                     text: string;
@@ -823,6 +832,9 @@ declare const _default: {
                     counterBg: string;
                     icon: string;
                     hoverIcon: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
             };
             underlinenav: {
@@ -1308,6 +1320,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
                 danger: {
                     text: string;
@@ -1327,6 +1342,9 @@ declare const _default: {
                     counterBg: string;
                     icon: string;
                     hoverIcon: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
             };
             underlinenav: {
@@ -1812,6 +1830,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
                 danger: {
                     text: string;
@@ -1831,6 +1852,9 @@ declare const _default: {
                     counterBg: string;
                     icon: string;
                     hoverIcon: string;
+                    counterFg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
                 };
             };
             underlinenav: {
@@ -2316,6 +2340,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
+                    counterFg: string;
                 };
                 danger: {
                     text: string;
@@ -2335,6 +2362,9 @@ declare const _default: {
                     disabledCounterBg: string;
                     counterBg: string;
                     icon: string;
+                    counterFg: string;
+                    disabledCounterFg: string;
+                    hoverCounterFg: string;
                 };
             };
             underlinenav: {
@@ -2820,6 +2850,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
+                    counterFg: string;
                 };
                 danger: {
                     text: string;
@@ -2839,6 +2872,9 @@ declare const _default: {
                     disabledCounterBg: string;
                     counterBg: string;
                     icon: string;
+                    counterFg: string;
+                    disabledCounterFg: string;
+                    hoverCounterFg: string;
                 };
             };
             underlinenav: {
@@ -3324,6 +3360,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
+                    counterFg: string;
                 };
                 danger: {
                     text: string;
@@ -3343,6 +3382,9 @@ declare const _default: {
                     disabledCounterBg: string;
                     counterBg: string;
                     icon: string;
+                    counterFg: string;
+                    disabledCounterFg: string;
+                    hoverCounterFg: string;
                 };
             };
             underlinenav: {
@@ -3828,6 +3870,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
+                    counterFg: string;
                 };
                 danger: {
                     text: string;
@@ -3847,6 +3892,9 @@ declare const _default: {
                     disabledCounterBg: string;
                     counterBg: string;
                     icon: string;
+                    counterFg: string;
+                    disabledCounterFg: string;
+                    hoverCounterFg: string;
                 };
             };
             underlinenav: {
@@ -4332,6 +4380,9 @@ declare const _default: {
                     disabledBg: string;
                     disabledCounterBg: string;
                     counterBg: string;
+                    hoverCounterFg: string;
+                    disabledCounterFg: string;
+                    counterFg: string;
                 };
                 danger: {
                     text: string;
@@ -4351,6 +4402,9 @@ declare const _default: {
                     disabledCounterBg: string;
                     counterBg: string;
                     icon: string;
+                    counterFg: string;
+                    disabledCounterFg: string;
+                    hoverCounterFg: string;
                 };
             };
             underlinenav: {

package/dist/json/colors/dark.json

@@ -280,16 +280,16 @@
       "disabledBg": "rgba(35,134,54,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
       "icon": "#ffffff",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(4,38,15,0.2)"
     },
     "outline": {
-      "text": "#58a6ff",
+      "text": "#388bfd",
       "hoverText": "#58a6ff",
       "hoverBg": "#30363d",
       "hoverBorder": "rgba(240,246,252,0.1)",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "hoverCounterBg": "rgba(5,29,77,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#0d419d",
       "selectedBorder": "rgba(240,246,252,0.1)",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(88,166,255,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(31,111,235,0.05)",
-      "counterBg": "rgba(31,111,235,0.1)"
+      "counterBg": "rgba(5,29,77,0.2)",
+      "hoverCounterFg": "#58a6ff",
+      "disabledCounterFg": "rgba(47,129,247,0.5)",
+      "counterFg": "#388bfd"
     },
     "danger": {
       "text": "#f85149",
@@ -315,8 +318,11 @@
       "disabledText": "rgba(248,81,73,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(218,54,51,0.05)",
-      "counterBg": "rgba(218,54,51,0.1)",
-      "icon": "#f85149"
+      "counterBg": "rgba(73,2,2,0.2)",
+      "icon": "#f85149",
+      "counterFg": "#f85149",
+      "disabledCounterFg": "rgba(248,81,73,0.5)",
+      "hoverCounterFg": "#ffffff"
     }
   },
   "underlinenav": {

package/dist/json/colors/dark_colorblind.json

@@ -280,16 +280,16 @@
       "disabledBg": "rgba(31,111,235,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
       "icon": "#ffffff",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(5,29,77,0.2)"
     },
     "outline": {
-      "text": "#58a6ff",
+      "text": "#388bfd",
       "hoverText": "#58a6ff",
       "hoverBg": "#30363d",
       "hoverBorder": "rgba(240,246,252,0.1)",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "hoverCounterBg": "rgba(5,29,77,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#0d419d",
       "selectedBorder": "rgba(240,246,252,0.1)",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(88,166,255,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(31,111,235,0.05)",
-      "counterBg": "rgba(31,111,235,0.1)"
+      "counterBg": "rgba(5,29,77,0.2)",
+      "hoverCounterFg": "#58a6ff",
+      "disabledCounterFg": "rgba(88,166,255,0.5)",
+      "counterFg": "#388bfd"
     },
     "danger": {
       "text": "#d47616",
@@ -315,8 +318,11 @@
       "disabledText": "rgba(212,118,22,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(183,97,0,0.05)",
-      "counterBg": "rgba(183,97,0,0.1)",
-      "icon": "#d47616"
+      "counterBg": "rgba(51,28,4,0.2)",
+      "icon": "#d47616",
+      "counterFg": "#d47616",
+      "disabledCounterFg": "rgba(212,118,22,0.5)",
+      "hoverCounterFg": "#ffffff"
     }
   },
   "underlinenav": {

package/dist/json/colors/dark_dimmed.json

@@ -280,16 +280,16 @@
       "disabledBg": "rgba(52,125,57,0.6)",
       "disabledBorder": "rgba(205,217,229,0.1)",
       "icon": "#cdd9e5",
-      "counterBg": "rgba(205,217,229,0.2)"
+      "counterBg": "rgba(17,52,23,0.2)"
     },
     "outline": {
-      "text": "#539bf5",
+      "text": "#4184e4",
       "hoverText": "#539bf5",
       "hoverBg": "#444c56",
       "hoverBorder": "rgba(205,217,229,0.1)",
       "hoverShadow": "0 1px 0 rgba(28,33,40,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(205,217,229,0.03)",
-      "hoverCounterBg": "rgba(205,217,229,0.2)",
+      "hoverCounterBg": "rgba(15,45,92,0.2)",
       "selectedText": "#cdd9e5",
       "selectedBg": "#1b4b91",
       "selectedBorder": "rgba(205,217,229,0.1)",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(83,155,245,0.5)",
       "disabledBg": "#22272e",
       "disabledCounterBg": "rgba(49,109,202,0.05)",
-      "counterBg": "rgba(49,109,202,0.1)"
+      "counterBg": "rgba(15,45,92,0.2)",
+      "hoverCounterFg": "#539bf5",
+      "disabledCounterFg": "rgba(83,155,245,0.5)",
+      "counterFg": "#4184e4"
     },
     "danger": {
       "text": "#e5534b",
@@ -315,8 +318,11 @@
       "disabledText": "rgba(229,83,75,0.5)",
       "disabledBg": "#22272e",
       "disabledCounterBg": "rgba(201,60,55,0.05)",
-      "counterBg": "rgba(201,60,55,0.1)",
-      "icon": "#e5534b"
+      "counterBg": "rgba(93,15,18,0.2)",
+      "icon": "#e5534b",
+      "counterFg": "#e5534b",
+      "disabledCounterFg": "rgba(229,83,75,0.5)",
+      "hoverCounterFg": "#cdd9e5"
     }
   },
   "underlinenav": {

package/dist/json/colors/dark_high_contrast.json

@@ -283,13 +283,13 @@
       "counterBg": "rgba(1,4,9,0.15)"
     },
     "outline": {
-      "text": "#71b7ff",
+      "text": "#409eff",
       "hoverText": "#71b7ff",
       "hoverBg": "#525964",
       "hoverBorder": "#7a828e",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "hoverCounterBg": "rgba(25,79,177,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#2672f3",
       "selectedBorder": "#7a828e",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(113,183,255,0.5)",
       "disabledBg": "#0a0c10",
       "disabledCounterBg": "rgba(64,158,255,0.05)",
-      "counterBg": "rgba(64,158,255,0.1)"
+      "counterBg": "rgba(25,79,177,0.2)",
+      "hoverCounterFg": "#71b7ff",
+      "disabledCounterFg": "rgba(113,183,255,0.5)",
+      "counterFg": "#409eff"
     },
     "danger": {
       "text": "#ff6a69",
@@ -316,7 +319,10 @@
       "disabledBg": "#0a0c10",
       "disabledCounterBg": "rgba(255,106,105,0.05)",
       "counterBg": "rgba(1,4,9,0.15)",
-      "icon": "#ff6a69"
+      "icon": "#ff6a69",
+      "counterFg": "#ff6a69",
+      "disabledCounterFg": "rgba(255,106,105,0.5)",
+      "hoverCounterFg": "#ffffff"
     }
   },
   "underlinenav": {

package/dist/json/colors/dark_tritanopia.json

@@ -280,16 +280,16 @@
       "disabledBg": "rgba(31,111,235,0.6)",
       "disabledBorder": "rgba(240,246,252,0.1)",
       "icon": "#ffffff",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(5,29,77,0.2)"
     },
     "outline": {
-      "text": "#58a6ff",
+      "text": "#388bfd",
       "hoverText": "#58a6ff",
       "hoverBg": "#30363d",
       "hoverBorder": "rgba(240,246,252,0.1)",
       "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
       "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-      "hoverCounterBg": "rgba(255,255,255,0.2)",
+      "hoverCounterBg": "rgba(5,29,77,0.2)",
       "selectedText": "#ffffff",
       "selectedBg": "#0d419d",
       "selectedBorder": "rgba(240,246,252,0.1)",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(88,166,255,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(31,111,235,0.05)",
-      "counterBg": "rgba(31,111,235,0.1)"
+      "counterBg": "rgba(5,29,77,0.2)",
+      "hoverCounterFg": "#58a6ff",
+      "disabledCounterFg": "rgba(88,166,255,0.5)",
+      "counterFg": "#388bfd"
     },
     "danger": {
       "text": "#f85149",
@@ -315,8 +318,11 @@
       "disabledText": "rgba(248,81,73,0.5)",
       "disabledBg": "#0d1117",
       "disabledCounterBg": "rgba(218,54,51,0.05)",
-      "counterBg": "rgba(218,54,51,0.1)",
-      "icon": "#f85149"
+      "counterBg": "rgba(73,2,2,0.2)",
+      "icon": "#f85149",
+      "counterFg": "#f85149",
+      "disabledCounterFg": "rgba(248,81,73,0.5)",
+      "hoverCounterFg": "#ffffff"
     }
   },
   "underlinenav": {

package/dist/json/colors/light.json

@@ -280,7 +280,7 @@
       "disabledBg": "#94d3a2",
       "disabledBorder": "rgba(31,35,40,0.15)",
       "icon": "rgba(255,255,255,0.8)",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(0,45,17,0.2)"
     },
     "outline": {
       "text": "#0969da",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "counterBg": "rgba(9,105,218,0.1)"
+      "counterBg": "#0969da1a",
+      "counterFg": "#0550ae",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(9,105,218,0.5)"
     },
     "danger": {
       "text": "#cf222e",
@@ -316,7 +319,10 @@
       "disabledCounterBg": "rgba(207,34,46,0.05)",
       "counterBg": "rgba(207,34,46,0.1)",
       "icon": "#cf222e",
-      "hoverIcon": "#ffffff"
+      "hoverIcon": "#ffffff",
+      "counterFg": "#c21c2c",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(207,34,46,0.5)"
     }
   },
   "underlinenav": {

package/dist/json/colors/light_colorblind.json

@@ -280,7 +280,7 @@
       "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
       "icon": "rgba(255,255,255,0.8)",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(0,33,85,0.2)"
     },
     "outline": {
       "text": "#0969da",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "counterBg": "rgba(9,105,218,0.1)"
+      "counterBg": "#0969da1a",
+      "counterFg": "#0550ae",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(9,105,218,0.5)"
     },
     "danger": {
       "text": "#b35900",
@@ -316,7 +319,10 @@
       "disabledCounterBg": "rgba(179,89,0,0.05)",
       "counterBg": "rgba(179,89,0,0.1)",
       "icon": "#b35900",
-      "hoverIcon": "#ffffff"
+      "hoverIcon": "#ffffff",
+      "counterFg": "#c21c2c",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(179,89,0,0.5)"
     }
   },
   "underlinenav": {

package/dist/json/colors/light_high_contrast.json

@@ -280,7 +280,7 @@
       "disabledBg": "#94d3a2",
       "disabledBorder": "rgba(1,4,9,0.8)",
       "icon": "rgba(255,255,255,0.8)",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(0,35,11,0.2)"
     },
     "outline": {
       "text": "#023b95",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(3,73,180,0.5)",
       "disabledBg": "#e7ecf0",
       "disabledCounterBg": "rgba(3,73,180,0.05)",
-      "counterBg": "rgba(3,73,180,0.1)"
+      "counterBg": "#0969da1a",
+      "counterFg": "#023b95",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(3,73,180,0.5)"
     },
     "danger": {
       "text": "#86061d",
@@ -316,7 +319,10 @@
       "disabledCounterBg": "rgba(160,17,31,0.05)",
       "counterBg": "rgba(160,17,31,0.1)",
       "icon": "#86061d",
-      "hoverIcon": "#ffffff"
+      "hoverIcon": "#ffffff",
+      "counterFg": "#c21c2c",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(160,17,31,0.5)"
     }
   },
   "underlinenav": {

package/dist/json/colors/light_tritanopia.json

@@ -280,7 +280,7 @@
       "disabledBg": "#80ccff",
       "disabledBorder": "rgba(27,31,36,0.15)",
       "icon": "rgba(255,255,255,0.8)",
-      "counterBg": "rgba(255,255,255,0.2)"
+      "counterBg": "rgba(0,33,85,0.2)"
     },
     "outline": {
       "text": "#0969da",
@@ -297,7 +297,10 @@
       "disabledText": "rgba(9,105,218,0.5)",
       "disabledBg": "#f6f8fa",
       "disabledCounterBg": "rgba(9,105,218,0.05)",
-      "counterBg": "rgba(9,105,218,0.1)"
+      "counterBg": "#0969da1a",
+      "counterFg": "#0550ae",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(9,105,218,0.5)"
     },
     "danger": {
       "text": "#cf222e",
@@ -316,7 +319,10 @@
       "disabledCounterBg": "rgba(207,34,46,0.05)",
       "counterBg": "rgba(207,34,46,0.1)",
       "icon": "#cf222e",
-      "hoverIcon": "#ffffff"
+      "hoverIcon": "#ffffff",
+      "counterFg": "#c21c2c",
+      "hoverCounterFg": "#ffffff",
+      "disabledCounterFg": "rgba(207,34,46,0.5)"
     }
   },
   "underlinenav": {

package/dist/scss/colors/_dark.scss

@@ -215,14 +215,14 @@
     --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
     --color-btn-primary-icon: #ffffff;
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
-    --color-btn-outline-text: #58a6ff;
+    --color-btn-primary-counter-bg: rgba(4,38,15,0.2);
+    --color-btn-outline-text: #388bfd;
     --color-btn-outline-hover-text: #58a6ff;
     --color-btn-outline-hover-bg: #30363d;
     --color-btn-outline-hover-border: rgba(240,246,252,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
     --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #0d419d;
     --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +230,10 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
+    --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-hover-counter-fg: #58a6ff;
+    --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5);
+    --color-btn-outline-counter-fg: #388bfd;
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #da3633;
@@ -246,8 +249,11 @@
     --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
-    --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
+    --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
     --color-btn-danger-icon: #f85149;
+    --color-btn-danger-counter-fg: #f85149;
+    --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
+    --color-btn-danger-hover-counter-fg: #ffffff;
     --color-underlinenav-icon: #6e7681;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-action-list-item-inline-divider: rgba(48,54,61,0.48);