@primer/primitives 7.11.7 → 7.11.8-rc.112cf72

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

@@ -237,53 +237,49 @@
     --borderColor-done-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
-    --ansi-fgColor-black: #484f58;
-    --ansi-fgColor-blackBright: #6e7681;
-    --ansi-fgColor-white: #b1bac4;
-    --ansi-fgColor-whiteBright: #ffffff;
-    --ansi-fgColor-gray: #6e7681;
-    --ansi-fgColor-red: #ff7b72;
-    --ansi-fgColor-redBright: #ffa198;
-    --ansi-fgColor-green: #3fb950;
-    --ansi-fgColor-greenBright: #56d364;
-    --ansi-fgColor-yellow: #d29922;
-    --ansi-fgColor-yellowBright: #e3b341;
-    --ansi-fgColor-blue: #58a6ff;
-    --ansi-fgColor-blueBright: #79c0ff;
-    --ansi-fgColor-magenta: #bc8cff;
-    --ansi-fgColor-magentaBright: #d2a8ff;
-    --ansi-fgColor-cyan: #39c5cf;
-    --ansi-fgColor-cyanBright: #56d4dd;
-    --prettylights-syntax-comment: #8b949e;
-    --prettylights-syntax-constant: #79c0ff;
-    --prettylights-syntax-entity: #d2a8ff;
-    --prettylights-syntax-storageModifierImport: #c9d1d9;
-    --prettylights-syntax-entityTag: #7ee787;
-    --prettylights-syntax-keyword: #ff7b72;
-    --prettylights-syntax-string: #a5d6ff;
-    --prettylights-syntax-variable: #ffa657;
-    --prettylights-syntax-brackethighlighterUnmatched: #f85149;
-    --prettylights-syntax-invalidIllegalText: #f0f6fc;
-    --prettylights-syntax-invalidIllegalBg: #8e1519;
-    --prettylights-syntax-carriageReturnText: #f0f6fc;
-    --prettylights-syntax-carriageReturnBg: #b62324;
-    --prettylights-syntax-stringRegexp: #7ee787;
-    --prettylights-syntax-markupList: #f2cc60;
-    --prettylights-syntax-markupHeading: #1f6feb;
-    --prettylights-syntax-markupItalic: #c9d1d9;
-    --prettylights-syntax-markupBold: #c9d1d9;
-    --prettylights-syntax-markupDeletedText: #ffdcd7;
-    --prettylights-syntax-markupDeletedBg: #67060c;
-    --prettylights-syntax-markupInsertedText: #aff5b4;
-    --prettylights-syntax-markupInsertedBg: #033a16;
-    --prettylights-syntax-markupChangedText: #ffdfb6;
-    --prettylights-syntax-markupChangedBg: #5a1e02;
-    --prettylights-syntax-markupIgnoredText: #c9d1d9;
-    --prettylights-syntax-markupIgnoredBg: #1158c7;
-    --prettylights-syntax-metaDiffRange: #d2a8ff;
-    --prettylights-syntax-brackethighlighterAngle: #8b949e;
-    --prettylights-syntax-sublimelinterGutterMark: #484f58;
-    --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-ansi-black: #484f58;
+    --color-ansi-black-bright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-white-bright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #ff7b72;
+    --color-ansi-red-bright: #ffa198;
+    --color-ansi-green: #3fb950;
+    --color-ansi-green-bright: #56d364;
+    --color-ansi-yellow: #d29922;
+    --color-ansi-yellow-bright: #e3b341;
+    --color-ansi-blue: #58a6ff;
+    --color-ansi-blue-bright: #79c0ff;
+    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magenta-bright: #d2a8ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyan-bright: #56d4dd;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
     --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
     --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
     --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */

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

@@ -238,25 +238,48 @@
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
+    --color-ansi-red: #b35900;
     --color-ansi-red-bright: #8a4600;
+    --color-ansi-green: #0550ae;
     --color-ansi-green-bright: #0969da;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #b35900;
