@primer/primitives 10.4.0-rc.d3e62472 → 10.4.0-rc.e41ed5ed

package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5

@@ -0,0 +1,145 @@
+/**
+ * Dark protanopia and deuteranopia (colorblind)
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for dark protanopia and deuteranopia color mode are in this file
+ */
+{
+  control: {
+    danger: {
+      fgColor: {
+        hover: {
+          $value: '{base.color.orange.3}',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  button: {
+    primary: {
+      bgColor: {
+        hover: {
+          $value: '#2a7aef',
+          $type: 'color',
+        },
+        active: {
+          $value: '#3685f3',
+          $type: 'color',
+        },
+        disabled: {
+          $value: '{base.color.blue.6}',
+          $type: 'color',
+        },
+      },
+      borderColor: {
+        disabled: {
+          $value: '#1158c7',
+          $type: 'color',
+        },
+      },
+    },
+    danger: {
+      fgColor: {
+        rest: {
+          $value: '{fgColor.danger}',
+          $type: 'color',
+        },
+      },
+      bgColor: {
+        hover: {
+          $value: '{base.color.orange.6}',
+          $type: 'color',
+        },
+        active: {
+          $value: '#b5531d',
+          $type: 'color',
+        },
+      },
+      iconColor: {
+        rest: {
+          $value: '#f0883e',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  color: {
+    ansi: {
+      green: {
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+      },
+      'green-bright': {
+        $value: '{base.color.blue.2}',
+        $type: 'color',
+      },
+      red: {
+        $value: '{base.color.orange.3}',
+        $type: 'color',
+      },
+      'red-bright': {
+        $value: '{base.color.orange.2}',
+        $type: 'color',
+      },
+    },
+    prettylights: {
+      syntax: {
+        'entity-tag': {
+          $value: '{base.color.blue.1}',
+          $type: 'color',
+        },
+        keyword: {
+          $value: '{base.color.orange.3}',
+          $type: 'color',
+        },
+        brackethighlighter: {
+          unmatched: {
+            $value: '{base.color.orange.4}',
+            $type: 'color',
+          },
+        },
+        invalid: {
+          illegal: {
+            bg: {
+              $value: '{base.color.orange.7}',
+              $type: 'color',
+            },
+          },
+        },
+        carriage: {
+          return: {
+            bg: {
+              $value: '{base.color.orange.6}',
+              $type: 'color',
+            },
+          },
+        },
+        'string-regexp': {
+          $value: '{base.color.blue.1}',
+          $type: 'color',
+        },
+        markup: {
+          deleted: {
+            text: {
+              $value: '{base.color.orange.0}',
+              $type: 'color',
+            },
+            bg: {
+              $value: '{base.color.orange.8}',
+              $type: 'color',
+            },
+          },
+          inserted: {
+            text: {
+              $value: '{base.color.blue.0}',
+              $type: 'color',
+            },
+            bg: {
+              $value: '{base.color.blue.8}',
+              $type: 'color',
+            },
+          },
+        },
+      },
+    },
+  },
+}

package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5

@@ -0,0 +1,97 @@
+/**
+ * Dark tritanopia theme
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for this theme are in this file
+ */
+{
+  button: {
+    primary: {
+      bgColor: {
+        hover: {
+          $value: '#2a7aef',
+          $type: 'color',
+        },
+        active: {
+          $value: '#3685f3',
+          $type: 'color',
+        },
+        disabled: {
+          $value: '#5fabfe',
+          $type: 'color',
+        },
+      },
+      borderColor: {
+        disabled: {
+          $value: '#5fabfe',
+          $type: 'color',
+        },
+      },
+    },
+    outline: {
+      bgColor: {
+        hover: {
+          $value: '#262c36',
+          $type: 'color',
+        },
+        active: {
+          $value: '#0d419d',
+          $type: 'color',
+        },
+        disabled: {
+          $value: '#212830',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  color: {
+    ansi: {
+      green: {
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+      },
+      'green-bright': {
+        $value: '{base.color.blue.2}',
+        $type: 'color',
+      },
+    },
+    prettylights: {
+      syntax: {
+        'string-regexp': {
+          $value: '{base.color.blue.1}',
+          $type: 'color',
+        },
+        'entity-tag': {
+          $value: '{base.color.blue.1}',
+          $type: 'color',
+        },
+        variable: {
+          $value: '{base.color.red.2}',
+          $type: 'color',
+        },
+        markup: {
+          inserted: {
+            text: {
+              $value: '{base.color.blue.0}',
+              $type: 'color',
+            },
+            bg: {
+              $value: '{base.color.blue.8}',
+              $type: 'color',
+            },
+          },
+          changed: {
+            text: {
+              $value: '{base.color.red.0}',
+              $type: 'color',
+            },
+            bg: {
+              $value: '{base.color.red.8}',
+              $type: 'color',
+            },
+          },
+        },
+      },
+    },
+  },
+}