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

package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss

@@ -116,11 +116,12 @@
     --button-primary-bgColor-hover: #2a7aef;
     --button-primary-bgColor-active: #3685f3;
     --button-primary-bgColor-disabled: #5fabfe;
-    --button-primary-borderColor-rest: #30363dcc;
-    --button-primary-borderColor-hover: #30363dcc;
-    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-borderColor-rest: #f0f6fc1a;
+    --button-primary-borderColor-hover: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #f0f6fc1a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #484f58;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #2f81f7;
-    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-rest: #388bfd;
+    --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #2f81f780;
     --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #d03533;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
-    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #04260f33;
+    --buttonCounter-outline-bgColor-rest: #051d4d33;
+    --buttonCounter-outline-bgColor-hover: #051d4d33;
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+    --buttonCounter-outline-fgColor-rest: #388bfd;
+    --buttonCounter-outline-fgColor-hover: #58a6ff;
+    --buttonCounter-outline-fgColor-disabled: #2f81f780;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
-    --buttonCounter-danger-bgColor-rest: #da36331a;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #f85149;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #f8514980;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;
@@ -185,8 +192,8 @@
     --fgColor-attention: #d29922;
     --fgColor-severe: #f85149;
     --fgColor-danger: #f85149;
-    --fgColor-open: #58a6ff;
-    --fgColor-closed: #f85149;
+    --fgColor-open: #f85149;
+    --fgColor-closed: #6e7681;
     --fgColor-done: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
@@ -205,10 +212,10 @@
     --bgColor-severe-emphasis: #da3633;
     --bgColor-danger-muted: #f851491a;
     --bgColor-danger-emphasis: #da3633;
-    --bgColor-open-muted: #388bfd1a;
-    --bgColor-open-emphasis: #1f6feb;
-    --bgColor-closed-muted: #f8514926;
-    --bgColor-closed-emphasis: #da3633;
+    --bgColor-open-muted: #f851491a;
+    --bgColor-open-emphasis: #da3633;
+    --bgColor-closed-muted: #6e768126;
+    --bgColor-closed-emphasis: #484f58;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
@@ -229,10 +236,10 @@
     --borderColor-severe-emphasis: #da3633;
     --borderColor-danger-muted: #f8514966;
     --borderColor-danger-emphasis: #da3633;
-    --borderColor-open-muted: #388bfd66;
-    --borderColor-open-emphasis: #1f6feb;
-    --borderColor-closed-muted: #f8514966;
-    --borderColor-closed-emphasis: #da3633;
+    --borderColor-open-muted: #f8514966;
+    --borderColor-open-emphasis: #da3633;
+    --borderColor-closed-muted: #6e768166;
+    --borderColor-closed-emphasis: #484f58;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;

package/tokens-next-private/scss/functional/themes/dark.scss

@@ -116,11 +116,12 @@
     --button-primary-bgColor-hover: #29903b;
     --button-primary-bgColor-active: #2e9a40;
     --button-primary-bgColor-disabled: #46bf57;
-    --button-primary-borderColor-rest: #30363dcc;
-    --button-primary-borderColor-hover: #30363dcc;
-    --button-primary-borderColor-disabled: #30363dcc;
+    --button-primary-borderColor-rest: #f0f6fc1a;
+    --button-primary-borderColor-hover: #f0f6fc1a;
+    --button-primary-borderColor-disabled: #f0f6fc1a;
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #2f81f7;
+    --button-invisible-fgColor-hover: #58a6ff;
     --button-invisible-fgColor-disabled: #484f58;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
     --button-invisible-bgColor-disabled: #00000000;
     --button-invisible-borderColor-rest: #00000000;
     --button-invisible-borderColor-hover: #00000000;
-    --button-outline-fgColor-rest: #2f81f7;
-    --button-outline-fgColor-hover: #2f81f7;
+    --button-outline-fgColor-rest: #388bfd;
+    --button-outline-fgColor-hover: #58a6ff;
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #2f81f780;
     --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #d03533;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
     --buttonCounter-default-bgColor-rest: #30363d;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