-    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-string: #0a3069;
     --color-prettylights-syntax-variable: #8a4600;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
     --color-prettylights-syntax-invalid-illegal-bg: #6f3800;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
     --color-prettylights-syntax-carriage-return-bg: #b35900;
+    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #6f3800;
+    --color-prettylights-syntax-markup-deleted-bg: #fff5e8;
+    --color-prettylights-syntax-markup-inserted-text: #0550ae;
+    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
+    --color-prettylights-syntax-markup-changed-text: #8a4600;
+    --color-prettylights-syntax-markup-changed-bg: #ffddb0;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;

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

@@ -238,25 +238,48 @@
     --borderColor-done-emphasis: #622cbc;
     --borderColor-sponsors-muted: #ed4baf;
     --borderColor-sponsors-emphasis: #971368;
+    --color-ansi-black: #0e1116;
     --color-ansi-black-bright: #4b535d;
+    --color-ansi-white: #66707b;
     --color-ansi-white-bright: #88929d;
     --color-ansi-gray: #66707b;
+    --color-ansi-red: #a0111f;
     --color-ansi-red-bright: #86061d;
+    --color-ansi-green: #024c1a;
     --color-ansi-green-bright: #055d20;
+    --color-ansi-yellow: #3f2200;
     --color-ansi-yellow-bright: #4e2c00;
+    --color-ansi-blue: #0349b4;
     --color-ansi-blue-bright: #1168e3;
+    --color-ansi-magenta: #622cbc;
     --color-ansi-magenta-bright: #844ae7;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #66707b;
     --color-prettylights-syntax-constant-other-reference-link: #032563;
-    --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-entity: #622cbc;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
+    --color-prettylights-syntax-entity-tag: #023b95;
     --color-prettylights-syntax-keyword: #a0111f;
-    --color-prettylights-syntax-string-regexp: #024c1a;
+    --color-prettylights-syntax-string: #032563;
     --color-prettylights-syntax-variable: #702c00;
     --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
     --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
+    --color-prettylights-syntax-carriage-return-text: #ffffff;
     --color-prettylights-syntax-carriage-return-bg: #a0111f;
+    --color-prettylights-syntax-string-regexp: #024c1a;
+    --color-prettylights-syntax-markup-list: #2e1800;
+    --color-prettylights-syntax-markup-heading: #023b95;
+    --color-prettylights-syntax-markup-italic: #0e1116;
+    --color-prettylights-syntax-markup-bold: #0e1116;
+    --color-prettylights-syntax-markup-deleted-text: #6e011a;
+    --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
+    --color-prettylights-syntax-markup-inserted-text: #024c1a;
+    --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
+    --color-prettylights-syntax-markup-changed-text: #702c00;
+    --color-prettylights-syntax-markup-changed-bg: #ffc67b;
+    --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;

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

@@ -238,25 +238,48 @@
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
     --color-ansi-red-bright: #a40e26;
+    --color-ansi-green: #0550ae;
     --color-ansi-green-bright: #0969da;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;
-    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-string: #0a3069;
     --color-prettylights-syntax-variable: #a40e26;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
     --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
     --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #0550ae;
+    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
+    --color-prettylights-syntax-markup-changed-text: #a40e26;
+    --color-prettylights-syntax-markup-changed-bg: #ffcecb;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;

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

@@ -238,25 +238,48 @@
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
     --color-ansi-red-bright: #a40e26;
+    --color-ansi-green: #116329;
     --color-ansi-green-bright: #1a7f37;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;
-    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-string: #0a3069;
     --color-prettylights-syntax-variable: #953800;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
     --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
     --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;

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

@@ -510,62 +510,94 @@ export default {
       emphasis: "#bf4b8a",
     },
   },
