@primer/primitives 7.5.1-rc.e5be394 → 7.6.0-rc.8feb85c

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # @primer/primitives
 
+## 7.6.0
+
+### Minor Changes
+
+- [#309](https://github.com/primer/primitives/pull/309) [`4588342`](https://github.com/primer/primitives/commit/45883423f029e7dee067fe4dd9636bebb11adbbe) Thanks [@mperrotti](https://github.com/mperrotti)! - adds primitives for toggle switch component
+
+### Patch Changes
+
+- [#307](https://github.com/primer/primitives/pull/307) [`da4ffd3`](https://github.com/primer/primitives/commit/da4ffd338a41bb1f653e096c8b886db4834b3715) Thanks [@simurai](https://github.com/simurai)! - Increase contrast for dark `fg.subtle`
+
 ## 7.5.1
 
 ### Patch Changes
 
-- [#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`
+- [#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`
+- [#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
 

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

@@ -345,6 +345,22 @@ declare const _default: {
             hoverText: string;
         };
     };
+    switchTrack: {
+        bg: string;
+        border: string;
+        checked: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            border: string;
+        };
+    };
+    switchKnob: {
+        checked: {
+            bg: string;
+            disabledBg: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark.js

@@ -77,7 +77,7 @@ exports.default = {
         "bg": "#0d1117",
         "guttersBg": "#0d1117",
         "guttermarkerText": "#0d1117",
-        "guttermarkerSubtleText": "#484f58",
+        "guttermarkerSubtleText": "#6e7681",
         "linenumberText": "#8b949e",
         "cursor": "#c9d1d9",
         "selectionBg": "rgba(56,139,253,0.4)",
@@ -106,7 +106,7 @@ exports.default = {
         "btnHoverIcon": "#c9d1d9",
         "btnHoverBg": "rgba(110,118,129,0.1)",
         "inputText": "#8b949e",
-        "inputPlaceholderText": "#484f58",
+        "inputPlaceholderText": "#6e7681",
         "inputFocusText": "#c9d1d9",
         "inputBg": "#161b22",
         "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -128,8 +128,8 @@ exports.default = {
         "headerBorder": "#21262d",
         "headerIcon": "#8b949e",
         "lineText": "#8b949e",
-        "lineNumText": "#484f58",
-        "lineTimestampText": "#484f58",
+        "lineNumText": "#6e7681",
+        "lineTimestampText": "#6e7681",
         "lineHoverBg": "rgba(110,118,129,0.1)",
         "lineSelectedBg": "rgba(56,139,253,0.15)",
         "lineSelectedNumText": "#58a6ff",
@@ -142,10 +142,10 @@ exports.default = {
         "stepErrorText": "#f85149",
         "stepWarningText": "#d29922",
         "loglineText": "#8b949e",
-        "loglineNumText": "#484f58",
+        "loglineNumText": "#6e7681",
         "loglineDebugText": "#a371f7",
         "loglineErrorText": "#8b949e",
-        "loglineErrorNumText": "#484f58",
+        "loglineErrorNumText": "#6e7681",
         "loglineErrorBg": "rgba(248,81,73,0.15)",
         "loglineWarningText": "#8b949e",
         "loglineWarningNumText": "#d29922",
@@ -329,7 +329,7 @@ exports.default = {
         }
     },
     "underlinenav": {
-        "icon": "#484f58",
+        "icon": "#6e7681",
         "borderHover": "rgba(110,118,129,0.4)"
     },
     "actionListItem": {
@@ -347,10 +347,26 @@ exports.default = {
             "hoverText": "#ff7b72"
         }
     },
+    "switchTrack": {
+        "bg": "#010409",
+        "border": "#6e7681",
+        "checked": {
+            "bg": "rgba(31,111,235,0.35)",
+            "hoverBg": "rgba(31,111,235,0.5)",
+            "activeBg": "rgba(31,111,235,0.65)",
+            "border": "#58a6ff"
+        }
+    },
+    "switchKnob": {
+        "checked": {
+            "bg": "#1f6feb",
+            "disabledBg": "#484f58"
+        }
+    },
     "fg": {
         "default": "#c9d1d9",
         "muted": "#8b949e",
-        "subtle": "#484f58",
+        "subtle": "#6e7681",
         "onEmphasis": "#ffffff"
     },
     "canvas": {

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

@@ -345,6 +345,22 @@ declare const _default: {
             hoverText: string;
         };
     };
+    switchTrack: {
+        bg: string;
+        border: string;
+        checked: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            border: string;
+        };
+    };
+    switchKnob: {
+        checked: {
+            bg: string;
+            disabledBg: string;
+        };
+    };
     fg: {
         default: string;
         muted: 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",
@@ -77,7 +77,7 @@ exports.default = {
         "bg": "#0d1117",
         "guttersBg": "#0d1117",
         "guttermarkerText": "#0d1117",
-        "guttermarkerSubtleText": "#484f58",
+        "guttermarkerSubtleText": "#6e7681",
         "linenumberText": "#8b949e",
         "cursor": "#c9d1d9",
         "selectionBg": "rgba(56,139,253,0.4)",
@@ -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": {
@@ -106,13 +106,13 @@ exports.default = {
         "btnHoverIcon": "#c9d1d9",
         "btnHoverBg": "rgba(110,118,129,0.1)",
         "inputText": "#8b949e",
-        "inputPlaceholderText": "#484f58",
+        "inputPlaceholderText": "#6e7681",
         "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",
@@ -128,8 +128,8 @@ exports.default = {
         "headerBorder": "#21262d",
         "headerIcon": "#8b949e",
         "lineText": "#8b949e",
-        "lineNumText": "#484f58",
-        "lineTimestampText": "#484f58",
+        "lineNumText": "#6e7681",
+        "lineTimestampText": "#6e7681",
         "lineHoverBg": "rgba(110,118,129,0.1)",
         "lineSelectedBg": "rgba(56,139,253,0.15)",
         "lineSelectedNumText": "#58a6ff",
@@ -139,29 +139,29 @@ exports.default = {
         "gateText": "#8b949e",
         "gateWaitingText": "#d29922",
         "stepHeaderOpenBg": "#161b22",
-        "stepErrorText": "#c38000",
+        "stepErrorText": "#d47616",
         "stepWarningText": "#d29922",
         "loglineText": "#8b949e",
-        "loglineNumText": "#484f58",
+        "loglineNumText": "#6e7681",
         "loglineDebugText": "#a371f7",
         "loglineErrorText": "#8b949e",
-        "loglineErrorNumText": "#484f58",
-        "loglineErrorBg": "rgba(195,128,0,0.15)",
+        "loglineErrorNumText": "#6e7681",
+        "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",
@@ -238,10 +238,10 @@ exports.default = {
         "white": "#b1bac4",
         "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,18 +270,18 @@ 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(255,255,255,0.5)",
-            "disabledBg": "rgba(29,105,224,0.6)",
+            "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": "#ffffff",
@@ -307,29 +307,29 @@ exports.default = {
             "counterBg": "rgba(31,111,235,0.1)"
         },
         "danger": {
-            "text": "#c38000",
+            "text": "#d47616",
             "hoverText": "#ffffff",
-            "hoverBg": "#a66900",
-            "hoverBorder": "#c38000",
+            "hoverBg": "#b76100",
+            "hoverBorder": "#d47616",
             "hoverShadow": "0 0 transparent",
             "hoverInsetShadow": "0 0 transparent",
             "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": {
-        "icon": "#484f58",
+        "icon": "#6e7681",
         "borderHover": "rgba(110,118,129,0.4)"
     },
     "actionListItem": {
@@ -342,15 +342,31 @@ 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"
+        }
+    },
+    "switchTrack": {
+        "bg": "#010409",
+        "border": "#6e7681",
+        "checked": {
+            "bg": "rgba(31,111,235,0.35)",
+            "hoverBg": "rgba(31,111,235,0.5)",
+            "activeBg": "rgba(31,111,235,0.65)",
+            "border": "#58a6ff"
+        }
+    },
+    "switchKnob": {
+        "checked": {
+            "bg": "#1f6feb",
+            "disabledBg": "#484f58"
         }
     },
     "fg": {
         "default": "#c9d1d9",
         "muted": "#8b949e",
-        "subtle": "#484f58",
+        "subtle": "#6e7681",
         "onEmphasis": "#ffffff"
     },
     "canvas": {
@@ -383,10 +399,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,22 +411,22 @@ 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": "#f0883e",
-        "emphasis": "#bd561d",
-        "muted": "rgba(219,109,40,0.4)",
-        "subtle": "rgba(219,109,40,0.15)"
+        "fg": "#ec8e2c",
+        "emphasis": "#b76100",
+        "muted": "rgba(212,118,22,0.4)",
+        "subtle": "rgba(212,118,22,0.15)"
     },
     "closed": {
         "fg": "#8b949e",
@@ -476,16 +492,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",
@@ -500,28 +516,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

@@ -345,6 +345,22 @@ declare const _default: {
             hoverText: string;
         };
     };
+    switchTrack: {
+        bg: string;
+        border: string;
+        checked: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            border: string;
+        };
+    };
+    switchKnob: {
+        checked: {
+            bg: string;
+            disabledBg: string;
+        };
+    };
     fg: {
         default: string;
         muted: string;

package/dist/js/colors/dark_dimmed.js

@@ -77,7 +77,7 @@ exports.default = {
         "bg": "#22272e",
         "guttersBg": "#22272e",
         "guttermarkerText": "#22272e",
-        "guttermarkerSubtleText": "#545d68",
+        "guttermarkerSubtleText": "#636e7b",
         "linenumberText": "#768390",
         "cursor": "#adbac7",
         "selectionBg": "rgba(65,132,228,0.4)",
@@ -106,7 +106,7 @@ exports.default = {
         "btnHoverIcon": "#adbac7",
         "btnHoverBg": "rgba(99,110,123,0.1)",
         "inputText": "#768390",
-        "inputPlaceholderText": "#545d68",
+        "inputPlaceholderText": "#636e7b",
         "inputFocusText": "#adbac7",
         "inputBg": "#2d333b",
         "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -128,8 +128,8 @@ exports.default = {
         "headerBorder": "#373e47",
         "headerIcon": "#768390",
         "lineText": "#768390",
-        "lineNumText": "#545d68",
-        "lineTimestampText": "#545d68",
+        "lineNumText": "#636e7b",
+        "lineTimestampText": "#636e7b",
         "lineHoverBg": "rgba(99,110,123,0.1)",
         "lineSelectedBg": "rgba(65,132,228,0.15)",
         "lineSelectedNumText": "#539bf5",
@@ -142,10 +142,10 @@ exports.default = {
         "stepErrorText": "#e5534b",
         "stepWarningText": "#c69026",
         "loglineText": "#768390",
-        "loglineNumText": "#545d68",
+        "loglineNumText": "#636e7b",
         "loglineDebugText": "#986ee2",
         "loglineErrorText": "#768390",
-        "loglineErrorNumText": "#545d68",
+        "loglineErrorNumText": "#636e7b",
         "loglineErrorBg": "rgba(229,83,75,0.15)",
         "loglineWarningText": "#768390",
         "loglineWarningNumText": "#c69026",
@@ -329,7 +329,7 @@ exports.default = {
         }
     },
     "underlinenav": {
-        "icon": "#545d68",
+        "icon": "#636e7b",
         "borderHover": "rgba(99,110,123,0.4)"
     },
     "actionListItem": {
@@ -347,10 +347,26 @@ exports.default = {
             "hoverText": "#f47067"
         }
     },
+    "switchTrack": {
+        "bg": "#1c2128",
+        "border": "#636e7b",
+        "checked": {
+            "bg": "rgba(49,109,202,0.35)",
+            "hoverBg": "rgba(49,109,202,0.5)",
+            "activeBg": "rgba(49,109,202,0.65)",
+            "border": "#539bf5"
+        }
+    },
+    "switchKnob": {
+        "checked": {
+            "bg": "#316dca",
+            "disabledBg": "#545d68"
+        }
+    },
     "fg": {
         "default": "#adbac7",
         "muted": "#768390",
-        "subtle": "#545d68",
+        "subtle": "#636e7b",
         "onEmphasis": "#cdd9e5"
     },
     "canvas": {