@primer/primitives 7.4.2-rc.b62f0f4 → 7.5.1-rc.39f9362

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # @primer/primitives
 
-## 7.4.2
+## 7.5.1
+
+### Patch Changes
+
+- [#306](https://github.com/primer/primitives/pull/306) [`8e9779c`](https://github.com/primer/primitives/commit/8e9779cd917554874bbc60cda0fd3baaf69118ca) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Color scale improvements for Blue and Orange
+
+* [#303](https://github.com/primer/primitives/pull/303) [`07e01ad`](https://github.com/primer/primitives/commit/07e01add2f4d48ca32ffed6e4c61304fd93d0a16) Thanks [@simurai](https://github.com/simurai)! - Update `closed` role for `dark_colorblind`
+
+- [#304](https://github.com/primer/primitives/pull/304) [`94ae707`](https://github.com/primer/primitives/commit/94ae70763ac93e17c78bd5c2444d5ebb93fa0a7e) Thanks [@edokoa](https://github.com/edokoa)! - Change `scale.white` in dark mode to `#ffffff`
+
+## 7.5.0
+
+### Minor Changes
+
+- [#296](https://github.com/primer/primitives/pull/296) [`389b08b`](https://github.com/primer/primitives/commit/389b08bd09d965b117516ea5c72da64bc4cb03d9) Thanks [@simurai](https://github.com/simurai)! - Add `open` and `closed` roles
 
 ### Patch Changes
 

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

@@ -404,6 +404,18 @@ declare const _default: {
         muted: string;
         subtle: string;
     };
+    open: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    closed: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
     done: {
         fg: string;
         emphasis: string;

package/dist/js/colors/dark.js

@@ -133,7 +133,7 @@ exports.default = {
         "lineHoverBg": "rgba(110,118,129,0.1)",
         "lineSelectedBg": "rgba(56,139,253,0.15)",
         "lineSelectedNumText": "#58a6ff",
-        "lineDtFmText": "#f0f6fc",
+        "lineDtFmText": "#ffffff",
         "lineDtFmBg": "#9e6a03",
         "gateBg": "rgba(187,128,9,0.15)",
         "gateText": "#8b949e",
@@ -190,7 +190,7 @@ exports.default = {
         }
     },
     "avatar": {
-        "bg": "rgba(240,246,252,0.1)",
+        "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",
         "stackFade": "#30363d",
         "stackFadeMore": "#21262d",
@@ -211,7 +211,7 @@ exports.default = {
         "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
     },
     "header": {
-        "text": "rgba(240,246,252,0.7)",
+        "text": "rgba(255,255,255,0.7)",
         "bg": "#161b22",
         "divider": "#8b949e",
         "logo": "#f0f6fc"
@@ -236,7 +236,7 @@ exports.default = {
         "black": "#484f58",
         "blackBright": "#6e7681",
         "white": "#b1bac4",
-        "whiteBright": "#f0f6fc",
+        "whiteBright": "#ffffff",
         "gray": "#6e7681",
         "red": "#ff7b72",
         "redBright": "#ffa198",
@@ -278,14 +278,14 @@ exports.default = {
             "hoverBorder": "rgba(240,246,252,0.1)",
             "selectedBg": "#238636",
             "selectedShadow": "0 0 transparent",
-            "disabledText": "rgba(240,246,252,0.5)",
+            "disabledText": "rgba(255,255,255,0.5)",
             "disabledBg": "rgba(35,134,54,0.6)",
             "disabledBorder": "rgba(240,246,252,0.1)",
             "focusBg": "#238636",
             "focusBorder": "rgba(240,246,252,0.1)",
             "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
-            "icon": "#f0f6fc",
-            "counterBg": "rgba(240,246,252,0.2)"
+            "icon": "#ffffff",
+            "counterBg": "rgba(255,255,255,0.2)"
         },
         "outline": {
             "text": "#58a6ff",
@@ -293,9 +293,9 @@ exports.default = {
             "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(240,246,252,0.03)",
-            "hoverCounterBg": "rgba(240,246,252,0.2)",
-            "selectedText": "#f0f6fc",
+            "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+            "hoverCounterBg": "rgba(255,255,255,0.2)",
+            "selectedText": "#ffffff",
             "selectedBg": "#0d419d",
             "selectedBorder": "rgba(240,246,252,0.1)",
             "selectedShadow": "0 0 transparent",
@@ -308,12 +308,12 @@ exports.default = {
         },
         "danger": {
             "text": "#f85149",
-            "hoverText": "#f0f6fc",
+            "hoverText": "#ffffff",
             "hoverBg": "#da3633",
             "hoverBorder": "#f85149",
             "hoverShadow": "0 0 transparent",
             "hoverInsetShadow": "0 0 transparent",
-            "hoverIcon": "#f0f6fc",
+            "hoverIcon": "#ffffff",
             "hoverCounterBg": "rgba(255,255,255,0.2)",
             "selectedText": "#ffffff",
             "selectedBg": "#b62324",
@@ -351,7 +351,7 @@ exports.default = {
         "default": "#c9d1d9",
         "muted": "#8b949e",
         "subtle": "#484f58",
-        "onEmphasis": "#f0f6fc"
+        "onEmphasis": "#ffffff"
     },
     "canvas": {
         "default": "#0d1117",
@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(248,81,73,0.4)",
         "subtle": "rgba(248,81,73,0.15)"
     },
+    "open": {
+        "fg": "#3fb950",
+        "emphasis": "#238636",
+        "muted": "rgba(46,160,67,0.4)",
+        "subtle": "rgba(46,160,67,0.15)"
+    },
+    "closed": {
+        "fg": "#f85149",
+        "emphasis": "#da3633",
+        "muted": "rgba(248,81,73,0.4)",
+        "subtle": "rgba(248,81,73,0.15)"
+    },
     "done": {
         "fg": "#a371f7",
         "emphasis": "#8957e5",
@@ -428,7 +440,7 @@ exports.default = {
         },
         "border": {
             "active": "#F78166",
-            "contrast": "rgba(240,246,252,0.2)"
+            "contrast": "rgba(255,255,255,0.2)"
         },
         "shadow": {
             "highlight": "0 0 transparent",
@@ -438,7 +450,7 @@ exports.default = {
     },
     "scale": {
         "black": "#010409",
-        "white": "#f0f6fc",
+        "white": "#ffffff",
         "gray": [
             "#f0f6fc",
             "#c9d1d9",

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

@@ -404,6 +404,18 @@ declare const _default: {
         muted: string;
         subtle: string;
     };
+    open: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    closed: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
     done: {
         fg: string;
         emphasis: string;

package/dist/js/colors/dark_colorblind.js

@@ -11,16 +11,16 @@ exports.default = {
         "addition": {
             "numText": "#c9d1d9",
             "fg": "#c9d1d9",
-            "numBg": "rgba(66,160,255,0.3)",
-            "lineBg": "rgba(21,133,253,0.15)",
-            "wordBg": "rgba(21,133,253,0.4)"
+            "numBg": "rgba(88,166,255,0.3)",
+            "lineBg": "rgba(56,139,253,0.15)",
+            "wordBg": "rgba(56,139,253,0.4)"
         },
         "deletion": {
             "numText": "#c9d1d9",
             "fg": "#c9d1d9",
-            "numBg": "rgba(195,128,0,0.3)",
-            "lineBg": "rgba(195,128,0,0.15)",
-            "wordBg": "rgba(195,128,0,0.4)"
+            "numBg": "rgba(212,118,22,0.3)",
+            "lineBg": "rgba(212,118,22,0.15)",
+            "wordBg": "rgba(212,118,22,0.4)"
         },
         "hunk": {
             "numBg": "rgba(56,139,253,0.4)"
@@ -33,7 +33,7 @@ exports.default = {
     "diffstat": {
         "deletionBorder": "rgba(240,246,252,0.1)",
         "additionBorder": "rgba(240,246,252,0.1)",
-        "additionBg": "#42a0ff"
+        "additionBg": "#58a6ff"
     },
     "searchKeyword": {
         "hl": "rgba(210,153,34,0.4)"
@@ -44,26 +44,26 @@ exports.default = {
             "constant": "#79c0ff",
             "entity": "#d2a8ff",
             "storageModifierImport": "#c9d1d9",
-            "entityTag": "#83d4ff",
-            "keyword": "#d69a00",
+            "entityTag": "#a5d6ff",
+            "keyword": "#ec8e2c",
             "string": "#a5d6ff",
-            "variable": "#ffa657",
-            "brackethighlighterUnmatched": "#c38000",
+            "variable": "#fdac54",
+            "brackethighlighterUnmatched": "#d47616",
             "invalidIllegalText": "#f0f6fc",
-            "invalidIllegalBg": "#633e00",
+            "invalidIllegalBg": "#6c3906",
             "carriageReturnText": "#f0f6fc",
-            "carriageReturnBg": "#865401",
-            "stringRegexp": "#83d4ff",
+            "carriageReturnBg": "#914d04",
+            "stringRegexp": "#a5d6ff",
             "markupList": "#f2cc60",
             "markupHeading": "#1f6feb",
             "markupItalic": "#c9d1d9",
             "markupBold": "#c9d1d9",
-            "markupDeletedText": "#f0ec59",
-            "markupDeletedBg": "#452f00",
-            "markupInsertedText": "#a0e8ff",
-            "markupInsertedBg": "#0a2861",
-            "markupChangedText": "#ffdfb6",
-            "markupChangedBg": "#5a1e02",
+            "markupDeletedText": "#ffe2bb",
+            "markupDeletedBg": "#4e2906",
+            "markupInsertedText": "#cae8ff",
+            "markupInsertedBg": "#0c2d6b",
+            "markupChangedText": "#ffe2bb",
+            "markupChangedBg": "#4e2906",
             "markupIgnoredText": "#c9d1d9",
             "markupIgnoredBg": "#1158c7",
             "metaDiffRange": "#d2a8ff",
@@ -88,11 +88,11 @@ exports.default = {
             "comment": "#8b949e",
             "constant": "#79c0ff",
             "entity": "#d2a8ff",
-            "keyword": "#d69a00",
-            "storage": "#d69a00",
+            "keyword": "#ec8e2c",
+            "storage": "#ec8e2c",
             "string": "#a5d6ff",
             "support": "#79c0ff",
-            "variable": "#ffa657"
+            "variable": "#fdac54"
         }
     },
     "checks": {
@@ -110,9 +110,9 @@ exports.default = {
         "inputFocusText": "#c9d1d9",
         "inputBg": "#161b22",
         "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
-        "donutError": "#c38000",
+        "donutError": "#d47616",
         "donutPending": "#d29922",
-        "donutSuccess": "#1585fd",
+        "donutSuccess": "#388bfd",
         "donutNeutral": "#8b949e",
         "dropdownText": "#c9d1d9",
         "dropdownBg": "#161b22",
@@ -133,35 +133,35 @@ exports.default = {
         "lineHoverBg": "rgba(110,118,129,0.1)",
         "lineSelectedBg": "rgba(56,139,253,0.15)",
         "lineSelectedNumText": "#58a6ff",
-        "lineDtFmText": "#f0f6fc",
+        "lineDtFmText": "#ffffff",
         "lineDtFmBg": "#9e6a03",
         "gateBg": "rgba(187,128,9,0.15)",
         "gateText": "#8b949e",
         "gateWaitingText": "#d29922",
         "stepHeaderOpenBg": "#161b22",
-        "stepErrorText": "#c38000",
+        "stepErrorText": "#d47616",
         "stepWarningText": "#d29922",
         "loglineText": "#8b949e",
         "loglineNumText": "#484f58",
         "loglineDebugText": "#a371f7",
         "loglineErrorText": "#8b949e",
         "loglineErrorNumText": "#484f58",
-        "loglineErrorBg": "rgba(195,128,0,0.15)",
+        "loglineErrorBg": "rgba(212,118,22,0.15)",
         "loglineWarningText": "#8b949e",
         "loglineWarningNumText": "#d29922",
         "loglineWarningBg": "rgba(187,128,9,0.15)",
         "loglineCommandText": "#58a6ff",
-        "loglineSectionText": "#42a0ff",
+        "loglineSectionText": "#58a6ff",
         "ansi": {
             "black": "#0d1117",
             "blackBright": "#161b22",
             "white": "#b1bac4",
             "whiteBright": "#b1bac4",
             "gray": "#6e7681",
-            "red": "#d69a00",
-            "redBright": "#e6b716",
-            "green": "#42a0ff",
-            "greenBright": "#66baff",
+            "red": "#ec8e2c",
+            "redBright": "#fdac54",
+            "green": "#58a6ff",
+            "greenBright": "#79c0ff",
             "yellow": "#d29922",
             "yellowBright": "#e3b341",
             "blue": "#58a6ff",
@@ -190,7 +190,7 @@ exports.default = {
         }
     },
     "avatar": {
-        "bg": "rgba(240,246,252,0.1)",
+        "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",
         "stackFade": "#30363d",
         "stackFadeMore": "#21262d",
@@ -211,7 +211,7 @@ exports.default = {
         "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
     },
     "header": {
-        "text": "rgba(240,246,252,0.7)",
+        "text": "rgba(255,255,255,0.7)",
         "bg": "#161b22",
         "divider": "#8b949e",
         "logo": "#f0f6fc"
@@ -236,12 +236,12 @@ exports.default = {
         "black": "#484f58",
         "blackBright": "#6e7681",
         "white": "#b1bac4",
-        "whiteBright": "#f0f6fc",
+        "whiteBright": "#ffffff",
         "gray": "#6e7681",
-        "red": "#d69a00",
-        "redBright": "#e6b716",
-        "green": "#42a0ff",
-        "greenBright": "#66baff",
+        "red": "#ec8e2c",
+        "redBright": "#fdac54",
+        "green": "#58a6ff",
+        "greenBright": "#79c0ff",
         "yellow": "#d29922",
         "yellowBright": "#e3b341",
         "blue": "#58a6ff",
@@ -270,22 +270,22 @@ exports.default = {
         "counterBg": "#30363d",
         "primary": {
             "text": "#ffffff",
-            "bg": "#1d69e0",
+            "bg": "#1f6feb",
             "border": "rgba(240,246,252,0.1)",
             "shadow": "0 0 transparent",
             "insetShadow": "0 0 transparent",
-            "hoverBg": "#1585fd",
+            "hoverBg": "#388bfd",
             "hoverBorder": "rgba(240,246,252,0.1)",
-            "selectedBg": "#1d69e0",
+            "selectedBg": "#1f6feb",
             "selectedShadow": "0 0 transparent",
-            "disabledText": "rgba(240,246,252,0.5)",
-            "disabledBg": "rgba(29,105,224,0.6)",
+            "disabledText": "rgba(255,255,255,0.5)",
+            "disabledBg": "rgba(31,111,235,0.6)",
             "disabledBorder": "rgba(240,246,252,0.1)",
-            "focusBg": "#1d69e0",
+            "focusBg": "#1f6feb",
             "focusBorder": "rgba(240,246,252,0.1)",
             "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
-            "icon": "#f0f6fc",
-            "counterBg": "rgba(240,246,252,0.2)"
+            "icon": "#ffffff",
+            "counterBg": "rgba(255,255,255,0.2)"
         },
         "outline": {
             "text": "#58a6ff",
@@ -293,9 +293,9 @@ exports.default = {
             "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(240,246,252,0.03)",
-            "hoverCounterBg": "rgba(240,246,252,0.2)",
-            "selectedText": "#f0f6fc",
+            "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+            "hoverCounterBg": "rgba(255,255,255,0.2)",
+            "selectedText": "#ffffff",
             "selectedBg": "#0d419d",
             "selectedBorder": "rgba(240,246,252,0.1)",
             "selectedShadow": "0 0 transparent",
@@ -307,25 +307,25 @@ exports.default = {
             "counterBg": "rgba(31,111,235,0.1)"
         },
         "danger": {
-            "text": "#c38000",
-            "hoverText": "#f0f6fc",
-            "hoverBg": "#a66900",
-            "hoverBorder": "#c38000",
+            "text": "#d47616",
+            "hoverText": "#ffffff",
+            "hoverBg": "#b76100",
+            "hoverBorder": "#d47616",
             "hoverShadow": "0 0 transparent",
             "hoverInsetShadow": "0 0 transparent",
-            "hoverIcon": "#f0f6fc",
+            "hoverIcon": "#ffffff",
             "hoverCounterBg": "rgba(255,255,255,0.2)",
             "selectedText": "#ffffff",
-            "selectedBg": "#865401",
-            "selectedBorder": "#d69a00",
+            "selectedBg": "#914d04",
+            "selectedBorder": "#ec8e2c",
             "selectedShadow": "0 0 transparent",
-            "disabledText": "rgba(195,128,0,0.5)",
+            "disabledText": "rgba(212,118,22,0.5)",
             "disabledBg": "#0d1117",
-            "disabledCounterBg": "rgba(166,105,0,0.05)",
-            "focusBorder": "#c38000",
-            "focusShadow": "0 0 0 3px rgba(195,128,0,0.4)",
-            "counterBg": "rgba(166,105,0,0.1)",
-            "icon": "#c38000"
+            "disabledCounterBg": "rgba(183,97,0,0.05)",
+            "focusBorder": "#d47616",
+            "focusShadow": "0 0 0 3px rgba(212,118,22,0.4)",
+            "counterBg": "rgba(183,97,0,0.1)",
+            "icon": "#d47616"
         }
     },
     "underlinenav": {
@@ -342,16 +342,16 @@ exports.default = {
             "selectedBg": "rgba(177,186,196,0.08)"
         },
         "danger": {
-            "hoverBg": "rgba(195,128,0,0.16)",
-            "activeBg": "rgba(195,128,0,0.24)",
-            "hoverText": "#d69a00"
+            "hoverBg": "rgba(212,118,22,0.16)",
+            "activeBg": "rgba(212,118,22,0.24)",
+            "hoverText": "#ec8e2c"
         }
     },
     "fg": {
         "default": "#c9d1d9",
         "muted": "#8b949e",
         "subtle": "#484f58",
-        "onEmphasis": "#f0f6fc"
+        "onEmphasis": "#ffffff"
     },
     "canvas": {
         "default": "#0d1117",
@@ -383,10 +383,10 @@ exports.default = {
         "subtle": "rgba(56,139,253,0.15)"
     },
     "success": {
-        "fg": "#42a0ff",
-        "emphasis": "#1d69e0",
-        "muted": "rgba(21,133,253,0.4)",
-        "subtle": "rgba(21,133,253,0.15)"
+        "fg": "#58a6ff",
+        "emphasis": "#1f6feb",
+        "muted": "rgba(56,139,253,0.4)",
+        "subtle": "rgba(56,139,253,0.15)"
     },
     "attention": {
         "fg": "#d29922",
@@ -395,16 +395,28 @@ exports.default = {
         "subtle": "rgba(187,128,9,0.15)"
     },
     "severe": {
-        "fg": "#db6d28",
-        "emphasis": "#bd561d",
-        "muted": "rgba(219,109,40,0.4)",
-        "subtle": "rgba(219,109,40,0.15)"
+        "fg": "#d47616",
+        "emphasis": "#b76100",
+        "muted": "rgba(212,118,22,0.4)",
+        "subtle": "rgba(212,118,22,0.15)"
     },
     "danger": {
-        "fg": "#c38000",
-        "emphasis": "#a66900",
-        "muted": "rgba(195,128,0,0.4)",
-        "subtle": "rgba(195,128,0,0.15)"
+        "fg": "#d47616",
+        "emphasis": "#b76100",
+        "muted": "rgba(212,118,22,0.4)",
+        "subtle": "rgba(212,118,22,0.15)"
+    },
+    "open": {
+        "fg": "#ec8e2c",
+        "emphasis": "#b76100",
+        "muted": "rgba(212,118,22,0.4)",
+        "subtle": "rgba(212,118,22,0.15)"
+    },
+    "closed": {
+        "fg": "#8b949e",
+        "emphasis": "#6e7681",
+        "muted": "rgba(110,118,129,0.4)",
+        "subtle": "rgba(110,118,129,0.1)"
     },
     "done": {
         "fg": "#a371f7",
@@ -428,7 +440,7 @@ exports.default = {
         },
         "border": {
             "active": "#F78166",
-            "contrast": "rgba(240,246,252,0.2)"
+            "contrast": "rgba(255,255,255,0.2)"
         },
         "shadow": {
             "highlight": "0 0 transparent",
@@ -438,7 +450,7 @@ exports.default = {
     },
     "scale": {
         "black": "#010409",
-        "white": "#f0f6fc",
+        "white": "#ffffff",
         "gray": [
             "#f0f6fc",
             "#c9d1d9",
@@ -464,16 +476,16 @@ exports.default = {
             "#051d4d"
         ],
         "green": [
-            "#a0e8ff",
-            "#83d4ff",
-            "#66baff",
-            "#42a0ff",
-            "#1585fd",
-            "#1d69e0",
-            "#0f53bc",
-            "#0b3c92",
-            "#0a2861",
-            "#041843"
+            "#cae8ff",
+            "#a5d6ff",
+            "#79c0ff",
+            "#58a6ff",
+            "#388bfd",
+            "#1f6feb",
+            "#1158c7",
+            "#0d419d",
+            "#0c2d6b",
+            "#051d4d"
         ],
         "yellow": [
             "#f8e3a1",
@@ -488,28 +500,28 @@ exports.default = {
             "#341a00"
         ],
         "orange": [
-            "#ffdfb6",
-            "#ffc680",
-            "#ffa657",
-            "#f0883e",
-            "#db6d28",
-            "#bd561d",
-            "#9b4215",
-            "#762d0a",
-            "#5a1e02",
-            "#3d1300"
+            "#ffe2bb",
+            "#ffc981",
+            "#fdac54",
+            "#ec8e2c",
+            "#d47616",
+            "#b76100",
+            "#914d04",
+            "#6c3906",
+            "#4e2906",
+            "#331c04"
         ],
         "red": [
-            "#f0ec59",
-            "#ecd334",
-            "#e6b716",
-            "#d69a00",
-            "#c38000",
-            "#a66900",
-            "#865401",
-            "#633e00",
-            "#452f00",
-            "#292100"
+            "#ffe2bb",
+            "#ffc981",
+            "#fdac54",
+            "#ec8e2c",
+            "#d47616",
+            "#b76100",
+            "#914d04",
+            "#6c3906",
+            "#4e2906",
+            "#331c04"
         ],
         "purple": [
             "#eddeff",

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

@@ -404,6 +404,18 @@ declare const _default: {
         muted: string;
         subtle: string;
     };
+    open: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
+    closed: {
+        fg: string;
+        emphasis: string;
+        muted: string;
+        subtle: string;
+    };
     done: {
         fg: string;
         emphasis: string;

package/dist/js/colors/dark_dimmed.js

@@ -406,6 +406,18 @@ exports.default = {
         "muted": "rgba(229,83,75,0.4)",
         "subtle": "rgba(229,83,75,0.15)"
     },
+    "open": {
+        "fg": "#57ab5a",
+        "emphasis": "#347d39",
+        "muted": "rgba(70,149,74,0.4)",
+        "subtle": "rgba(70,149,74,0.15)"
+    },
+    "closed": {
+        "fg": "#e5534b",
+        "emphasis": "#c93c37",
+        "muted": "rgba(229,83,75,0.4)",
+        "subtle": "rgba(229,83,75,0.15)"
+    },
     "done": {
         "fg": "#986ee2",
         "emphasis": "#8256d0",