-    --buttonCounter-outline-bgColor-rest: #1f6feb1a;
-    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #04260f33;
+    --buttonCounter-outline-bgColor-rest: #051d4d33;
+    --buttonCounter-outline-bgColor-hover: #051d4d33;
     --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
+    --buttonCounter-outline-fgColor-rest: #388bfd;
+    --buttonCounter-outline-fgColor-hover: #58a6ff;
+    --buttonCounter-outline-fgColor-disabled: #2f81f780;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #da36330d;
-    --buttonCounter-danger-bgColor-rest: #da36331a;
+    --buttonCounter-danger-bgColor-rest: #49020233;
+    --buttonCounter-danger-fgColor-rest: #f85149;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #f8514980;
     --focus-outlineColor: #1f6feb;
     --menu-bgColor-active: #161b22;
     --overlay-bgColor: #161b22;

package/tokens-next-private/scss/functional/themes/light-colorblind.scss

@@ -116,11 +116,12 @@
     --button-primary-bgColor-hover: #0d6bd8;
     --button-primary-bgColor-active: #0b64ce;
     --button-primary-bgColor-disabled: #92caff;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
     --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bc4c000d;
     --buttonCounter-danger-bgColor-rest: #bc4c001a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #be4e0280;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

package/tokens-next-private/scss/functional/themes/light-high-contrast.scss

@@ -118,9 +118,10 @@
     --button-primary-bgColor-disabled: #85cb97;
     --button-primary-borderColor-rest: #013d14;
     --button-primary-borderColor-hover: #013d14;
-    --button-primary-borderColor-disabled: #88929dcc;
+    --button-primary-borderColor-disabled: #013d14;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
     --button-invisible-fgColor-rest: #023b95;
+    --button-invisible-fgColor-hover: #023b95;
     --button-invisible-fgColor-disabled: #88929d;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #e7ecf0;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #20252c;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
     --buttonCounter-default-bgColor-rest: #e7ecf0;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #00230b33;
     --buttonCounter-outline-bgColor-rest: #0349b41a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0349b40d;
+    --buttonCounter-outline-fgColor-rest: #023b95;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #023b9580;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
+    --buttonCounter-danger-fgColor-rest: #980e1e;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #8a071e80;
     --focus-outlineColor: #0349b4;
     --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -116,11 +116,12 @@
     --button-primary-bgColor-hover: #0d6bd8;
     --button-primary-bgColor-active: #0b64ce;
     --button-primary-bgColor-disabled: #92caff;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
     --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #d1242f80;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -186,8 +193,8 @@
     --fgColor-attention: #9a6700;
     --fgColor-severe: #cf222e;
     --fgColor-danger: #d1242f;
-    --fgColor-open: #0969da;
-    --fgColor-closed: #d1242f;
+    --fgColor-open: #cf222e;
+    --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
@@ -206,10 +213,10 @@
     --bgColor-severe-emphasis: #cf222e;
     --bgColor-danger-muted: #ffebe9;
     --bgColor-danger-emphasis: #cf222e;
-    --bgColor-open-muted: #ddf4ff;
-    --bgColor-open-emphasis: #0f72e3;
-    --bgColor-closed-muted: #ffebe9;
-    --bgColor-closed-emphasis: #cf222e;
+    --bgColor-open-muted: #ffebe9;
+    --bgColor-open-emphasis: #cf222e;
+    --bgColor-closed-muted: #f6f8fa;
+    --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
@@ -230,10 +237,10 @@
     --borderColor-severe-emphasis: #cf222e;
     --borderColor-danger-muted: #ff818266;
     --borderColor-danger-emphasis: #cf222e;
-    --borderColor-open-muted: #54aeff66;
-    --borderColor-open-emphasis: #218bff;
-    --borderColor-closed-muted: #ff818266;
-    --borderColor-closed-emphasis: #cf222e;
+    --borderColor-open-muted: #ff818266;
+    --borderColor-open-emphasis: #cf222e;
+    --borderColor-closed-muted: #afb8c166;
+    --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;

package/tokens-next-private/scss/functional/themes/light.scss

@@ -116,11 +116,12 @@
     --button-primary-bgColor-hover: #1c8139;
     --button-primary-bgColor-active: #197935;
     --button-primary-bgColor-disabled: #95d8a6;