-  ansi: {
-    fgColor: {
+  color: {
+    ansi: {
       black: "#484f58",
-      blackBright: "#6e7681",
+      "black-bright": "#6e7681",
       white: "#b1bac4",
-      whiteBright: "#ffffff",
+      "white-bright": "#ffffff",
       gray: "#6e7681",
       red: "#ec8e2c",
-      redBright: "#fdac54",
+      "red-bright": "#fdac54",
       green: "#58a6ff",
-      greenBright: "#79c0ff",
+      "green-bright": "#79c0ff",
       yellow: "#d29922",
-      yellowBright: "#e3b341",
+      "yellow-bright": "#e3b341",
       blue: "#58a6ff",
-      blueBright: "#79c0ff",
+      "blue-bright": "#79c0ff",
       magenta: "#bc8cff",
-      magentaBright: "#d2a8ff",
+      "magenta-bright": "#d2a8ff",
       cyan: "#39c5cf",
-      cyanBright: "#56d4dd",
+      "cyan-bright": "#56d4dd",
     },
-  },
-  prettylights: {
-    syntax: {
-      comment: "#8b949e",
-      constant: "#79c0ff",
-      entity: "#d2a8ff",
-      storageModifierImport: "#c9d1d9",
-      entityTag: "#a5d6ff",
-      keyword: "#ec8e2c",
-      string: "#a5d6ff",
-      variable: "#fdac54",
-      brackethighlighterUnmatched: "#d47616",
-      invalidIllegalText: "#f0f6fc",
-      invalidIllegalBg: "#6c3906",
-      carriageReturnText: "#f0f6fc",
-      carriageReturnBg: "#914d04",
-      stringRegexp: "#a5d6ff",
-      markupList: "#f2cc60",
-      markupHeading: "#1f6feb",
-      markupItalic: "#c9d1d9",
-      markupBold: "#c9d1d9",
-      markupDeletedText: "#ffe2bb",
-      markupDeletedBg: "#4e2906",
-      markupInsertedText: "#cae8ff",
-      markupInsertedBg: "#0c2d6b",
-      markupChangedText: "#ffe2bb",
-      markupChangedBg: "#4e2906",
-      markupIgnoredText: "#c9d1d9",
-      markupIgnoredBg: "#1158c7",
-      metaDiffRange: "#d2a8ff",
-      brackethighlighterAngle: "#8b949e",
-      sublimelinterGutterMark: "#484f58",
-      constantOtherReferenceLink: "#a5d6ff",
+    prettylights: {
+      syntax: {
+        comment: "#8b949e",
+        constant: {
+          other: {
+            reference: {
+              link: "#a5d6ff",
+            },
+          },
+        },
+        entity: "#d2a8ff",
+        storage: {
+          modifier: {
+            import: "#c9d1d9",
+          },
+        },
+        "entity-tag": "#a5d6ff",
+        keyword: "#ec8e2c",
+        string: "#a5d6ff",
+        variable: "#fdac54",
+        brackethighlighter: {
+          angle: "#8b949e",
+        },
+        invalid: {
+          illegal: {
+            bg: "#6c3906",
+          },
+        },
+        carriage: {
+          return: {
+            bg: "#914d04",
+          },
+        },
+        "string-regexp": "#a5d6ff",
+        markup: {
+          list: "#f2cc60",
+          heading: "#1f6feb",
+          italic: "#c9d1d9",
+          bold: "#c9d1d9",
+          deleted: {
+            text: "#ffe2bb",
+            bg: "#4e2906",
+          },
+          inserted: {
+            text: "#cae8ff",
+            bg: "#0c2d6b",
+          },
+          changed: {
+            text: "#ffe2bb",
+            bg: "#4e2906",
+          },
+          ignored: {
+            text: "#c9d1d9",
+            bg: "#1158c7",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#d2a8ff",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#484f58",
+          },
+        },
+      },
     },
-  },
-  color: {
     scale: {
       black: "#010409",
       transparent: "#00000000",

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

@@ -510,62 +510,94 @@ export default {
       emphasis: "#ae4c82",
     },
   },
-  ansi: {
-    fgColor: {
+  color: {
+    ansi: {
       black: "#545d68",
-      blackBright: "#636e7b",
+      "black-bright": "#636e7b",
       white: "#909dab",
-      whiteBright: "#cdd9e5",
+      "white-bright": "#cdd9e5",
       gray: "#636e7b",
       red: "#f47067",
-      redBright: "#ff938a",
+      "red-bright": "#ff938a",
       green: "#57ab5a",
-      greenBright: "#6bc46d",
+      "green-bright": "#6bc46d",
       yellow: "#c69026",
-      yellowBright: "#daaa3f",
+      "yellow-bright": "#daaa3f",
       blue: "#539bf5",
-      blueBright: "#6cb6ff",
+      "blue-bright": "#6cb6ff",
       magenta: "#b083f0",
-      magentaBright: "#dcbdfb",
+      "magenta-bright": "#dcbdfb",
       cyan: "#39c5cf",
-      cyanBright: "#56d4dd",
+      "cyan-bright": "#56d4dd",
     },
-  },
-  prettylights: {
-    syntax: {
-      comment: "#768390",
-      constant: "#6cb6ff",
-      entity: "#dcbdfb",
-      storageModifierImport: "#adbac7",
-      entityTag: "#8ddb8c",
-      keyword: "#f47067",
-      string: "#96d0ff",
-      variable: "#f69d50",
-      brackethighlighterUnmatched: "#e5534b",
-      invalidIllegalText: "#cdd9e5",
-      invalidIllegalBg: "#922323",
-      carriageReturnText: "#cdd9e5",
-      carriageReturnBg: "#ad2e2c",
-      stringRegexp: "#8ddb8c",
-      markupList: "#eac55f",
-      markupHeading: "#316dca",
-      markupItalic: "#adbac7",
-      markupBold: "#adbac7",
-      markupDeletedText: "#ffd8d3",
-      markupDeletedBg: "#78191b",
-      markupInsertedText: "#b4f1b4",
-      markupInsertedBg: "#1b4721",
-      markupChangedText: "#ffddb0",
-      markupChangedBg: "#682d0f",
-      markupIgnoredText: "#adbac7",
-      markupIgnoredBg: "#255ab2",
-      metaDiffRange: "#dcbdfb",
-      brackethighlighterAngle: "#768390",
-      sublimelinterGutterMark: "#545d68",
-      constantOtherReferenceLink: "#96d0ff",
+    prettylights: {
+      syntax: {
+        comment: "#768390",
+        constant: {
+          other: {
+            reference: {
+              link: "#96d0ff",
+            },
+          },
+        },
+        entity: "#dcbdfb",
+        storage: {
+          modifier: {
+            import: "#adbac7",
+          },
+        },
+        "entity-tag": "#8ddb8c",
+        keyword: "#f47067",
+        string: "#96d0ff",
+        variable: "#f69d50",
+        brackethighlighter: {
+          angle: "#768390",
+        },
+        invalid: {
+          illegal: {
+            bg: "#922323",
+          },
+        },
+        carriage: {
+          return: {
+            bg: "#ad2e2c",
+          },
+        },
+        "string-regexp": "#8ddb8c",
+        markup: {
+          list: "#eac55f",
+          heading: "#316dca",
+          italic: "#adbac7",
+          bold: "#adbac7",
+          deleted: {
+            text: "#ffd8d3",
+            bg: "#78191b",
+          },
+          inserted: {
+            text: "#b4f1b4",
+            bg: "#1b4721",
+          },
+          changed: {
+            text: "#ffddb0",
+            bg: "#682d0f",
+          },
+          ignored: {
+            text: "#adbac7",
+            bg: "#255ab2",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#dcbdfb",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#545d68",
+          },
+        },
+      },
     },
-  },
-  color: {
     scale: {
       black: "#1c2128",
       transparent: "#00000000",