@primer/primitives 7.16.0 → 7.17.0-rc.132f02a7

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

@@ -0,0 +1,314 @@
+/**
+ * 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
+ */
+{
+  fgColor: {
+    success: {
+      '@': {
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+      },
+    },
+    danger: {
+      '@': {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+      },
+    },
+    open: {
+      '@': {
+        $value: '{base.color.orange.3}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      '@': {
+        $value: '{base.color.gray.3}',
+        $type: 'color',
+      },
+    },
+  },
+  bgColor: {
+    success: {
+      muted: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        alpha: 0.15,
+      },
+      emphasis: {
+        $value: '{base.color.blue.5}',
+        $type: 'color',
+      },
+    },
+    danger: {
+      muted: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.1,
+      },
+      emphasis: {
+        $value: '{base.color.orange.5}',
+        $type: 'color',
+      },
+    },
+    open: {
+      muted: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.orange.5}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      muted: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+      },
+    },
+  },
+  borderColor: {
+    open: {
+      muted: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      muted: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+      },
+    },
+    success: {
+      muted: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.blue.5}',
+        $type: 'color',
+      },
+    },
+    danger: {
+      muted: {
+        $value: '{base.color.orange.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.orange.5}',
+        $type: 'color',
+      },
+    },
+  },
+  control: {
+    danger: {
+      fgColor: {
+        hover: {
+          $value: '{base.color.orange.3}',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  codeMirror: {
+    syntax: {
+      fgColor: {
+        keyword: {
+          $value: '{base.color.orange.3}',
+          $type: 'color',
+        },
+        storage: {
+          $value: '{base.color.orange.3}',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  button: {
+    primary: {
+      bgColor: {
+        hover: {
+          $value: '{bgColor.success.emphasis}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.blue.3}',
+            weight: 0.2,
+          },
+        },
+        active: {
+          $value: '{bgColor.success.emphasis}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.blue.3}',
+            weight: 0.4,
+          },
+        },
+        disabled: {
+          $value: '{base.color.blue.6}',
+          $type: 'color',
+          mix: null,
+        },
+      },
+    },
+    danger: {
+      bgColor: {
+        hover: {
+          $value: '{base.color.orange.6}',
+          $type: 'color',
+        },
+        active: {
+          $value: '{base.color.orange.6}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.orange.4}',
+            weight: 0.4,
+          },
+        },
+      },
+    },
+  },
+  diffBlob: {
+    addition: {
+      bgColor: {
+        num: {
+          $value: '{base.color.blue.3}',
+          $type: 'color',
+          alpha: 0.3,
+        },
+        line: {
+          $value: '{base.color.blue.4}',
+          $type: 'color',
+          alpha: 0.15,
+          mix: null,
+        },
+        word: {
+          $value: '{base.color.blue.4}',
+          $type: 'color',
+          alpha: 0.4,
+        },
+      },
+    },
+    deletion: {
+      bgColor: {
+        num: {
+          $value: '{base.color.orange.4}',
+          $type: 'color',
+          alpha: 0.3,
+        },
+        line: {
+          $value: '{base.color.orange.4}',
+          $type: 'color',
+          alpha: 0.15,
+          mix: null,
+        },
+        word: {
+          $value: '{base.color.orange.4}',
+          $type: 'color',
+          alpha: 0.4,
+        },
+      },
+    },
+  },
+  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,229 @@
+/**
+ * Dark tritanopia theme
+ * @extends all functional tokens
+ * @description All overwrites for functional color tokens for this theme are in this file
+ */
+{
+  fgColor: {
+    success: {
+      '@': {
+        $value: '{base.color.blue.3}',
+        $type: 'color',
+      },
+    },
+    severe: {
+      '@': {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+      },
+    },
+    open: {
+      '@': {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      '@': {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+      },
+    },
+  },
+  bgColor: {
+    success: {
+      muted: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+      },
+      emphasis: {
+        $value: '{base.color.blue.5}',
+        $type: 'color',
+      },
+    },
+    severe: {
+      muted: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+      },
+      emphasis: {
+        $value: '{base.color.red.5}',
+        $type: 'color',
+      },
+    },
+    open: {
+      muted: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+      },
+      emphasis: {
+        $value: '{base.color.red.5}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      muted: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+      },
+      emphasis: {
+        $value: '{base.color.gray.5}',
+        $type: 'color',
+      },
+    },
+  },
+  borderColor: {
+    success: {
+      muted: {
+        $value: '{base.color.blue.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.blue.5}',
+        $type: 'color',
+      },
+    },
+    severe: {
+      muted: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.red.5}',
+        $type: 'color',
+      },
+    },
+    open: {
+      muted: {
+        $value: '{base.color.red.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.red.5}',
+        $type: 'color',
+      },
+    },
+    closed: {
+      muted: {
+        $value: '{base.color.gray.4}',
+        $type: 'color',
+        alpha: 0.4,
+      },
+      emphasis: {
+        $value: '{base.color.gray.5}',
+        $type: 'color',
+      },
+    },
+  },
+  diffBlob: {
+    addition: {
+      bgColor: {
+        num: {
+          $value: '{base.color.blue.3}',
+          $type: 'color',
+        },
+        line: {
+          $value: '{base.color.blue.4}',
+          $type: 'color',
+        },
+        word: {
+          $value: '{base.color.blue.4}',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  codeMirror: {
+    syntax: {
+      fgColor: {
+        variable: {
+          $value: '{base.color.red.2}',
+          $type: 'color',
+        },
+      },
+    },
+  },
+  button: {
+    primary: {
+      bgColor: {
+        hover: {
+          $value: '{bgColor.success.emphasis}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.blue.3}',
+            weight: 0.2,
+          },
+        },
+        active: {
+          $value: '{bgColor.success.emphasis}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.blue.3}',
+            weight: 0.4,
+          },
+        },
+        disabled: {
+          $value: '{base.color.blue.4}',
+          $type: 'color',
+          mix: {
+            color: '{base.color.blue.2}',
+            weight: 0.6,
+          },
+        },
+      },
+    },
+  },
+  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',
+            },
+          },
+        },
+      },
+    }
+  },
+}