-    --button-primary-borderColor-rest: #d0d7decc;
-    --button-primary-borderColor-hover: #d0d7decc;
-    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-borderColor-rest: #1f232826;
+    --button-primary-borderColor-hover: #1f232826;
+    --button-primary-borderColor-disabled: #1f232826;
     --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
     --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-hover: #0969da;
     --button-invisible-fgColor-disabled: #8c959f;
     --button-invisible-bgColor-rest: #00000000;
     --button-invisible-bgColor-hover: #d0d7de33;
@@ -154,13 +155,19 @@
     --button-danger-borderColor-active: #d0d7de;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
     --buttonCounter-default-bgColor-rest: #eaeef280;
-    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-primary-bgColor-rest: #002d1133;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-fgColor-rest: #0550ae;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #0969da80;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --buttonCounter-danger-fgColor-rest: #c21c2c;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #d1242f80;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;

package/tokens-next-private/ts/functional/themes/dark-colorblind.ts

@@ -254,9 +254,9 @@ export default {
         disabled: "#1158c7",
       },
       borderColor: {
-        rest: "#30363dcc",
-        hover: "#30363dcc",
-        disabled: "#30363dcc",
+        rest: "#f0f6fc1a",
+        hover: "#f0f6fc1a",
+        disabled: "#f0f6fc1a",
       },
       shadow: {
         selected: "0px 0px 0px 0px #000000",
@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ export default {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -334,21 +335,31 @@ export default {
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#04260f33",
       },
     },
     outline: {
       bgColor: {
-        rest: "#1f6feb1a",
-        hover: "#ffffff33",
+        rest: "#051d4d33",
+        hover: "#051d4d33",
         disabled: "#1f6feb0d",
       },
+      fgColor: {
+        rest: "#388bfd",
+        hover: "#58a6ff",
+        disabled: "#2f81f780",
+      },
     },
     danger: {
       bgColor: {
         hover: "#ffffff33",
         disabled: "#bd561d0d",
-        rest: "#bd561d1a",
+        rest: "#49020233",
+      },
+      fgColor: {
+        rest: "#db6d28",
+        hover: "#ffffff",
+        disabled: "#db6d2880",
       },
     },
   },

package/tokens-next-private/ts/functional/themes/dark-dimmed.ts

@@ -254,9 +254,9 @@ export default {
         disabled: "#50a254",
       },
       borderColor: {
-        rest: "#444c56cc",
-        hover: "#444c56cc",
-        disabled: "#444c56cc",
+        rest: "#cdd9e51a",
+        hover: "#cdd9e51a",
+        disabled: "#cdd9e51a",
       },
       shadow: {
         selected: "0px 0px 0px 0px #000000",
@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#3b7cdb",
+        hover: "#539bf5",
         disabled: "#545d68",
       },
       bgColor: {
@@ -280,8 +281,8 @@ export default {
     },
     outline: {
       fgColor: {
-        rest: "#3b7cdb",
-        hover: "#3b7cdb",
+        rest: "#4184e4",
+        hover: "#539bf5",
         active: "#cdd9e5",
         disabled: "#3b7cdb80",
       },
@@ -334,21 +335,31 @@ export default {
     },
     primary: {
       bgColor: {
-        rest: "#cdd9e533",
+        rest: "#11341733",
       },
     },
     outline: {
       bgColor: {
-        rest: "#316dca1a",
-        hover: "#cdd9e533",
+        rest: "#0f2d5c33",
+        hover: "#0f2d5c33",
         disabled: "#316dca0d",
       },
+      fgColor: {
+        rest: "#4184e4",
+        hover: "#539bf5",
+        disabled: "#3b7cdb80",
+      },
     },
     danger: {
       bgColor: {
         hover: "#cdd9e533",
         disabled: "#c93c370d",
-        rest: "#c93c371a",
+        rest: "#5d0f1233",
+      },
+      fgColor: {
+        rest: "#e5534b",
+        hover: "#cdd9e5",
+        disabled: "#e5534b80",
       },
     },
   },

package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts

@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#409eff",
+        hover: "#71b7ff",
         disabled: "#7a828e",
       },
       bgColor: {
@@ -281,7 +282,7 @@ export default {
     outline: {
       fgColor: {
         rest: "#409eff",
-        hover: "#409eff",
+        hover: "#71b7ff",
         active: "#ffffff",
         disabled: "#409eff80",
       },
@@ -339,10 +340,15 @@ export default {
     },
     outline: {
       bgColor: {
-        rest: "#409eff1a",
-        hover: "#ffffff33",
+        rest: "#194fb133",
+        hover: "#194fb133",
         disabled: "#409eff0d",
       },
+      fgColor: {
+        rest: "#409eff",
+        hover: "#71b7ff",
+        disabled: "#409eff80",
+      },
     },
     danger: {
       bgColor: {
@@ -350,6 +356,11 @@ export default {
         disabled: "#ff6a690d",
         rest: "#01040926",
       },
+      fgColor: {
+        rest: "#ff6a69",
+        hover: "#ffffff",
+        disabled: "#ff6a6980",
+      },
     },
   },
   focus: {

package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts

@@ -254,9 +254,9 @@ export default {
         disabled: "#5fabfe",
       },
       borderColor: {
-        rest: "#30363dcc",
-        hover: "#30363dcc",
-        disabled: "#30363dcc",
+        rest: "#f0f6fc1a",
+        hover: "#f0f6fc1a",
+        disabled: "#f0f6fc1a",
       },
       shadow: {
         selected: "0px 0px 0px 0px #000000",
@@ -265,6 +265,7 @@ export default {
     invisible: {
       fgColor: {
         rest: "#2f81f7",
+        hover: "#58a6ff",
         disabled: "#484f58",
       },
       bgColor: {
@@ -280,8 +281,8 @@ export default {
     },
     outline: {
       fgColor: {
-        rest: "#2f81f7",
-        hover: "#2f81f7",
+        rest: "#388bfd",
+        hover: "#58a6ff",
         active: "#ffffff",
         disabled: "#2f81f780",
       },
@@ -334,21 +335,31 @@ export default {
     },
     primary: {
       bgColor: {
-        rest: "#ffffff33",
+        rest: "#04260f33",
       },
     },
     outline: {
       bgColor: {
-        rest: "#1f6feb1a",
-        hover: "#ffffff33",
+        rest: "#051d4d33",
+        hover: "#051d4d33",
         disabled: "#1f6feb0d",
       },
+      fgColor: {
+        rest: "#388bfd",
+        hover: "#58a6ff",
+        disabled: "#2f81f780",
+      },
     },
     danger: {
       bgColor: {
         hover: "#ffffff33",
         disabled: "#da36330d",
-        rest: "#da36331a",
+        rest: "#49020233",
+      },
+      fgColor: {
+        rest: "#f85149",
+        hover: "#ffffff",
+        disabled: "#f8514980",
       },
     },
   },
@@ -413,8 +424,8 @@ export default {
     attention: "#d29922",
     severe: "#f85149",
     danger: "#f85149",
-    open: "#58a6ff",
-    closed: "#f85149",
+    open: "#f85149",
+    closed: "#6e7681",
     done: "#a371f7",
     sponsors: "#db61a2",
   },
@@ -448,12 +459,12 @@ export default {
       emphasis: "#da3633",
     },
     open: {
-      muted: "#388bfd1a",
-      emphasis: "#1f6feb",
+      muted: "#f851491a",
+      emphasis: "#da3633",
     },
     closed: {
-      muted: "#f8514926",
-      emphasis: "#da3633",
+      muted: "#6e768126",
+      emphasis: "#484f58",
     },
     done: {
       muted: "#a371f726",
@@ -494,13 +505,13 @@ export default {
       emphasis: "#da3633",
     },
     open: {
-      muted: "#388bfd66",
-      emphasis: "#1f6feb",
-    },
-    closed: {
       muted: "#f8514966",
       emphasis: "#da3633",
     },
+    closed: {
+      muted: "#6e768166",
+      emphasis: "#484f58",
+    },
     done: {
       muted: "#a371f766",
       emphasis: "#8957e5",