@primer/primitives - npm Package Compare versions

Comparing version 0.0.0-c215e1e to 0.0.0-c7548e4

dist/js/colors/dark.d.ts

@@ -33,5 +33,3 @@ declare const _default: {
         inverse: string;
-        linkPrimary: string;
-        linkSecondary: string;
-        linkTertiary: string;
+        link: string;
         danger: string;
@@ -50,14 +48,2 @@ success: string;
     };
-    state: {
-        hoverPrimaryBg: string;
-        hoverPrimaryBorder: string;
-        hoverPrimaryText: string;
-        hoverPrimaryIcon: string;
-        hoverSecondaryBg: string;
-        hoverSecondaryBorder: string;
-        selectedPrimaryBg: string;
-        selectedPrimaryBorder: string;
-        selectedPrimaryText: string;
-        selectedPrimaryIcon: string;
-    };
     border: {
@@ -96,5 +82,24 @@ primary: string;
         highlight: string[];
-        inset: string[];
-        focus: string[];
+        inset: string;
     };
+    state: {
+        hover: {
+            primaryBg: string;
+            primaryBorder: string;
+            primaryText: string;
+            primaryIcon: string;
+            secondaryBg: string;
+            secondaryBorder: string;
+        };
+        selected: {
+            primaryBg: string;
+            primaryBorder: string;
+            primaryText: string;
+            primaryIcon: string;
+        };
+        focus: {
+            border: string;
+            shadow: string[];
+        };
+    };
     fade: {
@@ -119,6 +124,8 @@ black: {
     alert: {
-        text: string;
-        icon: string;
-        bg: string;
-        border: string;
+        info: {
+            text: string;
+            icon: string;
+            bg: string;
+            border: string;
+        };
         warn: {
@@ -143,2 +150,8 @@ text: string;
     };
+    autocomplete: {
+        bg: string;
+        border: string;
+        shadow: string[];
+        rowBorder: string;
+    };
     blankslate: {
@@ -152,2 +165,4 @@ icon: string;
         ic: string;
+        shadow: string;
+        shadowHighlight: string;
         bgHover: string;
@@ -163,5 +178,5 @@ bgActive: string;
             ic: string;
-            shadow: string[];
-            shadowHighlight: string[];
-            shadowSelected: string[];
+            shadow: string;
+            shadowHighlight: string;
+            shadowSelected: string;
             bgHover: string;
@@ -171,3 +186,3 @@ bgActive: string;
             disabledText: string;
-            disabledShadow: string[];
+            disabledShadow: string;
             counterBg: string;
@@ -206,4 +221,42 @@ };
         bg: string;
+        primary: {
+            text: string;
+            bg: string;
+        };
+        secondary: {
+            text: string;
+        };
+    };
+    dropdown: {
+        bg: string;
         border: string;
+        shadow: string[];
     };
+    label: {
+        border: string;
+        primary: {
+            text: string;
+            border: string;
+        };
+        secondary: {
+            text: string;
+            border: string;
+        };
+        info: {
+            text: string;
+            border: string;
+        };
+        success: {
+            text: string;
+            border: string;
+        };
+        warning: {
+            text: string;
+            border: string;
+        };
+        danger: {
+            text: string;
+            border: string;
+        };
+    };
     topic: {
@@ -217,4 +270,25 @@ tagBg: string;
         contrastBg: string;
-        shadow: string[];
-        shadowFocus: string[];
+        border: string;
+        shadow: string;
+        disabledBg: string;
+        disabledBorder: string;
+        warningBorder: string;
+        errorBorder: string;
+        tooltip: {
+            success: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            warning: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            error: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+        };
     };
@@ -237,4 +311,8 @@ avatar: {
     selectMenu: {
+        bg: string;
+        border: string;
+        borderSecondary: string;
+        shadow: string[];
         backdropBg: string;
-        shadow: string[];
+        backdropBorder: string;
         tapHighlight: string;
@@ -247,6 +325,5 @@ tapFocusBg: string;
         rowBlueBg: string;
+        headerBlueBg: string;
+        headerBlueBorder: string;
     };
-    dropdown: {
-        border: string;
-    };
     popover: {
@@ -257,4 +334,9 @@ border: string;
         text: string;
+        icon: string;
         bg: string;
-        icon: string;
+        link: {
+            text: string;
+            icon: string;
+            bg: string;
+        };
     };
@@ -268,4 +350,17 @@ markdown: {
     };
+    menu: {
+        headingText: string;
+        borderActive: string;
+    };
+    sidenav: {
+        selectedBg: string;
+        borderActive: string;
+    };
+    tabnav: {
+        selectedBg: string;
+    };
     header: {
         text: string;
+        bg: string;
+        logo: string;
     };
@@ -288,3 +383,23 @@ filterItem: {
         border: string;
+        bg: string;
     };
+    underlinenav: {
+        border: string;
+        borderHover: string;
+        borderActive: string;
+        text: string;
+        textHover: string;
+        textActive: string;
+        icon: string;
+        iconHover: string;
+        iconActive: string;
+        counterText: string;
+    };
+    socialCount: {
+        bg: string;
+    };
+    headerSearch: {
+        bg: string;
+        border: string;
+    };
     iconFolder: string;
@@ -328,3 +443,25 @@ hlAuthorBg: string;
     };
+    prState: {
+        draft: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        open: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        merged: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        closed: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+    };
 };
 export default _default;

dist/js/colors/dark.js

@@ -21,83 +21,83 @@ "use strict";
             "#cae8ff",
-            "#a1d3ff",
-            "#75bbff",
-            "#54a2fb",
-            "#3f87e9",
-            "#316ecd",
-            "#2456aa",
-            "#0d4189",
-            "#0b2e63",
-            "#061e46"
+            "#a5d6ff",
+            "#79c0ff",
+            "#58a6ff",
+            "#388bfd",
+            "#1f6feb",
+            "#1158c7",
+            "#0d419d",
+            "#0c2d6b",
+            "#051d4d"
         ],
         "green": [
-            "#b2f4b6",
-            "#81e38a",
-            "#58ce65",
-            "#3ab550",
-            "#2f9a42",
-            "#248035",
-            "#1b662d",
-            "#144d23",
-            "#0a3818",
+            "#aff5b4",
+            "#7ee787",
+            "#56d364",
+            "#3fb950",
+            "#2ea043",
+            "#238636",
+            "#196c2e",
+            "#0f5323",
+            "#033a16",
             "#04260f"
         ],
         "yellow": [
-            "#fef3ae",
-            "#fde15f",
-            "#f7d232",
-            "#eec41a",
-            "#e2b20d",
-            "#d79e00",
-            "#c88d00",
-            "#b67b00",
-            "#9b6400",
-            "#7f4e00"
+            "#f8e3a1",
+            "#f2cc60",
+            "#e3b341",
+            "#d29922",
+            "#bb8009",
+            "#9e6a03",
+            "#845306",
+            "#693e00",
+            "#4b2900",
+            "#341a00"
         ],
         "orange": [
-            "#ffe0bd",
-            "#ffc17e",
-            "#ff9f4c",
-            "#ed802d",
-            "#d7661d",
-            "#ba5010",
-            "#993d06",
-            "#782b00",
-            "#591c00",
-            "#3d1200"
+            "#ffdfb6",
+            "#ffc680",
+            "#ffa657",
+            "#f0883e",
+            "#db6d28",
+            "#bd561d",
+            "#9b4215",
+            "#762d0a",
+            "#5a1e02",
+            "#3d1300"
         ],
         "red": [
-            "#ffdcd9",
-            "#ffbdba",
-            "#ff9a96",
-            "#ff7170",
-            "#ed4e50",
-            "#d13339",
-            "#ac212b",
-            "#88131f",
-            "#660614",
-            "#49000c"
+            "#ffdcd7",
+            "#ffc1ba",
+            "#ffa198",
+            "#ff7b72",
+            "#f85149",
+            "#da3633",
+            "#b62324",
+            "#8e1519",
+            "#67060c",
+            "#490202"
         ],
         "purple": [
-            "#eadfff",
-            "#d8beff",
-            "#c2a0fd",
-            "#ae81fa",
-            "#9867f0",
-            "#804eda",
-            "#673ab8",
-            "#512c94",
-            "#3d2071",
-            "#29154b"
+            "#eddeff",
+            "#e2c5ff",
+            "#d2a8ff",
+            "#bc8cff",
+            "#a371f7",
+            "#8957e5",
+            "#6e40c9",
+            "#553098",
+            "#3c1e70",
+            "#271052"
         ],
         "pink": [
-            "#ffdaed",
-            "#ffb8dd",
-            "#ff93cc",
-            "#f56fb7",
-            "#db579f",
-            "#bc4186",
-            "#98316c",
-            "#762556",
-            "#55183e",
-            "#40092d"
+            "#ffdaec",
+            "#ffbedd",
+            "#ff9bce",
+            "#f778ba",
+            "#db61a2",
+            "#bf4b8a",
+            "#9e3670",
+            "#7d2457",
+            "#5e103e",
+            "#42062a"
         ]
@@ -121,11 +121,11 @@ },
         "blue": [
-            "#061e46",
-            "#0b2e63",
-            "#0d4189",
-            "#2456aa",
-            "#316ecd",
-            "#3f87e9",
-            "#54a2fb",
-            "#75bbff",
-            "#a1d3ff",
+            "#051d4d",
+            "#0c2d6b",
+            "#0d419d",
+            "#1158c7",
+            "#1f6feb",
+            "#388bfd",
+            "#58a6ff",
+            "#79c0ff",
+            "#a5d6ff",
             "#cae8ff"
@@ -135,71 +135,71 @@ ],
             "#04260f",
-            "#0a3818",
-            "#144d23",
-            "#1b662d",
-            "#248035",
-            "#2f9a42",
-            "#3ab550",
-            "#58ce65",
-            "#81e38a",
-            "#b2f4b6"
+            "#033a16",
+            "#0f5323",
+            "#196c2e",
+            "#238636",
+            "#2ea043",
+            "#3fb950",
+            "#56d364",
+            "#7ee787",
+            "#aff5b4"
         ],
         "yellow": [
-            "#7f4e00",
-            "#9b6400",
-            "#b67b00",
-            "#c88d00",
-            "#d79e00",
-            "#e2b20d",
-            "#eec41a",
-            "#f7d232",
-            "#fde15f",
-            "#fef3ae"
+            "#341a00",
+            "#4b2900",
+            "#693e00",
+            "#845306",
+            "#9e6a03",
+            "#bb8009",
+            "#d29922",
+            "#e3b341",
+            "#f2cc60",
+            "#f8e3a1"
         ],
         "orange": [
-            "#3d1200",
-            "#591c00",
-            "#782b00",
-            "#993d06",
-            "#ba5010",
-            "#d7661d",
-            "#ed802d",
-            "#ff9f4c",
-            "#ffc17e",
-            "#ffe0bd"
+            "#3d1300",
+            "#5a1e02",
+            "#762d0a",
+            "#9b4215",
+            "#bd561d",
+            "#db6d28",
+            "#f0883e",
+            "#ffa657",
+            "#ffc680",
+            "#ffdfb6"
         ],
         "red": [
-            "#49000c",
-            "#660614",
-            "#88131f",
-            "#ac212b",
-            "#d13339",
-            "#ed4e50",
-            "#ff7170",
-            "#ff9a96",
-            "#ffbdba",
-            "#ffdcd9"
+            "#490202",
+            "#67060c",
+            "#8e1519",
+            "#b62324",
+            "#da3633",
+            "#f85149",
+            "#ff7b72",
+            "#ffa198",
+            "#ffc1ba",
+            "#ffdcd7"
         ],
         "purple": [
-            "#29154b",
-            "#3d2071",
-            "#512c94",
-            "#673ab8",
-            "#804eda",
-            "#9867f0",
-            "#ae81fa",
-            "#c2a0fd",
-            "#d8beff",
-            "#eadfff"
+            "#271052",
+            "#3c1e70",
+            "#553098",
+            "#6e40c9",
+            "#8957e5",
+            "#a371f7",
+            "#bc8cff",
+            "#d2a8ff",
+            "#e2c5ff",
+            "#eddeff"
         ],
         "pink": [
-            "#40092d",
-            "#55183e",
-            "#762556",
-            "#98316c",
-            "#bc4186",
-            "#db579f",
-            "#f56fb7",
-            "#ff93cc",
-            "#ffb8dd",
-            "#ffdaed"
+            "#42062a",
+            "#5e103e",
+            "#7d2457",
+            "#9e3670",
+            "#bf4b8a",
+            "#db61a2",
+            "#f778ba",
+            "#ff9bce",
+            "#ffbedd",
+            "#ffdaec"
         ]
@@ -214,8 +214,6 @@ },
         "inverse": "#0d1117",
-        "linkPrimary": "#54a2fb",
-        "linkSecondary": "#f0f6fc",
-        "linkTertiary": "#8b949e",
-        "danger": "#ed4e50",
-        "success": "#58ce65",
-        "warning": "#f7d232"
+        "link": "#58a6ff",
+        "danger": "#f85149",
+        "success": "#56d364",
+        "warning": "#e3b341"
     },
@@ -226,19 +224,7 @@ "icon": {
         "tertiary": "#484f58",
-        "info": "#75bbff",
-        "danger": "#ed4e50",
-        "success": "#58ce65",
-        "warning": "#f7d232"
+        "info": "#79c0ff",
+        "danger": "#f85149",
+        "success": "#56d364",
+        "warning": "#e3b341"
     },
-    "state": {
-        "hoverPrimaryBg": "#3f87e9",
-        "hoverPrimaryBorder": "#3f87e9",
-        "hoverPrimaryText": "#f0f6fc",
-        "hoverPrimaryIcon": "#f0f6fc",
-        "hoverSecondaryBg": "#161b22",
-        "hoverSecondaryBorder": "#161b22",
-        "selectedPrimaryBg": "#3f87e9",
-        "selectedPrimaryBorder": "#3f87e9",
-        "selectedPrimaryText": "#f0f6fc",
-        "selectedPrimaryIcon": "#f0f6fc"
-    },
     "border": {
@@ -249,6 +235,6 @@ "primary": "#30363d",
         "inverse": "#ffffff",
-        "info": "#3f87e9",
-        "danger": "#ed4e50",
-        "success": "#2f9a42",
-        "warning": "#f7d232"
+        "info": "#388bfd",
+        "danger": "#f85149",
+        "success": "#2ea043",
+        "warning": "#e3b341"
     },
@@ -263,10 +249,10 @@ "bg": {
         "overlay": "#0d1117",
-        "info": "#0b2e63",
-        "infoInverse": "#3f87e9",
-        "danger": "#660614",
-        "dangerInverse": "#ed4e50",
-        "success": "#0a3818",
-        "successInverse": "#2f9a42",
-        "warning": "#b67b00",
-        "warningInverse": "#f7d232"
+        "info": "#0c2d6b",
+        "infoInverse": "#388bfd",
+        "danger": "#67060c",
+        "dangerInverse": "#f85149",
+        "success": "#033a16",
+        "successInverse": "#2ea043",
+        "warning": "#693e00",
+        "warningInverse": "#e3b341"
     },
@@ -278,3 +264,3 @@ "shadow": {
             "0",
-            "rgba(72,79,88,0.04)"
+            "#0d1117"
         ],
@@ -285,3 +271,3 @@ "medium": [
             "6px",
-            "rgba(72,79,88,0.15)"
+            "#0d1117"
         ],
@@ -292,3 +278,3 @@ "large": [
             "24px",
-            "rgba(72,79,88,0.2)"
+            "#0d1117"
         ],
@@ -299,3 +285,3 @@ "extraLarge": [
             "48px",
-            "rgba(72,79,88,0.3)"
+            "#0d1117"
         ],
@@ -309,17 +295,30 @@ "highlight": [
         ],
-        "inset": [
-            "inset",
-            "0",
-            "1px",
-            "0",
-            "rgba(33,38,45,0.2)"
-        ],
-        "focus": [
-            "0",
-            "0",
-            "0",
-            "3px",
-            "rgba(63,135,233,0.3)"
-        ]
+        "inset": "rgba(0,0,0,0)"
     },
+    "state": {
+        "hover": {
+            "primaryBg": "#1f6feb",
+            "primaryBorder": "#388bfd",
+            "primaryText": "#f0f6fc",
+            "primaryIcon": "#f0f6fc",
+            "secondaryBg": "#161b22",
+            "secondaryBorder": "#161b22"
+        },
+        "selected": {
+            "primaryBg": "#1f6feb",
+            "primaryBorder": "#388bfd",
+            "primaryText": "#f0f6fc",
+            "primaryIcon": "#f0f6fc"
+        },
+        "focus": {
+            "border": "#388bfd",
+            "shadow": [
+                "0",
+                "0",
+                "0",
+                "3px",
+                "#0c2d6b"
+            ]
+        }
+    },
     "fade": {
@@ -344,25 +343,38 @@ "black": {
     "alert": {
-        "text": "#75bbff",
-        "icon": "#75bbff",
-        "bg": "rgba(117,187,255,0.1)",
-        "border": "rgba(117,187,255,0.4)",
+        "info": {
+            "text": "#79c0ff",
+            "icon": "#79c0ff",
+            "bg": "rgba(56,139,253,0.1)",
+            "border": "rgba(56,139,253,0.4)"
+        },
         "warn": {
-            "text": "#f2d35b",
-            "icon": "#f2d35b",
-            "bg": "rgba(235,196,64,0.1)",
-            "border": "rgba(235,196,64,0.4)"
+            "text": "#e3b341",
+            "icon": "#e3b341",
+            "bg": "rgba(187,128,9,0.1)",
+            "border": "rgba(187,128,9,0.4)"
         },
         "error": {
-            "text": "#ff7168",
-            "icon": "#ff7168",
-            "bg": "rgba(255,113,112,0.1)",
-            "border": "rgba(255,113,112,0.4)"
+            "text": "#ff7b72",
+            "icon": "#ff7b72",
+            "bg": "rgba(248,81,73,0.1)",
+            "border": "rgba(248,81,73,0.4)"
         },
         "success": {
-            "text": "#58ce65",
-            "icon": "#58ce65",
-            "bg": "rgba(88,206,101,0.1)",
-            "border": "rgba(88,206,101,0.4)"
+            "text": "#56d364",
+            "icon": "#56d364",
+            "bg": "rgba(46,160,67,0.1)",
+            "border": "rgba(46,160,67,0.4)"
         }
     },
+    "autocomplete": {
+        "bg": "#21262d",
+        "border": "#484f58",
+        "shadow": [
+            "0",
+            "16px",
+            "32px",
+            "rgba(13,17,23,0.85)"
+        ],
+        "rowBorder": "#30363d"
+    },
     "blankslate": {
@@ -372,8 +384,10 @@ "icon": "#535c66"
     "btn": {
-        "bg": "#0d1117",
-        "border": "rgba(255,255,255,0.15)",
+        "bg": "rgba(255,255,255,0.1)",
+        "border": "rgba(255,255,255,0.1)",
         "text": "#f0f6fc",
         "ic": "#6e7681",
-        "bgHover": "#f3f4f6",
-        "bgActive": "#f9f9fa",
+        "shadow": "rgba(0,0,0,0)",
+        "shadowHighlight": "rgba(0,0,0,0)",
+        "bgHover": "#161b22",
+        "bgActive": "#1a2028",
         "shadowActive": [
@@ -391,41 +405,18 @@ "inset",
             "0.2em",
-            "rgba(49,110,205,0.3)"
+            "rgba(31,111,235,0.3)"
         ],
         "primary": {
-            "bg": "#2ea44f",
-            "border": "rgba(13,17,23,0.15)",
-            "borderDisabled": "rgba(13,17,23,0.1)",
-            "text": "#ffffff",
-            "ic": "rgba(255,255,255,0.8)",
-            "shadow": [
-                "0",
-                "1px",
-                "0",
-                "rgba(13,17,23,0.1)"
-            ],
-            "shadowHighlight": [
-                "inset",
-                "0",
-                "1px",
-                "0",
-                "rgba(255,255,255,0.03)"
-            ],
-            "shadowSelected": [
-                "inset",
-                "0",
-                "1px",
-                "0",
-                "rgba(4,38,15,0.2)"
-            ],
-            "bgHover": "#2c974b",
-            "bgActive": "#2a8f47",
-            "bgDisabled": "#94d3a2",
-            "disabledText": "rgba(255,255,255,0.8)",
-            "disabledShadow": [
-                "0",
-                "0",
-                "0",
-                "3px",
-                "rgba(46,164,79,0.4)"
-            ],
+            "bg": "#2ea043",
+            "border": "#3fb950",
+            "borderDisabled": "#0f5323",
+            "text": "#f0f6fc",
+            "ic": "#f0f6fc",
+            "shadow": "rgba(0,0,0,0)",
+            "shadowHighlight": "rgba(0,0,0,0)",
+            "shadowSelected": "rgba(0,0,0,0)",
+            "bgHover": "#30a846",
+            "bgActive": "#2c9840",
+            "bgDisabled": "#033a16",
+            "disabledText": "rgba(255,255,255,0.5)",
+            "disabledShadow": "rgba(0,0,0,0)",
             "counterBg": "rgba(255,255,255,0.2)"
@@ -451,6 +442,6 @@ },
         "danger": {
-            "text": "#ed4e50",
-            "textDisabled": "rgba(237,78,80,0.5)",
-            "bgHover": "#ff7170",
-            "bgActive": "#ff6261",
+            "text": "#f85149",
+            "textDisabled": "rgba(248,81,73,0.5)",
+            "bgHover": "#ff7b72",
+            "bgActive": "#ff6d63",
             "shadow": [
@@ -461,3 +452,3 @@ "inset",
                 "0",
-                "rgba(73,0,12,0.2)"
+                "rgba(73,2,2,0.2)"
             ],
@@ -469,12 +460,12 @@ "shadowFocus": [
                 "3px",
-                "rgba(172,33,43,0.4)"
+                "rgba(182,35,36,0.4)"
             ],
-            "counterBg": "rgba(209,51,57,0.1)",
-            "counterBgDisabled": "rgba(209,51,57,0.05)"
+            "counterBg": "rgba(218,54,51,0.1)",
+            "counterBgDisabled": "rgba(218,54,51,0.05)"
         },
         "outline": {
-            "text": "#3f87e9",
-            "textDisabled": "rgba(63,135,233,0.5)",
-            "bgHover": "#54a2fb",
-            "bgActive": "#459afb",
+            "text": "#58a6ff",
+            "textDisabled": "rgba(56,139,253,0.5)",
+            "bgHover": "#58a6ff",
+            "bgActive": "#499eff",
             "shadow": [
@@ -485,3 +476,3 @@ "inset",
                 "0",
-                "rgba(6,30,70,0.2)"
+                "rgba(5,29,77,0.2)"
             ],
@@ -493,6 +484,6 @@ "shadowFocus": [
                 "3px",
-                "rgba(36,86,170,0.4)"
+                "rgba(17,88,199,0.4)"
             ],
-            "counterBg": "rgba(49,110,205,0.1)",
-            "counterBgDisabled": "rgba(49,110,205,0.05)"
+            "counterBg": "rgba(31,111,235,0.1)",
+            "counterBgDisabled": "rgba(31,111,235,0.05)"
         },
@@ -503,27 +494,79 @@ "counterBg": "rgba(13,17,23,0.08)"
         "text": "#f0f6fc",
-        "bg": "rgba(48,54,61,0.5)",
-        "border": "rgba(209,213,218,0.5)"
+        "bg": "#30363d",
+        "primary": {
+            "text": "#f0f6fc",
+            "bg": "#6e7681"
+        },
+        "secondary": {
+            "text": "#8b949e"
+        }
     },
+    "dropdown": {
+        "bg": "#21262d",
+        "border": "#484f58",
+        "shadow": [
+            "0",
+            "16px",
+            "32px",
+            "rgba(13,17,23,0.85)"
+        ]
+    },
+    "label": {
+        "border": "#30363d",
+        "primary": {
+            "text": "#b1bac4",
+            "border": "#6e7681"
+        },
+        "secondary": {
+            "text": "#8b949e",
+            "border": "#30363d"
+        },
+        "info": {
+            "text": "#388bfd",
+            "border": "rgba(56,139,253,0.4)"
+        },
+        "success": {
+            "text": "#3fb950",
+            "border": "rgba(46,160,67,0.4)"
+        },
+        "warning": {
+            "text": "#e3b341",
+            "border": "rgba(242,211,91,0.4)"
+        },
+        "danger": {
+            "text": "#f85149",
+            "border": "rgba(248,81,73,0.4)"
+        }
+    },
     "topic": {
-        "tagBg": "#061e46",
-        "tagBorder": "#061e46",
-        "tagText": "#3f87e9"
+        "tagBg": "#051d4d",
+        "tagBorder": "#051d4d",
+        "tagText": "#388bfd"
     },
     "input": {
         "bg": "#0d1117",
-        "contrastBg": "#0d1117",
-        "shadow": [
-            "inset",
-            "0",
-            "1px",
-            "2px",
-            "rgba(255,255,255,0.075)"
-        ],
-        "shadowFocus": [
-            "0",
-            "0",
-            "0",
-            "0.2em",
-            "rgba(49,110,205,0.3)"
-        ]
+        "contrastBg": "rgba(1,4,9,0.3)",
+        "border": "rgba(255,255,255,0.1)",
+        "shadow": "rgba(0,0,0,0)",
+        "disabledBg": "#161b22",
+        "disabledBorder": "#30363d",
+        "warningBorder": "#d29922",
+        "errorBorder": "#f85149",
+        "tooltip": {
+            "success": {
+                "text": "#56d364",
+                "bg": "rgba(46,160,67,0.1)",
+                "border": "rgba(46,160,67,0.4)"
+            },
+            "warning": {
+                "text": "#e3b341",
+                "bg": "rgba(187,128,9,0.1)",
+                "border": "rgba(187,128,9,0.4)"
+            },
+            "error": {
+                "text": "#ff7b72",
+                "bg": "rgba(248,81,73,0.1)",
+                "border": "rgba(248,81,73,0.4)"
+            }
+        }
     },
@@ -538,3 +581,3 @@ "avatar": {
             "0",
-            "rgba(255,255,255,0.8)"
+            "#0d1117"
         ]
@@ -548,7 +591,9 @@ },
         "badgeBg": "#21262d",
-        "targetBadgeBorder": "#316ecd",
-        "targetBadgeShadow": "#0d4189"
+        "targetBadgeBorder": "#1f6feb",
+        "targetBadgeShadow": "#0d419d"
     },
     "selectMenu": {
-        "backdropBg": "rgba(13,17,23,0.5)",
+        "bg": "#21262d",
+        "border": "#484f58",
+        "borderSecondary": "#30363d",
         "shadow": [
@@ -560,13 +605,14 @@ "0",
         ],
+        "backdropBg": "rgba(13,17,23,0.5)",
+        "backdropBorder": "#484f58",
         "tapHighlight": "rgba(48,54,61,0.5)",
-        "tapFocusBg": "#0b2e63"
+        "tapFocusBg": "#0c2d6b"
     },
     "box": {
-        "blueBorder": "#0d4189",
+        "blueBorder": "#0d419d",
         "rowYellowBg": "rgba(235,196,64,0.1)",
-        "rowBlueBg": "rgba(117,187,255,0.1)"
+        "rowBlueBg": "rgba(121,192,255,0.1)",
+        "headerBlueBg": "#0d1117",
+        "headerBlueBorder": "#30363d"
     },
-    "dropdown": {
-        "border": "rgba(13,17,23,0.15)"
-    },
     "popover": {
@@ -576,5 +622,10 @@ "border": "rgba(13,17,23,0.15)"
     "branchName": {
-        "text": "rgba(255,255,255,0.6)",
-        "bg": "#0d3471",
-        "icon": "#676767"
+        "text": "#f0f6fc",
+        "icon": "#b1bac4",
+        "bg": "rgba(255,255,255,0.1)",
+        "link": {
+            "text": "#58a6ff",
+            "icon": "#58a6ff",
+            "bg": "rgba(88,166,255,0.1)"
+        }
     },
@@ -588,4 +639,17 @@ "markdown": {
     },
+    "menu": {
+        "headingText": "#8b949e",
+        "borderActive": "#f78166"
+    },
+    "sidenav": {
+        "selectedBg": "#21262d",
+        "borderActive": "#f78166"
+    },
+    "tabnav": {
+        "selectedBg": "#161b22"
+    },
     "header": {
-        "text": "rgba(255,255,255,0.7)"
+        "text": "rgba(255,255,255,0.7)",
+        "bg": "#161b22",
+        "logo": "#f0f6fc"
     },
@@ -604,19 +668,39 @@ "filterItem": {
         "border": "#3b434b",
-        "borderFocused": "#5185d5"
+        "borderFocused": "#4487ee"
     },
     "previewableCommentForm": {
-        "border": "#25292f"
+        "border": "#25292f",
+        "bg": "#161b22"
     },
+    "underlinenav": {
+        "border": "rgba(48,54,61,0)",
+        "borderHover": "#30363d",
+        "borderActive": "#f78166",
+        "text": "#8b949e",
+        "textHover": "#f0f6fc",
+        "textActive": "#f0f6fc",
+        "icon": "#6e7681",
+        "iconHover": "#f0f6fc",
+        "iconActive": "#f0f6fc",
+        "counterText": "#8b949e"
+    },
+    "socialCount": {
+        "bg": "rgba(255,255,255,0.1)"
+    },
+    "headerSearch": {
+        "bg": "#0d1117",
+        "border": "#21262d"
+    },
     "iconFolder": "#6e7681",
-    "hlAuthorBg": "#061e46",
-    "hlAuthorBorder": "#0d4189",
+    "hlAuthorBg": "#051d4d",
+    "hlAuthorBorder": "#0d419d",
     "logoSubdued": "#30363d",
-    "discussionBorder": "#354c3a",
+    "discussionBorder": "#34513b",
     "diff": {
         "neutralBg": "#30363d",
-        "deletionBg": "#ff7170",
+        "deletionBg": "#ff7b72",
         "deletionBgStrong": "#ffffff",
         "deletionBorder": "#ffffff",
         "deletionBorderStrong": "#ffffff",
-        "additionBg": "#1e6c2d",
+        "additionBg": "#1e722e",
         "additionBgStrong": "#ffffff",
@@ -647,3 +731,25 @@ "additionBorder": "#ffffff",
         "dayL1Border": "rgba(27,31,35,0.06)"
+    },
+    "prState": {
+        "draft": {
+            "text": "#8b949e",
+            "bg": "rgba(139,148,158,0.1)",
+            "border": "rgba(139,148,158,0.4)"
+        },
+        "open": {
+            "text": "#3fb950",
+            "bg": "rgba(63,185,80,0.1)",
+            "border": "rgba(63,185,80,0.4)"
+        },
+        "merged": {
+            "text": "#a371f7",
+            "bg": "rgba(188,140,255,0.1)",
+            "border": "rgba(188,140,255,0.4)"
+        },
+        "closed": {
+            "text": "#f85149",
+            "bg": "rgba(218,54,51,0.1)",
+            "border": "rgba(218,54,51,0.4)"
+        }
     }
 };

dist/js/colors/index.d.ts

@@ -34,5 +34,3 @@ declare const _default: {
             inverse: string;
-            linkPrimary: string;
-            linkSecondary: string;
-            linkTertiary: string;
+            link: string;
             danger: string;
@@ -51,14 +49,2 @@ success: string;
         };
-        state: {
-            hoverPrimaryBg: string;
-            hoverPrimaryBorder: string;
-            hoverPrimaryText: string;
-            hoverPrimaryIcon: string;
-            hoverSecondaryBg: string;
-            hoverSecondaryBorder: string;
-            selectedPrimaryBg: string;
-            selectedPrimaryBorder: string;
-            selectedPrimaryText: string;
-            selectedPrimaryIcon: string;
-        };
         border: {
@@ -97,5 +83,24 @@ primary: string;
             highlight: string[];
-            inset: string[];
-            focus: string[];
+            inset: string;
         };
+        state: {
+            hover: {
+                primaryBg: string;
+                primaryBorder: string;
+                primaryText: string;
+                primaryIcon: string;
+                secondaryBg: string;
+                secondaryBorder: string;
+            };
+            selected: {
+                primaryBg: string;
+                primaryBorder: string;
+                primaryText: string;
+                primaryIcon: string;
+            };
+            focus: {
+                border: string;
+                shadow: string[];
+            };
+        };
         fade: {
@@ -120,6 +125,8 @@ black: {
         alert: {
-            text: string;
-            icon: string;
-            bg: string;
-            border: string;
+            info: {
+                text: string;
+                icon: string;
+                bg: string;
+                border: string;
+            };
             warn: {
@@ -144,2 +151,8 @@ text: string;
         };
+        autocomplete: {
+            bg: string;
+            border: string;
+            shadow: string[];
+            rowBorder: string;
+        };
         blankslate: {
@@ -153,2 +166,4 @@ icon: string;
             ic: string;
+            shadow: string;
+            shadowHighlight: string;
             bgHover: string;
@@ -164,5 +179,5 @@ bgActive: string;
                 ic: string;
-                shadow: string[];
-                shadowHighlight: string[];
-                shadowSelected: string[];
+                shadow: string;
+                shadowHighlight: string;
+                shadowSelected: string;
                 bgHover: string;
@@ -172,3 +187,3 @@ bgActive: string;
                 disabledText: string;
-                disabledShadow: string[];
+                disabledShadow: string;
                 counterBg: string;
@@ -207,4 +222,42 @@ };
             bg: string;
+            primary: {
+                text: string;
+                bg: string;
+            };
+            secondary: {
+                text: string;
+            };
+        };
+        dropdown: {
+            bg: string;
             border: string;
+            shadow: string[];
         };
+        label: {
+            border: string;
+            primary: {
+                text: string;
+                border: string;
+            };
+            secondary: {
+                text: string;
+                border: string;
+            };
+            info: {
+                text: string;
+                border: string;
+            };
+            success: {
+                text: string;
+                border: string;
+            };
+            warning: {
+                text: string;
+                border: string;
+            };
+            danger: {
+                text: string;
+                border: string;
+            };
+        };
         topic: {
@@ -218,4 +271,25 @@ tagBg: string;
             contrastBg: string;
-            shadow: string[];
-            shadowFocus: string[];
+            border: string;
+            shadow: string;
+            disabledBg: string;
+            disabledBorder: string;
+            warningBorder: string;
+            errorBorder: string;
+            tooltip: {
+                success: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                warning: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                error: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+            };
         };
@@ -238,4 +312,8 @@ avatar: {
         selectMenu: {
+            bg: string;
+            border: string;
+            borderSecondary: string;
+            shadow: string[];
             backdropBg: string;
-            shadow: string[];
+            backdropBorder: string;
             tapHighlight: string;
@@ -248,6 +326,5 @@ tapFocusBg: string;
             rowBlueBg: string;
+            headerBlueBg: string;
+            headerBlueBorder: string;
         };
-        dropdown: {
-            border: string;
-        };
         popover: {
@@ -258,4 +335,9 @@ border: string;
             text: string;
+            icon: string;
             bg: string;
-            icon: string;
+            link: {
+                text: string;
+                icon: string;
+                bg: string;
+            };
         };
@@ -269,4 +351,17 @@ markdown: {
         };
+        menu: {
+            headingText: string;
+            borderActive: string;
+        };
+        sidenav: {
+            selectedBg: string;
+            borderActive: string;
+        };
+        tabnav: {
+            selectedBg: string;
+        };
         header: {
             text: string;
+            bg: string;
+            logo: string;
         };
@@ -289,3 +384,23 @@ filterItem: {
             border: string;
+            bg: string;
         };
+        underlinenav: {
+            border: string;
+            borderHover: string;
+            borderActive: string;
+            text: string;
+            textHover: string;
+            textActive: string;
+            icon: string;
+            iconHover: string;
+            iconActive: string;
+            counterText: string;
+        };
+        socialCount: {
+            bg: string;
+        };
+        headerSearch: {
+            bg: string;
+            border: string;
+        };
         iconFolder: string;
@@ -329,2 +444,24 @@ hlAuthorBg: string;
         };
+        prState: {
+            draft: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            open: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            merged: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            closed: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+        };
     };
@@ -363,5 +500,3 @@ light: {
             inverse: string;
-            linkPrimary: string;
-            linkSecondary: string;
-            linkTertiary: string;
+            link: string;
             danger: string;
@@ -380,14 +515,2 @@ success: string;
         };
-        state: {
-            hoverPrimaryBg: string;
-            hoverPrimaryBorder: string;
-            hoverPrimaryText: string;
-            hoverPrimaryIcon: string;
-            hoverSecondaryBg: string;
-            hoverSecondaryBorder: string;
-            selectedPrimaryBg: string;
-            selectedPrimaryBorder: string;
-            selectedPrimaryText: string;
-            selectedPrimaryIcon: string;
-        };
         border: {
@@ -427,4 +550,23 @@ primary: string;
             inset: string[];
-            focus: string[];
         };
+        state: {
+            hover: {
+                primaryBg: string;
+                primaryBorder: string;
+                primaryText: string;
+                primaryIcon: string;
+                secondaryBg: string;
+                secondaryBorder: string;
+            };
+            selected: {
+                primaryBg: string;
+                primaryBorder: string;
+                primaryText: string;
+                primaryIcon: string;
+            };
+            focus: {
+                border: string;
+                shadow: string[];
+            };
+        };
         fade: {
@@ -449,6 +591,8 @@ black: {
         alert: {
-            text: string;
-            icon: string;
-            bg: string;
-            border: string;
+            info: {
+                text: string;
+                icon: string;
+                bg: string;
+                border: string;
+            };
             warn: {
@@ -473,2 +617,8 @@ text: string;
         };
+        autocomplete: {
+            bg: string;
+            border: string;
+            shadow: string[];
+            rowBorder: string;
+        };
         blankslate: {
@@ -482,2 +632,4 @@ icon: string;
             ic: string;
+            shadow: string[];
+            shadowHighlight: string[];
             bgHover: string;
@@ -534,4 +686,42 @@ bgActive: string;
             bg: string;
+            primary: {
+                text: string;
+                bg: string;
+            };
+            secondary: {
+                text: string;
+            };
+        };
+        dropdown: {
+            bg: string;
             border: string;
+            shadow: string[];
         };
+        label: {
+            border: string;
+            primary: {
+                text: string;
+                border: string;
+            };
+            secondary: {
+                text: string;
+                border: string;
+            };
+            info: {
+                text: string;
+                border: string;
+            };
+            success: {
+                text: string;
+                border: string;
+            };
+            warning: {
+                text: string;
+                border: string;
+            };
+            danger: {
+                text: string;
+                border: string;
+            };
+        };
         topic: {
@@ -545,4 +735,25 @@ tagBg: string;
             contrastBg: string;
+            border: string;
             shadow: string[];
-            shadowFocus: string[];
+            disabledBg: string;
+            disabledBorder: string;
+            warningBorder: string;
+            errorBorder: string;
+            tooltip: {
+                success: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                warning: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                error: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+            };
         };
@@ -565,4 +776,8 @@ avatar: {
         selectMenu: {
+            bg: string;
+            border: string;
+            borderSecondary: string;
+            shadow: string[];
             backdropBg: string;
-            shadow: string[];
+            backdropBorder: string;
             tapHighlight: string;
@@ -575,6 +790,5 @@ tapFocusBg: string;
             rowBlueBg: string;
+            headerBlueBg: string;
+            headerBlueBorder: string;
         };
-        dropdown: {
-            border: string;
-        };
         popover: {
@@ -585,4 +799,9 @@ border: string;
             text: string;
+            icon: string;
             bg: string;
-            icon: string;
+            link: {
+                text: string;
+                icon: string;
+                bg: string;
+            };
         };
@@ -596,4 +815,17 @@ markdown: {
         };
+        menu: {
+            headingText: string;
+            borderActive: string;
+        };
+        sidenav: {
+            selectedBg: string;
+            borderActive: string;
+        };
+        tabnav: {
+            selectedBg: string;
+        };
         header: {
             text: string;
+            bg: string;
+            logo: string;
         };
@@ -616,3 +848,23 @@ filterItem: {
             border: string;
+            bg: string;
         };
+        underlinenav: {
+            border: string;
+            borderHover: string;
+            borderActive: string;
+            text: string;
+            textHover: string;
+            textActive: string;
+            icon: string;
+            iconHover: string;
+            iconActive: string;
+            counterText: string;
+        };
+        socialCount: {
+            bg: string;
+        };
+        headerSearch: {
+            bg: string;
+            border: string;
+        };
         iconFolder: string;
@@ -656,4 +908,26 @@ hlAuthorBg: string;
         };
+        prState: {
+            draft: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            open: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            merged: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            closed: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+        };
     };
 };
 export default _default;

dist/js/colors/light.d.ts

@@ -33,5 +33,3 @@ declare const _default: {
         inverse: string;
-        linkPrimary: string;
-        linkSecondary: string;
-        linkTertiary: string;
+        link: string;
         danger: string;
@@ -50,14 +48,2 @@ success: string;
     };
-    state: {
-        hoverPrimaryBg: string;
-        hoverPrimaryBorder: string;
-        hoverPrimaryText: string;
-        hoverPrimaryIcon: string;
-        hoverSecondaryBg: string;
-        hoverSecondaryBorder: string;
-        selectedPrimaryBg: string;
-        selectedPrimaryBorder: string;
-        selectedPrimaryText: string;
-        selectedPrimaryIcon: string;
-    };
     border: {
@@ -97,4 +83,23 @@ primary: string;
         inset: string[];
-        focus: string[];
     };
+    state: {
+        hover: {
+            primaryBg: string;
+            primaryBorder: string;
+            primaryText: string;
+            primaryIcon: string;
+            secondaryBg: string;
+            secondaryBorder: string;
+        };
+        selected: {
+            primaryBg: string;
+            primaryBorder: string;
+            primaryText: string;
+            primaryIcon: string;
+        };
+        focus: {
+            border: string;
+            shadow: string[];
+        };
+    };
     fade: {
@@ -119,6 +124,8 @@ black: {
     alert: {
-        text: string;
-        icon: string;
-        bg: string;
-        border: string;
+        info: {
+            text: string;
+            icon: string;
+            bg: string;
+            border: string;
+        };
         warn: {
@@ -143,2 +150,8 @@ text: string;
     };
+    autocomplete: {
+        bg: string;
+        border: string;
+        shadow: string[];
+        rowBorder: string;
+    };
     blankslate: {
@@ -152,2 +165,4 @@ icon: string;
         ic: string;
+        shadow: string[];
+        shadowHighlight: string[];
         bgHover: string;
@@ -204,4 +219,42 @@ bgActive: string;
         bg: string;
+        primary: {
+            text: string;
+            bg: string;
+        };
+        secondary: {
+            text: string;
+        };
+    };
+    dropdown: {
+        bg: string;
         border: string;
+        shadow: string[];
     };
+    label: {
+        border: string;
+        primary: {
+            text: string;
+            border: string;
+        };
+        secondary: {
+            text: string;
+            border: string;
+        };
+        info: {
+            text: string;
+            border: string;
+        };
+        success: {
+            text: string;
+            border: string;
+        };
+        warning: {
+            text: string;
+            border: string;
+        };
+        danger: {
+            text: string;
+            border: string;
+        };
+    };
     topic: {
@@ -215,4 +268,25 @@ tagBg: string;
         contrastBg: string;
+        border: string;
         shadow: string[];
-        shadowFocus: string[];
+        disabledBg: string;
+        disabledBorder: string;
+        warningBorder: string;
+        errorBorder: string;
+        tooltip: {
+            success: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            warning: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+            error: {
+                text: string;
+                bg: string;
+                border: string;
+            };
+        };
     };
@@ -235,4 +309,8 @@ avatar: {
     selectMenu: {
+        bg: string;
+        border: string;
+        borderSecondary: string;
+        shadow: string[];
         backdropBg: string;
-        shadow: string[];
+        backdropBorder: string;
         tapHighlight: string;
@@ -245,6 +323,5 @@ tapFocusBg: string;
         rowBlueBg: string;
+        headerBlueBg: string;
+        headerBlueBorder: string;
     };
-    dropdown: {
-        border: string;
-    };
     popover: {
@@ -255,4 +332,9 @@ border: string;
         text: string;
+        icon: string;
         bg: string;
-        icon: string;
+        link: {
+            text: string;
+            icon: string;
+            bg: string;
+        };
     };
@@ -266,4 +348,17 @@ markdown: {
     };
+    menu: {
+        headingText: string;
+        borderActive: string;
+    };
+    sidenav: {
+        selectedBg: string;
+        borderActive: string;
+    };
+    tabnav: {
+        selectedBg: string;
+    };
     header: {
         text: string;
+        bg: string;
+        logo: string;
     };
@@ -286,3 +381,23 @@ filterItem: {
         border: string;
+        bg: string;
     };
+    underlinenav: {
+        border: string;
+        borderHover: string;
+        borderActive: string;
+        text: string;
+        textHover: string;
+        textActive: string;
+        icon: string;
+        iconHover: string;
+        iconActive: string;
+        counterText: string;
+    };
+    socialCount: {
+        bg: string;
+    };
+    headerSearch: {
+        bg: string;
+        border: string;
+    };
     iconFolder: string;
@@ -326,3 +441,25 @@ hlAuthorBg: string;
     };
+    prState: {
+        draft: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        open: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        merged: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+        closed: {
+            text: string;
+            bg: string;
+            border: string;
+        };
+    };
 };
 export default _default;

dist/js/colors/light.js

@@ -211,5 +211,3 @@ "use strict";
         "inverse": "#ffffff",
-        "linkPrimary": "#0366d6",
-        "linkSecondary": "#24292e",
-        "linkTertiary": "#586069",
+        "link": "#0366d6",
         "danger": "#cb2431",
@@ -228,14 +226,2 @@ "success": "#22863a",
     },
-    "state": {
-        "hoverPrimaryBg": "#0366d6",
-        "hoverPrimaryBorder": "#0366d6",
-        "hoverPrimaryText": "#ffffff",
-        "hoverPrimaryIcon": "#ffffff",
-        "hoverSecondaryBg": "#f6f8fa",
-        "hoverSecondaryBorder": "#f6f8fa",
-        "selectedPrimaryBg": "#0366d6",
-        "selectedPrimaryBorder": "#0366d6",
-        "selectedPrimaryText": "#ffffff",
-        "selectedPrimaryIcon": "#ffffff"
-    },
     "border": {
@@ -306,11 +292,30 @@ "primary": "#e1e4e8",
             "rgba(225,228,232,0.2)"
-        ],
-        "focus": [
-            "0",
-            "0",
-            "0",
-            "3px",
-            "rgba(3,102,214,0.3)"
         ]
     },
+    "state": {
+        "hover": {
+            "primaryBg": "#0366d6",
+            "primaryBorder": "#0366d6",
+            "primaryText": "#ffffff",
+            "primaryIcon": "#ffffff",
+            "secondaryBg": "#f6f8fa",
+            "secondaryBorder": "#f6f8fa"
+        },
+        "selected": {
+            "primaryBg": "#0366d6",
+            "primaryBorder": "#0366d6",
+            "primaryText": "#ffffff",
+            "primaryIcon": "#ffffff"
+        },
+        "focus": {
+            "border": "#0366d6",
+            "shadow": [
+                "0",
+                "0",
+                "0",
+                "3px",
+                "rgba(3,102,214,0.3)"
+            ]
+        }
+    },
     "fade": {
@@ -335,6 +340,8 @@ "black": {
     "alert": {
-        "text": "#24292e",
-        "icon": "rgba(4,66,137,0.6)",
-        "bg": "#dbedff",
-        "border": "rgba(4,66,137,0.2)",
+        "info": {
+            "text": "#24292e",
+            "icon": "rgba(4,66,137,0.6)",
+            "bg": "#dbedff",
+            "border": "rgba(4,66,137,0.2)"
+        },
         "warn": {
@@ -359,2 +366,13 @@ "text": "#24292e",
     },
+    "autocomplete": {
+        "bg": "#ffffff",
+        "border": "#e1e4e8",
+        "shadow": [
+            "0",
+            "3px",
+            "6px",
+            "rgba(149,157,165,0.15)"
+        ],
+        "rowBorder": "#eaecef"
+    },
     "blankslate": {
@@ -368,2 +386,15 @@ "icon": "#a3aab1"
         "ic": "#6a737d",
+        "shadow": [
+            "0",
+            "1px",
+            "0",
+            "rgba(27,31,35,0.04)"
+        ],
+        "shadowHighlight": [
+            "inset",
+            "0",
+            "1px",
+            "0",
+            "rgba(255,255,255,0.25)"
+        ],
         "bgHover": "#f3f4f6",
@@ -490,4 +521,47 @@ "bgActive": "#edeff2",
         "bg": "rgba(209,213,218,0.5)",
-        "border": "rgba(209,213,218,0.5)"
+        "primary": {
+            "text": "#ffffff",
+            "bg": "#6a737d"
+        },
+        "secondary": {
+            "text": "#6a737d"
+        }
     },
+    "dropdown": {
+        "bg": "#ffffff",
+        "border": "#e1e4e8",
+        "shadow": [
+            "0",
+            "8px",
+            "24px",
+            "rgba(149,157,165,0.2)"
+        ]
+    },
+    "label": {
+        "border": "#e1e4e8",
+        "primary": {
+            "text": "#24292e",
+            "border": "#6a737d"
+        },
+        "secondary": {
+            "text": "#586069",
+            "border": "#e1e4e8"
+        },
+        "info": {
+            "text": "#0366d6",
+            "border": "#0366d6"
+        },
+        "success": {
+            "text": "#22863a",
+            "border": "#28a745"
+        },
+        "warning": {
+            "text": "#735c0f",
+            "border": "#b08800"
+        },
+        "danger": {
+            "text": "#d73a49",
+            "border": "#cb2431"
+        }
+    },
     "topic": {
@@ -501,2 +575,3 @@ "tagBg": "#f1f8ff",
         "contrastBg": "#fafbfc",
+        "border": "#e1e4e8",
         "shadow": [
@@ -509,12 +584,26 @@ "inset",
         ],
-        "shadowFocus": [
-            "0",
-            "0",
-            "0",
-            "0.2em",
-            "rgba(3,102,214,0.3)"
-        ]
+        "disabledBg": "#ffffff",
+        "disabledBorder": "#e1e4e8",
+        "warningBorder": "#f9c513",
+        "errorBorder": "#cb2431",
+        "tooltip": {
+            "success": {
+                "text": "#144620",
+                "bg": "#dcffe4",
+                "border": "#34d058"
+            },
+            "warning": {
+                "text": "#735c0f",
+                "bg": "#fff5b1",
+                "border": "#f9c513"
+            },
+            "error": {
+                "text": "#86181d",
+                "bg": "#ffeef0",
+                "border": "#f97583"
+            }
+        }
     },
     "avatar": {
-        "border": "rgba(27,31,35,0.1)",
+        "border": "rgba(0,0,0,0)",
         "stackFade": "#d1d5da",
@@ -539,3 +628,5 @@ "stackFadeMore": "#e1e4e8",
     "selectMenu": {
-        "backdropBg": "rgba(27,31,35,0.5)",
+        "bg": "#ffffff",
+        "border": "#e1e4e8",
+        "borderSecondary": "#eaecef",
         "shadow": [
@@ -547,2 +638,4 @@ "0",
         ],
+        "backdropBg": "rgba(27,31,35,0.5)",
+        "backdropBorder": "rgba(0,0,0,0)",
         "tapHighlight": "rgba(209,213,218,0.5)",
@@ -554,7 +647,6 @@ "tapFocusBg": "#dbedff"
         "rowYellowBg": "#fffbdd",
-        "rowBlueBg": "#f1f8ff"
+        "rowBlueBg": "#f1f8ff",
+        "headerBlueBg": "#f1f8ff",
+        "headerBlueBorder": "#c8e1ff"
     },
-    "dropdown": {
-        "border": "rgba(27,31,35,0.15)"
-    },
     "popover": {
@@ -565,4 +657,9 @@ "border": "rgba(27,31,35,0.15)"
         "text": "rgba(27,31,35,0.6)",
+        "icon": "#a8bbd0",
         "bg": "#eaf5ff",
-        "icon": "#a8bbd0"
+        "link": {
+            "text": "#0366d6",
+            "icon": "#a8bbd0",
+            "bg": "#eaf5ff"
+        }
     },
@@ -576,4 +673,17 @@ "markdown": {
     },
+    "menu": {
+        "headingText": "#24292e",
+        "borderActive": "#f9826c"
+    },
+    "sidenav": {
+        "selectedBg": "#ffffff",
+        "borderActive": "#f9826c"
+    },
+    "tabnav": {
+        "selectedBg": "#ffffff"
+    },
     "header": {
-        "text": "rgba(255,255,255,0.7)"
+        "text": "rgba(255,255,255,0.7)",
+        "bg": "#24292e",
+        "logo": "#ffffff"
     },
@@ -595,4 +705,24 @@ "filterItem": {
     "previewableCommentForm": {
-        "border": "#c3c8cf"
+        "border": "#c3c8cf",
+        "bg": "#ffffff"
     },
+    "underlinenav": {
+        "border": "rgba(209,213,218,0)",
+        "borderHover": "#d1d5da",
+        "borderActive": "#f9826c",
+        "text": "#24292e",
+        "textHover": "#24292e",
+        "textActive": "#24292e",
+        "icon": "#959da5",
+        "iconHover": "#959da5",
+        "iconActive": "#24292e",
+        "counterText": "#24292e"
+    },
+    "socialCount": {
+        "bg": "#ffffff"
+    },
+    "headerSearch": {
+        "bg": "#24292e",
+        "border": "#444d56"
+    },
     "iconFolder": "#79b8ff",
@@ -635,3 +765,25 @@ "hlAuthorBg": "#f1f8ff",
         "dayL1Border": "rgba(27,31,35,0.06)"
+    },
+    "prState": {
+        "draft": {
+            "text": "#ffffff",
+            "bg": "#6a737d",
+            "border": "rgba(0,0,0,0)"
+        },
+        "open": {
+            "text": "#ffffff",
+            "bg": "#28a745",
+            "border": "rgba(0,0,0,0)"
+        },
+        "merged": {
+            "text": "#ffffff",
+            "bg": "#6f42c1",
+            "border": "rgba(0,0,0,0)"
+        },
+        "closed": {
+            "text": "#ffffff",
+            "bg": "#d73a49",
+            "border": "rgba(0,0,0,0)"
+        }
     }
 };

dist/js/index.d.ts

@@ -35,5 +35,3 @@ declare const _default: {
                 inverse: string;
-                linkPrimary: string;
-                linkSecondary: string;
-                linkTertiary: string;
+                link: string;
                 danger: string;
@@ -52,14 +50,2 @@ success: string;
             };
-            state: {
-                hoverPrimaryBg: string;
-                hoverPrimaryBorder: string;
-                hoverPrimaryText: string;
-                hoverPrimaryIcon: string;
-                hoverSecondaryBg: string;
-                hoverSecondaryBorder: string;
-                selectedPrimaryBg: string;
-                selectedPrimaryBorder: string;
-                selectedPrimaryText: string;
-                selectedPrimaryIcon: string;
-            };
             border: {
@@ -98,5 +84,24 @@ primary: string;
                 highlight: string[];
-                inset: string[];
-                focus: string[];
+                inset: string;
             };
+            state: {
+                hover: {
+                    primaryBg: string;
+                    primaryBorder: string;
+                    primaryText: string;
+                    primaryIcon: string;
+                    secondaryBg: string;
+                    secondaryBorder: string;
+                };
+                selected: {
+                    primaryBg: string;
+                    primaryBorder: string;
+                    primaryText: string;
+                    primaryIcon: string;
+                };
+                focus: {
+                    border: string;
+                    shadow: string[];
+                };
+            };
             fade: {
@@ -121,6 +126,8 @@ black: {
             alert: {
-                text: string;
-                icon: string;
-                bg: string;
-                border: string;
+                info: {
+                    text: string;
+                    icon: string;
+                    bg: string;
+                    border: string;
+                };
                 warn: {
@@ -145,2 +152,8 @@ text: string;
             };
+            autocomplete: {
+                bg: string;
+                border: string;
+                shadow: string[];
+                rowBorder: string;
+            };
             blankslate: {
@@ -154,2 +167,4 @@ icon: string;
                 ic: string;
+                shadow: string;
+                shadowHighlight: string;
                 bgHover: string;
@@ -165,5 +180,5 @@ bgActive: string;
                     ic: string;
-                    shadow: string[];
-                    shadowHighlight: string[];
-                    shadowSelected: string[];
+                    shadow: string;
+                    shadowHighlight: string;
+                    shadowSelected: string;
                     bgHover: string;
@@ -173,3 +188,3 @@ bgActive: string;
                     disabledText: string;
-                    disabledShadow: string[];
+                    disabledShadow: string;
                     counterBg: string;
@@ -208,4 +223,42 @@ };
                 bg: string;
+                primary: {
+                    text: string;
+                    bg: string;
+                };
+                secondary: {
+                    text: string;
+                };
+            };
+            dropdown: {
+                bg: string;
                 border: string;
+                shadow: string[];
             };
+            label: {
+                border: string;
+                primary: {
+                    text: string;
+                    border: string;
+                };
+                secondary: {
+                    text: string;
+                    border: string;
+                };
+                info: {
+                    text: string;
+                    border: string;
+                };
+                success: {
+                    text: string;
+                    border: string;
+                };
+                warning: {
+                    text: string;
+                    border: string;
+                };
+                danger: {
+                    text: string;
+                    border: string;
+                };
+            };
             topic: {
@@ -219,4 +272,25 @@ tagBg: string;
                 contrastBg: string;
-                shadow: string[];
-                shadowFocus: string[];
+                border: string;
+                shadow: string;
+                disabledBg: string;
+                disabledBorder: string;
+                warningBorder: string;
+                errorBorder: string;
+                tooltip: {
+                    success: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                    warning: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                    error: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                };
             };
@@ -239,4 +313,8 @@ avatar: {
             selectMenu: {
+                bg: string;
+                border: string;
+                borderSecondary: string;
+                shadow: string[];
                 backdropBg: string;
-                shadow: string[];
+                backdropBorder: string;
                 tapHighlight: string;
@@ -249,6 +327,5 @@ tapFocusBg: string;
                 rowBlueBg: string;
+                headerBlueBg: string;
+                headerBlueBorder: string;
             };
-            dropdown: {
-                border: string;
-            };
             popover: {
@@ -259,4 +336,9 @@ border: string;
                 text: string;
+                icon: string;
                 bg: string;
-                icon: string;
+                link: {
+                    text: string;
+                    icon: string;
+                    bg: string;
+                };
             };
@@ -270,4 +352,17 @@ markdown: {
             };
+            menu: {
+                headingText: string;
+                borderActive: string;
+            };
+            sidenav: {
+                selectedBg: string;
+                borderActive: string;
+            };
+            tabnav: {
+                selectedBg: string;
+            };
             header: {
                 text: string;
+                bg: string;
+                logo: string;
             };
@@ -290,3 +385,23 @@ filterItem: {
                 border: string;
+                bg: string;
             };
+            underlinenav: {
+                border: string;
+                borderHover: string;
+                borderActive: string;
+                text: string;
+                textHover: string;
+                textActive: string;
+                icon: string;
+                iconHover: string;
+                iconActive: string;
+                counterText: string;
+            };
+            socialCount: {
+                bg: string;
+            };
+            headerSearch: {
+                bg: string;
+                border: string;
+            };
             iconFolder: string;
@@ -330,2 +445,24 @@ hlAuthorBg: string;
             };
+            prState: {
+                draft: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                open: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                merged: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                closed: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+            };
         };
@@ -364,5 +501,3 @@ light: {
                 inverse: string;
-                linkPrimary: string;
-                linkSecondary: string;
-                linkTertiary: string;
+                link: string;
                 danger: string;
@@ -381,14 +516,2 @@ success: string;
             };
-            state: {
-                hoverPrimaryBg: string;
-                hoverPrimaryBorder: string;
-                hoverPrimaryText: string;
-                hoverPrimaryIcon: string;
-                hoverSecondaryBg: string;
-                hoverSecondaryBorder: string;
-                selectedPrimaryBg: string;
-                selectedPrimaryBorder: string;
-                selectedPrimaryText: string;
-                selectedPrimaryIcon: string;
-            };
             border: {
@@ -428,4 +551,23 @@ primary: string;
                 inset: string[];
-                focus: string[];
             };
+            state: {
+                hover: {
+                    primaryBg: string;
+                    primaryBorder: string;
+                    primaryText: string;
+                    primaryIcon: string;
+                    secondaryBg: string;
+                    secondaryBorder: string;
+                };
+                selected: {
+                    primaryBg: string;
+                    primaryBorder: string;
+                    primaryText: string;
+                    primaryIcon: string;
+                };
+                focus: {
+                    border: string;
+                    shadow: string[];
+                };
+            };
             fade: {
@@ -450,6 +592,8 @@ black: {
             alert: {
-                text: string;
-                icon: string;
-                bg: string;
-                border: string;
+                info: {
+                    text: string;
+                    icon: string;
+                    bg: string;
+                    border: string;
+                };
                 warn: {
@@ -474,2 +618,8 @@ text: string;
             };
+            autocomplete: {
+                bg: string;
+                border: string;
+                shadow: string[];
+                rowBorder: string;
+            };
             blankslate: {
@@ -483,2 +633,4 @@ icon: string;
                 ic: string;
+                shadow: string[];
+                shadowHighlight: string[];
                 bgHover: string;
@@ -535,4 +687,42 @@ bgActive: string;
                 bg: string;
+                primary: {
+                    text: string;
+                    bg: string;
+                };
+                secondary: {
+                    text: string;
+                };
+            };
+            dropdown: {
+                bg: string;
                 border: string;
+                shadow: string[];
             };
+            label: {
+                border: string;
+                primary: {
+                    text: string;
+                    border: string;
+                };
+                secondary: {
+                    text: string;
+                    border: string;
+                };
+                info: {
+                    text: string;
+                    border: string;
+                };
+                success: {
+                    text: string;
+                    border: string;
+                };
+                warning: {
+                    text: string;
+                    border: string;
+                };
+                danger: {
+                    text: string;
+                    border: string;
+                };
+            };
             topic: {
@@ -546,4 +736,25 @@ tagBg: string;
                 contrastBg: string;
+                border: string;
                 shadow: string[];
-                shadowFocus: string[];
+                disabledBg: string;
+                disabledBorder: string;
+                warningBorder: string;
+                errorBorder: string;
+                tooltip: {
+                    success: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                    warning: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                    error: {
+                        text: string;
+                        bg: string;
+                        border: string;
+                    };
+                };
             };
@@ -566,4 +777,8 @@ avatar: {
             selectMenu: {
+                bg: string;
+                border: string;
+                borderSecondary: string;
+                shadow: string[];
                 backdropBg: string;
-                shadow: string[];
+                backdropBorder: string;
                 tapHighlight: string;
@@ -576,6 +791,5 @@ tapFocusBg: string;
                 rowBlueBg: string;
+                headerBlueBg: string;
+                headerBlueBorder: string;
             };
-            dropdown: {
-                border: string;
-            };
             popover: {
@@ -586,4 +800,9 @@ border: string;
                 text: string;
+                icon: string;
                 bg: string;
-                icon: string;
+                link: {
+                    text: string;
+                    icon: string;
+                    bg: string;
+                };
             };
@@ -597,4 +816,17 @@ markdown: {
             };
+            menu: {
+                headingText: string;
+                borderActive: string;
+            };
+            sidenav: {
+                selectedBg: string;
+                borderActive: string;
+            };
+            tabnav: {
+                selectedBg: string;
+            };
             header: {
                 text: string;
+                bg: string;
+                logo: string;
             };
@@ -617,3 +849,23 @@ filterItem: {
                 border: string;
+                bg: string;
             };
+            underlinenav: {
+                border: string;
+                borderHover: string;
+                borderActive: string;
+                text: string;
+                textHover: string;
+                textActive: string;
+                icon: string;
+                iconHover: string;
+                iconActive: string;
+                counterText: string;
+            };
+            socialCount: {
+                bg: string;
+            };
+            headerSearch: {
+                bg: string;
+                border: string;
+            };
             iconFolder: string;
@@ -657,2 +909,24 @@ hlAuthorBg: string;
             };
+            prState: {
+                draft: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                open: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                merged: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+                closed: {
+                    text: string;
+                    bg: string;
+                    border: string;
+                };
+            };
         };
@@ -659,0 +933,0 @@ };

dist/json/colors/dark.json

@@ -19,83 +19,83 @@ {
       "#cae8ff",
-      "#a1d3ff",
-      "#75bbff",
-      "#54a2fb",
-      "#3f87e9",
-      "#316ecd",
-      "#2456aa",
-      "#0d4189",
-      "#0b2e63",
-      "#061e46"
+      "#a5d6ff",
+      "#79c0ff",
+      "#58a6ff",
+      "#388bfd",
+      "#1f6feb",
+      "#1158c7",
+      "#0d419d",
+      "#0c2d6b",
+      "#051d4d"
     ],
     "green": [
-      "#b2f4b6",
-      "#81e38a",
-      "#58ce65",
-      "#3ab550",
-      "#2f9a42",
-      "#248035",
-      "#1b662d",
-      "#144d23",
-      "#0a3818",
+      "#aff5b4",
+      "#7ee787",
+      "#56d364",
+      "#3fb950",
+      "#2ea043",
+      "#238636",
+      "#196c2e",
+      "#0f5323",
+      "#033a16",
       "#04260f"
     ],
     "yellow": [
-      "#fef3ae",
-      "#fde15f",
-      "#f7d232",
-      "#eec41a",
-      "#e2b20d",
-      "#d79e00",
-      "#c88d00",
-      "#b67b00",
-      "#9b6400",
-      "#7f4e00"
+      "#f8e3a1",
+      "#f2cc60",
+      "#e3b341",
+      "#d29922",
+      "#bb8009",
+      "#9e6a03",
+      "#845306",
+      "#693e00",
+      "#4b2900",
+      "#341a00"
     ],
     "orange": [
-      "#ffe0bd",
-      "#ffc17e",
-      "#ff9f4c",
-      "#ed802d",
-      "#d7661d",
-      "#ba5010",
-      "#993d06",
-      "#782b00",
-      "#591c00",
-      "#3d1200"
+      "#ffdfb6",
+      "#ffc680",
+      "#ffa657",
+      "#f0883e",
+      "#db6d28",
+      "#bd561d",
+      "#9b4215",
+      "#762d0a",
+      "#5a1e02",
+      "#3d1300"
     ],
     "red": [
-      "#ffdcd9",
-      "#ffbdba",
-      "#ff9a96",
-      "#ff7170",
-      "#ed4e50",
-      "#d13339",
-      "#ac212b",
-      "#88131f",
-      "#660614",
-      "#49000c"
+      "#ffdcd7",
+      "#ffc1ba",
+      "#ffa198",
+      "#ff7b72",
+      "#f85149",
+      "#da3633",
+      "#b62324",
+      "#8e1519",
+      "#67060c",
+      "#490202"
     ],
     "purple": [
-      "#eadfff",
-      "#d8beff",
-      "#c2a0fd",
-      "#ae81fa",
-      "#9867f0",
-      "#804eda",
-      "#673ab8",
-      "#512c94",
-      "#3d2071",
-      "#29154b"
+      "#eddeff",
+      "#e2c5ff",
+      "#d2a8ff",
+      "#bc8cff",
+      "#a371f7",
+      "#8957e5",
+      "#6e40c9",
+      "#553098",
+      "#3c1e70",
+      "#271052"
     ],
     "pink": [
-      "#ffdaed",
-      "#ffb8dd",
-      "#ff93cc",
-      "#f56fb7",
-      "#db579f",
-      "#bc4186",
-      "#98316c",
-      "#762556",
-      "#55183e",
-      "#40092d"
+      "#ffdaec",
+      "#ffbedd",
+      "#ff9bce",
+      "#f778ba",
+      "#db61a2",
+      "#bf4b8a",
+      "#9e3670",
+      "#7d2457",
+      "#5e103e",
+      "#42062a"
     ]
@@ -119,11 +119,11 @@ },
     "blue": [
-      "#061e46",
-      "#0b2e63",
-      "#0d4189",
-      "#2456aa",
-      "#316ecd",
-      "#3f87e9",
-      "#54a2fb",
-      "#75bbff",
-      "#a1d3ff",
+      "#051d4d",
+      "#0c2d6b",
+      "#0d419d",
+      "#1158c7",
+      "#1f6feb",
+      "#388bfd",
+      "#58a6ff",
+      "#79c0ff",
+      "#a5d6ff",
       "#cae8ff"
@@ -133,71 +133,71 @@ ],
       "#04260f",
-      "#0a3818",
-      "#144d23",
-      "#1b662d",
-      "#248035",
-      "#2f9a42",
-      "#3ab550",
-      "#58ce65",
-      "#81e38a",
-      "#b2f4b6"
+      "#033a16",
+      "#0f5323",
+      "#196c2e",
+      "#238636",
+      "#2ea043",
+      "#3fb950",
+      "#56d364",
+      "#7ee787",
+      "#aff5b4"
     ],
     "yellow": [
-      "#7f4e00",
-      "#9b6400",
-      "#b67b00",
-      "#c88d00",
-      "#d79e00",
-      "#e2b20d",
-      "#eec41a",
-      "#f7d232",
-      "#fde15f",
-      "#fef3ae"
+      "#341a00",
+      "#4b2900",
+      "#693e00",
+      "#845306",
+      "#9e6a03",
+      "#bb8009",
+      "#d29922",
+      "#e3b341",
+      "#f2cc60",
+      "#f8e3a1"
     ],
     "orange": [
-      "#3d1200",
-      "#591c00",
-      "#782b00",
-      "#993d06",
-      "#ba5010",
-      "#d7661d",
-      "#ed802d",
-      "#ff9f4c",
-      "#ffc17e",
-      "#ffe0bd"
+      "#3d1300",
+      "#5a1e02",
+      "#762d0a",
+      "#9b4215",
+      "#bd561d",
+      "#db6d28",
+      "#f0883e",
+      "#ffa657",
+      "#ffc680",
+      "#ffdfb6"
     ],
     "red": [
-      "#49000c",
-      "#660614",
-      "#88131f",
-      "#ac212b",
-      "#d13339",
-      "#ed4e50",
-      "#ff7170",
-      "#ff9a96",
-      "#ffbdba",
-      "#ffdcd9"
+      "#490202",
+      "#67060c",
+      "#8e1519",
+      "#b62324",
+      "#da3633",
+      "#f85149",
+      "#ff7b72",
+      "#ffa198",
+      "#ffc1ba",
+      "#ffdcd7"
     ],
     "purple": [
-      "#29154b",
-      "#3d2071",
-      "#512c94",
-      "#673ab8",
-      "#804eda",
-      "#9867f0",
-      "#ae81fa",
-      "#c2a0fd",
-      "#d8beff",
-      "#eadfff"
+      "#271052",
+      "#3c1e70",
+      "#553098",
+      "#6e40c9",
+      "#8957e5",
+      "#a371f7",
+      "#bc8cff",
+      "#d2a8ff",
+      "#e2c5ff",
+      "#eddeff"
     ],
     "pink": [
-      "#40092d",
-      "#55183e",
-      "#762556",
-      "#98316c",
-      "#bc4186",
-      "#db579f",
-      "#f56fb7",
-      "#ff93cc",
-      "#ffb8dd",
-      "#ffdaed"
+      "#42062a",
+      "#5e103e",
+      "#7d2457",
+      "#9e3670",
+      "#bf4b8a",
+      "#db61a2",
+      "#f778ba",
+      "#ff9bce",
+      "#ffbedd",
+      "#ffdaec"
     ]
@@ -212,8 +212,6 @@ },
     "inverse": "#0d1117",
-    "linkPrimary": "#54a2fb",
-    "linkSecondary": "#f0f6fc",
-    "linkTertiary": "#8b949e",
-    "danger": "#ed4e50",
-    "success": "#58ce65",
-    "warning": "#f7d232"
+    "link": "#58a6ff",
+    "danger": "#f85149",
+    "success": "#56d364",
+    "warning": "#e3b341"
   },
@@ -224,19 +222,7 @@ "icon": {
     "tertiary": "#484f58",
-    "info": "#75bbff",
-    "danger": "#ed4e50",
-    "success": "#58ce65",
-    "warning": "#f7d232"
+    "info": "#79c0ff",
+    "danger": "#f85149",
+    "success": "#56d364",
+    "warning": "#e3b341"
   },
-  "state": {
-    "hoverPrimaryBg": "#3f87e9",
-    "hoverPrimaryBorder": "#3f87e9",
-    "hoverPrimaryText": "#f0f6fc",
-    "hoverPrimaryIcon": "#f0f6fc",
-    "hoverSecondaryBg": "#161b22",
-    "hoverSecondaryBorder": "#161b22",
-    "selectedPrimaryBg": "#3f87e9",
-    "selectedPrimaryBorder": "#3f87e9",
-    "selectedPrimaryText": "#f0f6fc",
-    "selectedPrimaryIcon": "#f0f6fc"
-  },
   "border": {
@@ -247,6 +233,6 @@ "primary": "#30363d",
     "inverse": "#ffffff",
-    "info": "#3f87e9",
-    "danger": "#ed4e50",
-    "success": "#2f9a42",
-    "warning": "#f7d232"
+    "info": "#388bfd",
+    "danger": "#f85149",
+    "success": "#2ea043",
+    "warning": "#e3b341"
   },
@@ -261,10 +247,10 @@ "bg": {
     "overlay": "#0d1117",
-    "info": "#0b2e63",
-    "infoInverse": "#3f87e9",
-    "danger": "#660614",
-    "dangerInverse": "#ed4e50",
-    "success": "#0a3818",
-    "successInverse": "#2f9a42",
-    "warning": "#b67b00",
-    "warningInverse": "#f7d232"
+    "info": "#0c2d6b",
+    "infoInverse": "#388bfd",
+    "danger": "#67060c",
+    "dangerInverse": "#f85149",
+    "success": "#033a16",
+    "successInverse": "#2ea043",
+    "warning": "#693e00",
+    "warningInverse": "#e3b341"
   },
@@ -276,3 +262,3 @@ "shadow": {
       "0",
-      "rgba(72,79,88,0.04)"
+      "#0d1117"
     ],
@@ -283,3 +269,3 @@ "medium": [
       "6px",
-      "rgba(72,79,88,0.15)"
+      "#0d1117"
     ],
@@ -290,3 +276,3 @@ "large": [
       "24px",
-      "rgba(72,79,88,0.2)"
+      "#0d1117"
     ],
@@ -297,3 +283,3 @@ "extraLarge": [
       "48px",
-      "rgba(72,79,88,0.3)"
+      "#0d1117"
     ],
@@ -307,17 +293,30 @@ "highlight": [
     ],
-    "inset": [
-      "inset",
-      "0",
-      "1px",
-      "0",
-      "rgba(33,38,45,0.2)"
-    ],
-    "focus": [
-      "0",
-      "0",
-      "0",
-      "3px",
-      "rgba(63,135,233,0.3)"
-    ]
+    "inset": "rgba(0,0,0,0)"
   },
+  "state": {
+    "hover": {
+      "primaryBg": "#1f6feb",
+      "primaryBorder": "#388bfd",
+      "primaryText": "#f0f6fc",
+      "primaryIcon": "#f0f6fc",
+      "secondaryBg": "#161b22",
+      "secondaryBorder": "#161b22"
+    },
+    "selected": {
+      "primaryBg": "#1f6feb",
+      "primaryBorder": "#388bfd",
+      "primaryText": "#f0f6fc",
+      "primaryIcon": "#f0f6fc"
+    },
+    "focus": {
+      "border": "#388bfd",
+      "shadow": [
+        "0",
+        "0",
+        "0",
+        "3px",
+        "#0c2d6b"
+      ]
+    }
+  },
   "fade": {
@@ -342,25 +341,38 @@ "black": {
   "alert": {
-    "text": "#75bbff",
-    "icon": "#75bbff",
-    "bg": "rgba(117,187,255,0.1)",
-    "border": "rgba(117,187,255,0.4)",
+    "info": {
+      "text": "#79c0ff",
+      "icon": "#79c0ff",
+      "bg": "rgba(56,139,253,0.1)",
+      "border": "rgba(56,139,253,0.4)"
+    },
     "warn": {
-      "text": "#f2d35b",
-      "icon": "#f2d35b",
-      "bg": "rgba(235,196,64,0.1)",
-      "border": "rgba(235,196,64,0.4)"
+      "text": "#e3b341",
+      "icon": "#e3b341",
+      "bg": "rgba(187,128,9,0.1)",
+      "border": "rgba(187,128,9,0.4)"
     },
     "error": {
-      "text": "#ff7168",
-      "icon": "#ff7168",
-      "bg": "rgba(255,113,112,0.1)",
-      "border": "rgba(255,113,112,0.4)"
+      "text": "#ff7b72",
+      "icon": "#ff7b72",
+      "bg": "rgba(248,81,73,0.1)",
+      "border": "rgba(248,81,73,0.4)"
     },
     "success": {
-      "text": "#58ce65",
-      "icon": "#58ce65",
-      "bg": "rgba(88,206,101,0.1)",
-      "border": "rgba(88,206,101,0.4)"
+      "text": "#56d364",
+      "icon": "#56d364",
+      "bg": "rgba(46,160,67,0.1)",
+      "border": "rgba(46,160,67,0.4)"
     }
   },
+  "autocomplete": {
+    "bg": "#21262d",
+    "border": "#484f58",
+    "shadow": [
+      "0",
+      "16px",
+      "32px",
+      "rgba(13,17,23,0.85)"
+    ],
+    "rowBorder": "#30363d"
+  },
   "blankslate": {
@@ -370,8 +382,10 @@ "icon": "#535c66"
   "btn": {
-    "bg": "#0d1117",
-    "border": "rgba(255,255,255,0.15)",
+    "bg": "rgba(255,255,255,0.1)",
+    "border": "rgba(255,255,255,0.1)",
     "text": "#f0f6fc",
     "ic": "#6e7681",
-    "bgHover": "#f3f4f6",
-    "bgActive": "#f9f9fa",
+    "shadow": "rgba(0,0,0,0)",
+    "shadowHighlight": "rgba(0,0,0,0)",
+    "bgHover": "#161b22",
+    "bgActive": "#1a2028",
     "shadowActive": [
@@ -389,41 +403,18 @@ "inset",
       "0.2em",
-      "rgba(49,110,205,0.3)"
+      "rgba(31,111,235,0.3)"
     ],
     "primary": {
-      "bg": "#2ea44f",
-      "border": "rgba(13,17,23,0.15)",
-      "borderDisabled": "rgba(13,17,23,0.1)",
-      "text": "#ffffff",
-      "ic": "rgba(255,255,255,0.8)",
-      "shadow": [
-        "0",
-        "1px",
-        "0",
-        "rgba(13,17,23,0.1)"
-      ],
-      "shadowHighlight": [
-        "inset",
-        "0",
-        "1px",
-        "0",
-        "rgba(255,255,255,0.03)"
-      ],
-      "shadowSelected": [
-        "inset",
-        "0",
-        "1px",
-        "0",
-        "rgba(4,38,15,0.2)"
-      ],
-      "bgHover": "#2c974b",
-      "bgActive": "#2a8f47",
-      "bgDisabled": "#94d3a2",
-      "disabledText": "rgba(255,255,255,0.8)",
-      "disabledShadow": [
-        "0",
-        "0",
-        "0",
-        "3px",
-        "rgba(46,164,79,0.4)"
-      ],
+      "bg": "#2ea043",
+      "border": "#3fb950",
+      "borderDisabled": "#0f5323",
+      "text": "#f0f6fc",
+      "ic": "#f0f6fc",
+      "shadow": "rgba(0,0,0,0)",
+      "shadowHighlight": "rgba(0,0,0,0)",
+      "shadowSelected": "rgba(0,0,0,0)",
+      "bgHover": "#30a846",
+      "bgActive": "#2c9840",
+      "bgDisabled": "#033a16",
+      "disabledText": "rgba(255,255,255,0.5)",
+      "disabledShadow": "rgba(0,0,0,0)",
       "counterBg": "rgba(255,255,255,0.2)"
@@ -449,6 +440,6 @@ },
     "danger": {
-      "text": "#ed4e50",
-      "textDisabled": "rgba(237,78,80,0.5)",
-      "bgHover": "#ff7170",
-      "bgActive": "#ff6261",
+      "text": "#f85149",
+      "textDisabled": "rgba(248,81,73,0.5)",
+      "bgHover": "#ff7b72",
+      "bgActive": "#ff6d63",
       "shadow": [
@@ -459,3 +450,3 @@ "inset",
         "0",
-        "rgba(73,0,12,0.2)"
+        "rgba(73,2,2,0.2)"
       ],
@@ -467,12 +458,12 @@ "shadowFocus": [
         "3px",
-        "rgba(172,33,43,0.4)"
+        "rgba(182,35,36,0.4)"
       ],
-      "counterBg": "rgba(209,51,57,0.1)",
-      "counterBgDisabled": "rgba(209,51,57,0.05)"
+      "counterBg": "rgba(218,54,51,0.1)",
+      "counterBgDisabled": "rgba(218,54,51,0.05)"
     },
     "outline": {
-      "text": "#3f87e9",
-      "textDisabled": "rgba(63,135,233,0.5)",
-      "bgHover": "#54a2fb",
-      "bgActive": "#459afb",
+      "text": "#58a6ff",
+      "textDisabled": "rgba(56,139,253,0.5)",
+      "bgHover": "#58a6ff",
+      "bgActive": "#499eff",
       "shadow": [
@@ -483,3 +474,3 @@ "inset",
         "0",
-        "rgba(6,30,70,0.2)"
+        "rgba(5,29,77,0.2)"
       ],
@@ -491,6 +482,6 @@ "shadowFocus": [
         "3px",
-        "rgba(36,86,170,0.4)"
+        "rgba(17,88,199,0.4)"
       ],
-      "counterBg": "rgba(49,110,205,0.1)",
-      "counterBgDisabled": "rgba(49,110,205,0.05)"
+      "counterBg": "rgba(31,111,235,0.1)",
+      "counterBgDisabled": "rgba(31,111,235,0.05)"
     },
@@ -501,27 +492,79 @@ "counterBg": "rgba(13,17,23,0.08)"
     "text": "#f0f6fc",
-    "bg": "rgba(48,54,61,0.5)",
-    "border": "rgba(209,213,218,0.5)"
+    "bg": "#30363d",
+    "primary": {
+      "text": "#f0f6fc",
+      "bg": "#6e7681"
+    },
+    "secondary": {
+      "text": "#8b949e"
+    }
   },
+  "dropdown": {
+    "bg": "#21262d",
+    "border": "#484f58",
+    "shadow": [
+      "0",
+      "16px",
+      "32px",
+      "rgba(13,17,23,0.85)"
+    ]
+  },
+  "label": {
+    "border": "#30363d",
+    "primary": {
+      "text": "#b1bac4",
+      "border": "#6e7681"
+    },
+    "secondary": {
+      "text": "#8b949e",
+      "border": "#30363d"
+    },
+    "info": {
+      "text": "#388bfd",
+      "border": "rgba(56,139,253,0.4)"
+    },
+    "success": {
+      "text": "#3fb950",
+      "border": "rgba(46,160,67,0.4)"
+    },
+    "warning": {
+      "text": "#e3b341",
+      "border": "rgba(242,211,91,0.4)"
+    },
+    "danger": {
+      "text": "#f85149",
+      "border": "rgba(248,81,73,0.4)"
+    }
+  },
   "topic": {
-    "tagBg": "#061e46",
-    "tagBorder": "#061e46",
-    "tagText": "#3f87e9"
+    "tagBg": "#051d4d",
+    "tagBorder": "#051d4d",
+    "tagText": "#388bfd"
   },
   "input": {
     "bg": "#0d1117",
-    "contrastBg": "#0d1117",
-    "shadow": [
-      "inset",
-      "0",
-      "1px",
-      "2px",
-      "rgba(255,255,255,0.075)"
-    ],
-    "shadowFocus": [
-      "0",
-      "0",
-      "0",
-      "0.2em",
-      "rgba(49,110,205,0.3)"
-    ]
+    "contrastBg": "rgba(1,4,9,0.3)",
+    "border": "rgba(255,255,255,0.1)",
+    "shadow": "rgba(0,0,0,0)",
+    "disabledBg": "#161b22",
+    "disabledBorder": "#30363d",
+    "warningBorder": "#d29922",
+    "errorBorder": "#f85149",
+    "tooltip": {
+      "success": {
+        "text": "#56d364",
+        "bg": "rgba(46,160,67,0.1)",
+        "border": "rgba(46,160,67,0.4)"
+      },
+      "warning": {
+        "text": "#e3b341",
+        "bg": "rgba(187,128,9,0.1)",
+        "border": "rgba(187,128,9,0.4)"
+      },
+      "error": {
+        "text": "#ff7b72",
+        "bg": "rgba(248,81,73,0.1)",
+        "border": "rgba(248,81,73,0.4)"
+      }
+    }
   },
@@ -536,3 +579,3 @@ "avatar": {
       "0",
-      "rgba(255,255,255,0.8)"
+      "#0d1117"
     ]
@@ -546,7 +589,9 @@ },
     "badgeBg": "#21262d",
-    "targetBadgeBorder": "#316ecd",
-    "targetBadgeShadow": "#0d4189"
+    "targetBadgeBorder": "#1f6feb",
+    "targetBadgeShadow": "#0d419d"
   },
   "selectMenu": {
-    "backdropBg": "rgba(13,17,23,0.5)",
+    "bg": "#21262d",
+    "border": "#484f58",
+    "borderSecondary": "#30363d",
     "shadow": [
@@ -558,13 +603,14 @@ "0",
     ],
+    "backdropBg": "rgba(13,17,23,0.5)",
+    "backdropBorder": "#484f58",
     "tapHighlight": "rgba(48,54,61,0.5)",
-    "tapFocusBg": "#0b2e63"
+    "tapFocusBg": "#0c2d6b"
   },
   "box": {
-    "blueBorder": "#0d4189",
+    "blueBorder": "#0d419d",
     "rowYellowBg": "rgba(235,196,64,0.1)",
-    "rowBlueBg": "rgba(117,187,255,0.1)"
+    "rowBlueBg": "rgba(121,192,255,0.1)",
+    "headerBlueBg": "#0d1117",
+    "headerBlueBorder": "#30363d"
   },
-  "dropdown": {
-    "border": "rgba(13,17,23,0.15)"
-  },
   "popover": {
@@ -574,5 +620,10 @@ "border": "rgba(13,17,23,0.15)"
   "branchName": {
-    "text": "rgba(255,255,255,0.6)",
-    "bg": "#0d3471",
-    "icon": "#676767"
+    "text": "#f0f6fc",
+    "icon": "#b1bac4",
+    "bg": "rgba(255,255,255,0.1)",
+    "link": {
+      "text": "#58a6ff",
+      "icon": "#58a6ff",
+      "bg": "rgba(88,166,255,0.1)"
+    }
   },
@@ -586,4 +637,17 @@ "markdown": {
   },
+  "menu": {
+    "headingText": "#8b949e",
+    "borderActive": "#f78166"
+  },
+  "sidenav": {
+    "selectedBg": "#21262d",
+    "borderActive": "#f78166"
+  },
+  "tabnav": {
+    "selectedBg": "#161b22"
+  },
   "header": {
-    "text": "rgba(255,255,255,0.7)"
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#161b22",
+    "logo": "#f0f6fc"
   },
@@ -602,19 +666,39 @@ "filterItem": {
     "border": "#3b434b",
-    "borderFocused": "#5185d5"
+    "borderFocused": "#4487ee"
   },
   "previewableCommentForm": {
-    "border": "#25292f"
+    "border": "#25292f",
+    "bg": "#161b22"
   },
+  "underlinenav": {
+    "border": "rgba(48,54,61,0)",
+    "borderHover": "#30363d",
+    "borderActive": "#f78166",
+    "text": "#8b949e",
+    "textHover": "#f0f6fc",
+    "textActive": "#f0f6fc",
+    "icon": "#6e7681",
+    "iconHover": "#f0f6fc",
+    "iconActive": "#f0f6fc",
+    "counterText": "#8b949e"
+  },
+  "socialCount": {
+    "bg": "rgba(255,255,255,0.1)"
+  },
+  "headerSearch": {
+    "bg": "#0d1117",
+    "border": "#21262d"
+  },
   "iconFolder": "#6e7681",
-  "hlAuthorBg": "#061e46",
-  "hlAuthorBorder": "#0d4189",
+  "hlAuthorBg": "#051d4d",
+  "hlAuthorBorder": "#0d419d",
   "logoSubdued": "#30363d",
-  "discussionBorder": "#354c3a",
+  "discussionBorder": "#34513b",
   "diff": {
     "neutralBg": "#30363d",
-    "deletionBg": "#ff7170",
+    "deletionBg": "#ff7b72",
     "deletionBgStrong": "#ffffff",
     "deletionBorder": "#ffffff",
     "deletionBorderStrong": "#ffffff",
-    "additionBg": "#1e6c2d",
+    "additionBg": "#1e722e",
     "additionBgStrong": "#ffffff",
@@ -645,3 +729,25 @@ "additionBorder": "#ffffff",
     "dayL1Border": "rgba(27,31,35,0.06)"
+  },
+  "prState": {
+    "draft": {
+      "text": "#8b949e",
+      "bg": "rgba(139,148,158,0.1)",
+      "border": "rgba(139,148,158,0.4)"
+    },
+    "open": {
+      "text": "#3fb950",
+      "bg": "rgba(63,185,80,0.1)",
+      "border": "rgba(63,185,80,0.4)"
+    },
+    "merged": {
+      "text": "#a371f7",
+      "bg": "rgba(188,140,255,0.1)",
+      "border": "rgba(188,140,255,0.4)"
+    },
+    "closed": {
+      "text": "#f85149",
+      "bg": "rgba(218,54,51,0.1)",
+      "border": "rgba(218,54,51,0.4)"
+    }
   }
 }

dist/json/colors/light.json

@@ -209,5 +209,3 @@ {
     "inverse": "#ffffff",
-    "linkPrimary": "#0366d6",
-    "linkSecondary": "#24292e",
-    "linkTertiary": "#586069",
+    "link": "#0366d6",
     "danger": "#cb2431",
@@ -226,14 +224,2 @@ "success": "#22863a",
   },
-  "state": {
-    "hoverPrimaryBg": "#0366d6",
-    "hoverPrimaryBorder": "#0366d6",
-    "hoverPrimaryText": "#ffffff",
-    "hoverPrimaryIcon": "#ffffff",
-    "hoverSecondaryBg": "#f6f8fa",
-    "hoverSecondaryBorder": "#f6f8fa",
-    "selectedPrimaryBg": "#0366d6",
-    "selectedPrimaryBorder": "#0366d6",
-    "selectedPrimaryText": "#ffffff",
-    "selectedPrimaryIcon": "#ffffff"
-  },
   "border": {
@@ -304,11 +290,30 @@ "primary": "#e1e4e8",
       "rgba(225,228,232,0.2)"
-    ],
-    "focus": [
-      "0",
-      "0",
-      "0",
-      "3px",
-      "rgba(3,102,214,0.3)"
     ]
   },
+  "state": {
+    "hover": {
+      "primaryBg": "#0366d6",
+      "primaryBorder": "#0366d6",
+      "primaryText": "#ffffff",
+      "primaryIcon": "#ffffff",
+      "secondaryBg": "#f6f8fa",
+      "secondaryBorder": "#f6f8fa"
+    },
+    "selected": {
+      "primaryBg": "#0366d6",
+      "primaryBorder": "#0366d6",
+      "primaryText": "#ffffff",
+      "primaryIcon": "#ffffff"
+    },
+    "focus": {
+      "border": "#0366d6",
+      "shadow": [
+        "0",
+        "0",
+        "0",
+        "3px",
+        "rgba(3,102,214,0.3)"
+      ]
+    }
+  },
   "fade": {
@@ -333,6 +338,8 @@ "black": {
   "alert": {
-    "text": "#24292e",
-    "icon": "rgba(4,66,137,0.6)",
-    "bg": "#dbedff",
-    "border": "rgba(4,66,137,0.2)",
+    "info": {
+      "text": "#24292e",
+      "icon": "rgba(4,66,137,0.6)",
+      "bg": "#dbedff",
+      "border": "rgba(4,66,137,0.2)"
+    },
     "warn": {
@@ -357,2 +364,13 @@ "text": "#24292e",
   },
+  "autocomplete": {
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "shadow": [
+      "0",
+      "3px",
+      "6px",
+      "rgba(149,157,165,0.15)"
+    ],
+    "rowBorder": "#eaecef"
+  },
   "blankslate": {
@@ -366,2 +384,15 @@ "icon": "#a3aab1"
     "ic": "#6a737d",
+    "shadow": [
+      "0",
+      "1px",
+      "0",
+      "rgba(27,31,35,0.04)"
+    ],
+    "shadowHighlight": [
+      "inset",
+      "0",
+      "1px",
+      "0",
+      "rgba(255,255,255,0.25)"
+    ],
     "bgHover": "#f3f4f6",
@@ -488,4 +519,47 @@ "bgActive": "#edeff2",
     "bg": "rgba(209,213,218,0.5)",
-    "border": "rgba(209,213,218,0.5)"
+    "primary": {
+      "text": "#ffffff",
+      "bg": "#6a737d"
+    },
+    "secondary": {
+      "text": "#6a737d"
+    }
   },
+  "dropdown": {
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "shadow": [
+      "0",
+      "8px",
+      "24px",
+      "rgba(149,157,165,0.2)"
+    ]
+  },
+  "label": {
+    "border": "#e1e4e8",
+    "primary": {
+      "text": "#24292e",
+      "border": "#6a737d"
+    },
+    "secondary": {
+      "text": "#586069",
+      "border": "#e1e4e8"
+    },
+    "info": {
+      "text": "#0366d6",
+      "border": "#0366d6"
+    },
+    "success": {
+      "text": "#22863a",
+      "border": "#28a745"
+    },
+    "warning": {
+      "text": "#735c0f",
+      "border": "#b08800"
+    },
+    "danger": {
+      "text": "#d73a49",
+      "border": "#cb2431"
+    }
+  },
   "topic": {
@@ -499,2 +573,3 @@ "tagBg": "#f1f8ff",
     "contrastBg": "#fafbfc",
+    "border": "#e1e4e8",
     "shadow": [
@@ -507,12 +582,26 @@ "inset",
     ],
-    "shadowFocus": [
-      "0",
-      "0",
-      "0",
-      "0.2em",
-      "rgba(3,102,214,0.3)"
-    ]
+    "disabledBg": "#ffffff",
+    "disabledBorder": "#e1e4e8",
+    "warningBorder": "#f9c513",
+    "errorBorder": "#cb2431",
+    "tooltip": {
+      "success": {
+        "text": "#144620",
+        "bg": "#dcffe4",
+        "border": "#34d058"
+      },
+      "warning": {
+        "text": "#735c0f",
+        "bg": "#fff5b1",
+        "border": "#f9c513"
+      },
+      "error": {
+        "text": "#86181d",
+        "bg": "#ffeef0",
+        "border": "#f97583"
+      }
+    }
   },
   "avatar": {
-    "border": "rgba(27,31,35,0.1)",
+    "border": "rgba(0,0,0,0)",
     "stackFade": "#d1d5da",
@@ -537,3 +626,5 @@ "stackFadeMore": "#e1e4e8",
   "selectMenu": {
-    "backdropBg": "rgba(27,31,35,0.5)",
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "borderSecondary": "#eaecef",
     "shadow": [
@@ -545,2 +636,4 @@ "0",
     ],
+    "backdropBg": "rgba(27,31,35,0.5)",
+    "backdropBorder": "rgba(0,0,0,0)",
     "tapHighlight": "rgba(209,213,218,0.5)",
@@ -552,7 +645,6 @@ "tapFocusBg": "#dbedff"
     "rowYellowBg": "#fffbdd",
-    "rowBlueBg": "#f1f8ff"
+    "rowBlueBg": "#f1f8ff",
+    "headerBlueBg": "#f1f8ff",
+    "headerBlueBorder": "#c8e1ff"
   },
-  "dropdown": {
-    "border": "rgba(27,31,35,0.15)"
-  },
   "popover": {
@@ -563,4 +655,9 @@ "border": "rgba(27,31,35,0.15)"
     "text": "rgba(27,31,35,0.6)",
+    "icon": "#a8bbd0",
     "bg": "#eaf5ff",
-    "icon": "#a8bbd0"
+    "link": {
+      "text": "#0366d6",
+      "icon": "#a8bbd0",
+      "bg": "#eaf5ff"
+    }
   },
@@ -574,4 +671,17 @@ "markdown": {
   },
+  "menu": {
+    "headingText": "#24292e",
+    "borderActive": "#f9826c"
+  },
+  "sidenav": {
+    "selectedBg": "#ffffff",
+    "borderActive": "#f9826c"
+  },
+  "tabnav": {
+    "selectedBg": "#ffffff"
+  },
   "header": {
-    "text": "rgba(255,255,255,0.7)"
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#24292e",
+    "logo": "#ffffff"
   },
@@ -593,4 +703,24 @@ "filterItem": {
   "previewableCommentForm": {
-    "border": "#c3c8cf"
+    "border": "#c3c8cf",
+    "bg": "#ffffff"
   },
+  "underlinenav": {
+    "border": "rgba(209,213,218,0)",
+    "borderHover": "#d1d5da",
+    "borderActive": "#f9826c",
+    "text": "#24292e",
+    "textHover": "#24292e",
+    "textActive": "#24292e",
+    "icon": "#959da5",
+    "iconHover": "#959da5",
+    "iconActive": "#24292e",
+    "counterText": "#24292e"
+  },
+  "socialCount": {
+    "bg": "#ffffff"
+  },
+  "headerSearch": {
+    "bg": "#24292e",
+    "border": "#444d56"
+  },
   "iconFolder": "#79b8ff",
@@ -633,3 +763,25 @@ "hlAuthorBg": "#f1f8ff",
     "dayL1Border": "rgba(27,31,35,0.06)"
+  },
+  "prState": {
+    "draft": {
+      "text": "#ffffff",
+      "bg": "#6a737d",
+      "border": "rgba(0,0,0,0)"
+    },
+    "open": {
+      "text": "#ffffff",
+      "bg": "#28a745",
+      "border": "rgba(0,0,0,0)"
+    },
+    "merged": {
+      "text": "#ffffff",
+      "bg": "#6f42c1",
+      "border": "rgba(0,0,0,0)"
+    },
+    "closed": {
+      "text": "#ffffff",
+      "bg": "#d73a49",
+      "border": "rgba(0,0,0,0)"
+    }
   }
 }

dist/ts/colors/dark.ts

@@ -19,83 +19,83 @@ export default {
       "#cae8ff",
-      "#a1d3ff",
-      "#75bbff",
-      "#54a2fb",
-      "#3f87e9",
-      "#316ecd",
-      "#2456aa",
-      "#0d4189",
-      "#0b2e63",
-      "#061e46"
+      "#a5d6ff",
+      "#79c0ff",
+      "#58a6ff",
+      "#388bfd",
+      "#1f6feb",
+      "#1158c7",
+      "#0d419d",
+      "#0c2d6b",
+      "#051d4d"
     ],
     "green": [
-      "#b2f4b6",
-      "#81e38a",
-      "#58ce65",
-      "#3ab550",
-      "#2f9a42",
-      "#248035",
-      "#1b662d",
-      "#144d23",
-      "#0a3818",
+      "#aff5b4",
+      "#7ee787",
+      "#56d364",
+      "#3fb950",
+      "#2ea043",
+      "#238636",
+      "#196c2e",
+      "#0f5323",
+      "#033a16",
       "#04260f"
     ],
     "yellow": [
-      "#fef3ae",
-      "#fde15f",
-      "#f7d232",
-      "#eec41a",
-      "#e2b20d",
-      "#d79e00",
-      "#c88d00",
-      "#b67b00",
-      "#9b6400",
-      "#7f4e00"
+      "#f8e3a1",
+      "#f2cc60",
+      "#e3b341",
+      "#d29922",
+      "#bb8009",
+      "#9e6a03",
+      "#845306",
+      "#693e00",
+      "#4b2900",
+      "#341a00"
     ],
     "orange": [
-      "#ffe0bd",
-      "#ffc17e",
-      "#ff9f4c",
-      "#ed802d",
-      "#d7661d",
-      "#ba5010",
-      "#993d06",
-      "#782b00",
-      "#591c00",
-      "#3d1200"
+      "#ffdfb6",
+      "#ffc680",
+      "#ffa657",
+      "#f0883e",
+      "#db6d28",
+      "#bd561d",
+      "#9b4215",
+      "#762d0a",
+      "#5a1e02",
+      "#3d1300"
     ],
     "red": [
-      "#ffdcd9",
-      "#ffbdba",
-      "#ff9a96",
-      "#ff7170",
-      "#ed4e50",
-      "#d13339",
-      "#ac212b",
-      "#88131f",
-      "#660614",
-      "#49000c"
+      "#ffdcd7",
+      "#ffc1ba",
+      "#ffa198",
+      "#ff7b72",
+      "#f85149",
+      "#da3633",
+      "#b62324",
+      "#8e1519",
+      "#67060c",
+      "#490202"
     ],
     "purple": [
-      "#eadfff",
-      "#d8beff",
-      "#c2a0fd",
-      "#ae81fa",
-      "#9867f0",
-      "#804eda",
-      "#673ab8",
-      "#512c94",
-      "#3d2071",
-      "#29154b"
+      "#eddeff",
+      "#e2c5ff",
+      "#d2a8ff",
+      "#bc8cff",
+      "#a371f7",
+      "#8957e5",
+      "#6e40c9",
+      "#553098",
+      "#3c1e70",
+      "#271052"
     ],
     "pink": [
-      "#ffdaed",
-      "#ffb8dd",
-      "#ff93cc",
-      "#f56fb7",
-      "#db579f",
-      "#bc4186",
-      "#98316c",
-      "#762556",
-      "#55183e",
-      "#40092d"
+      "#ffdaec",
+      "#ffbedd",
+      "#ff9bce",
+      "#f778ba",
+      "#db61a2",
+      "#bf4b8a",
+      "#9e3670",
+      "#7d2457",
+      "#5e103e",
+      "#42062a"
     ]
@@ -119,11 +119,11 @@ },
     "blue": [
-      "#061e46",
-      "#0b2e63",
-      "#0d4189",
-      "#2456aa",
-      "#316ecd",
-      "#3f87e9",
-      "#54a2fb",
-      "#75bbff",
-      "#a1d3ff",
+      "#051d4d",
+      "#0c2d6b",
+      "#0d419d",
+      "#1158c7",
+      "#1f6feb",
+      "#388bfd",
+      "#58a6ff",
+      "#79c0ff",
+      "#a5d6ff",
       "#cae8ff"
@@ -133,71 +133,71 @@ ],
       "#04260f",
-      "#0a3818",
-      "#144d23",
-      "#1b662d",
-      "#248035",
-      "#2f9a42",
-      "#3ab550",
-      "#58ce65",
-      "#81e38a",
-      "#b2f4b6"
+      "#033a16",
+      "#0f5323",
+      "#196c2e",
+      "#238636",
+      "#2ea043",
+      "#3fb950",
+      "#56d364",
+      "#7ee787",
+      "#aff5b4"
     ],
     "yellow": [
-      "#7f4e00",
-      "#9b6400",
-      "#b67b00",
-      "#c88d00",
-      "#d79e00",
-      "#e2b20d",
-      "#eec41a",
-      "#f7d232",
-      "#fde15f",
-      "#fef3ae"
+      "#341a00",
+      "#4b2900",
+      "#693e00",
+      "#845306",
+      "#9e6a03",
+      "#bb8009",
+      "#d29922",
+      "#e3b341",
+      "#f2cc60",
+      "#f8e3a1"
     ],
     "orange": [
-      "#3d1200",
-      "#591c00",
-      "#782b00",
-      "#993d06",
-      "#ba5010",
-      "#d7661d",
-      "#ed802d",
-      "#ff9f4c",
-      "#ffc17e",
-      "#ffe0bd"
+      "#3d1300",
+      "#5a1e02",
+      "#762d0a",
+      "#9b4215",
+      "#bd561d",
+      "#db6d28",
+      "#f0883e",
+      "#ffa657",
+      "#ffc680",
+      "#ffdfb6"
     ],
     "red": [
-      "#49000c",
-      "#660614",
-      "#88131f",
-      "#ac212b",
-      "#d13339",
-      "#ed4e50",
-      "#ff7170",
-      "#ff9a96",
-      "#ffbdba",
-      "#ffdcd9"
+      "#490202",
+      "#67060c",
+      "#8e1519",
+      "#b62324",
+      "#da3633",
+      "#f85149",
+      "#ff7b72",
+      "#ffa198",
+      "#ffc1ba",
+      "#ffdcd7"
     ],
     "purple": [
-      "#29154b",
-      "#3d2071",
-      "#512c94",
-      "#673ab8",
-      "#804eda",
-      "#9867f0",
-      "#ae81fa",
-      "#c2a0fd",
-      "#d8beff",
-      "#eadfff"
+      "#271052",
+      "#3c1e70",
+      "#553098",
+      "#6e40c9",
+      "#8957e5",
+      "#a371f7",
+      "#bc8cff",
+      "#d2a8ff",
+      "#e2c5ff",
+      "#eddeff"
     ],
     "pink": [
-      "#40092d",
-      "#55183e",
-      "#762556",
-      "#98316c",
-      "#bc4186",
-      "#db579f",
-      "#f56fb7",
-      "#ff93cc",
-      "#ffb8dd",
-      "#ffdaed"
+      "#42062a",
+      "#5e103e",
+      "#7d2457",
+      "#9e3670",
+      "#bf4b8a",
+      "#db61a2",
+      "#f778ba",
+      "#ff9bce",
+      "#ffbedd",
+      "#ffdaec"
     ]
@@ -212,8 +212,6 @@ },
     "inverse": "#0d1117",
-    "linkPrimary": "#54a2fb",
-    "linkSecondary": "#f0f6fc",
-    "linkTertiary": "#8b949e",
-    "danger": "#ed4e50",
-    "success": "#58ce65",
-    "warning": "#f7d232"
+    "link": "#58a6ff",
+    "danger": "#f85149",
+    "success": "#56d364",
+    "warning": "#e3b341"
   },
@@ -224,19 +222,7 @@ "icon": {
     "tertiary": "#484f58",
-    "info": "#75bbff",
-    "danger": "#ed4e50",
-    "success": "#58ce65",
-    "warning": "#f7d232"
+    "info": "#79c0ff",
+    "danger": "#f85149",
+    "success": "#56d364",
+    "warning": "#e3b341"
   },
-  "state": {
-    "hoverPrimaryBg": "#3f87e9",
-    "hoverPrimaryBorder": "#3f87e9",
-    "hoverPrimaryText": "#f0f6fc",
-    "hoverPrimaryIcon": "#f0f6fc",
-    "hoverSecondaryBg": "#161b22",
-    "hoverSecondaryBorder": "#161b22",
-    "selectedPrimaryBg": "#3f87e9",
-    "selectedPrimaryBorder": "#3f87e9",
-    "selectedPrimaryText": "#f0f6fc",
-    "selectedPrimaryIcon": "#f0f6fc"
-  },
   "border": {
@@ -247,6 +233,6 @@ "primary": "#30363d",
     "inverse": "#ffffff",
-    "info": "#3f87e9",
-    "danger": "#ed4e50",
-    "success": "#2f9a42",
-    "warning": "#f7d232"
+    "info": "#388bfd",
+    "danger": "#f85149",
+    "success": "#2ea043",
+    "warning": "#e3b341"
   },
@@ -261,10 +247,10 @@ "bg": {
     "overlay": "#0d1117",
-    "info": "#0b2e63",
-    "infoInverse": "#3f87e9",
-    "danger": "#660614",
-    "dangerInverse": "#ed4e50",
-    "success": "#0a3818",
-    "successInverse": "#2f9a42",
-    "warning": "#b67b00",
-    "warningInverse": "#f7d232"
+    "info": "#0c2d6b",
+    "infoInverse": "#388bfd",
+    "danger": "#67060c",
+    "dangerInverse": "#f85149",
+    "success": "#033a16",
+    "successInverse": "#2ea043",
+    "warning": "#693e00",
+    "warningInverse": "#e3b341"
   },
@@ -276,3 +262,3 @@ "shadow": {
       "0",
-      "rgba(72,79,88,0.04)"
+      "#0d1117"
     ],
@@ -283,3 +269,3 @@ "medium": [
       "6px",
-      "rgba(72,79,88,0.15)"
+      "#0d1117"
     ],
@@ -290,3 +276,3 @@ "large": [
       "24px",
-      "rgba(72,79,88,0.2)"
+      "#0d1117"
     ],
@@ -297,3 +283,3 @@ "extraLarge": [
       "48px",
-      "rgba(72,79,88,0.3)"
+      "#0d1117"
     ],
@@ -307,17 +293,30 @@ "highlight": [
     ],
-    "inset": [
-      "inset",
-      "0",
-      "1px",
-      "0",
-      "rgba(33,38,45,0.2)"
-    ],
-    "focus": [
-      "0",
-      "0",
-      "0",
-      "3px",
-      "rgba(63,135,233,0.3)"
-    ]
+    "inset": "rgba(0,0,0,0)"
   },
+  "state": {
+    "hover": {
+      "primaryBg": "#1f6feb",
+      "primaryBorder": "#388bfd",
+      "primaryText": "#f0f6fc",
+      "primaryIcon": "#f0f6fc",
+      "secondaryBg": "#161b22",
+      "secondaryBorder": "#161b22"
+    },
+    "selected": {
+      "primaryBg": "#1f6feb",
+      "primaryBorder": "#388bfd",
+      "primaryText": "#f0f6fc",
+      "primaryIcon": "#f0f6fc"
+    },
+    "focus": {
+      "border": "#388bfd",
+      "shadow": [
+        "0",
+        "0",
+        "0",
+        "3px",
+        "#0c2d6b"
+      ]
+    }
+  },
   "fade": {
@@ -342,25 +341,38 @@ "black": {
   "alert": {
-    "text": "#75bbff",
-    "icon": "#75bbff",
-    "bg": "rgba(117,187,255,0.1)",
-    "border": "rgba(117,187,255,0.4)",
+    "info": {
+      "text": "#79c0ff",
+      "icon": "#79c0ff",
+      "bg": "rgba(56,139,253,0.1)",
+      "border": "rgba(56,139,253,0.4)"
+    },
     "warn": {
-      "text": "#f2d35b",
-      "icon": "#f2d35b",
-      "bg": "rgba(235,196,64,0.1)",
-      "border": "rgba(235,196,64,0.4)"
+      "text": "#e3b341",
+      "icon": "#e3b341",
+      "bg": "rgba(187,128,9,0.1)",
+      "border": "rgba(187,128,9,0.4)"
     },
     "error": {
-      "text": "#ff7168",
-      "icon": "#ff7168",
-      "bg": "rgba(255,113,112,0.1)",
-      "border": "rgba(255,113,112,0.4)"
+      "text": "#ff7b72",
+      "icon": "#ff7b72",
+      "bg": "rgba(248,81,73,0.1)",
+      "border": "rgba(248,81,73,0.4)"
     },
     "success": {
-      "text": "#58ce65",
-      "icon": "#58ce65",
-      "bg": "rgba(88,206,101,0.1)",
-      "border": "rgba(88,206,101,0.4)"
+      "text": "#56d364",
+      "icon": "#56d364",
+      "bg": "rgba(46,160,67,0.1)",
+      "border": "rgba(46,160,67,0.4)"
     }
   },
+  "autocomplete": {
+    "bg": "#21262d",
+    "border": "#484f58",
+    "shadow": [
+      "0",
+      "16px",
+      "32px",
+      "rgba(13,17,23,0.85)"
+    ],
+    "rowBorder": "#30363d"
+  },
   "blankslate": {
@@ -370,8 +382,10 @@ "icon": "#535c66"
   "btn": {
-    "bg": "#0d1117",
-    "border": "rgba(255,255,255,0.15)",
+    "bg": "rgba(255,255,255,0.1)",
+    "border": "rgba(255,255,255,0.1)",
     "text": "#f0f6fc",
     "ic": "#6e7681",
-    "bgHover": "#f3f4f6",
-    "bgActive": "#f9f9fa",
+    "shadow": "rgba(0,0,0,0)",
+    "shadowHighlight": "rgba(0,0,0,0)",
+    "bgHover": "#161b22",
+    "bgActive": "#1a2028",
     "shadowActive": [
@@ -389,41 +403,18 @@ "inset",
       "0.2em",
-      "rgba(49,110,205,0.3)"
+      "rgba(31,111,235,0.3)"
     ],
     "primary": {
-      "bg": "#2ea44f",
-      "border": "rgba(13,17,23,0.15)",
-      "borderDisabled": "rgba(13,17,23,0.1)",
-      "text": "#ffffff",
-      "ic": "rgba(255,255,255,0.8)",
-      "shadow": [
-        "0",
-        "1px",
-        "0",
-        "rgba(13,17,23,0.1)"
-      ],
-      "shadowHighlight": [
-        "inset",
-        "0",
-        "1px",
-        "0",
-        "rgba(255,255,255,0.03)"
-      ],
-      "shadowSelected": [
-        "inset",
-        "0",
-        "1px",
-        "0",
-        "rgba(4,38,15,0.2)"
-      ],
-      "bgHover": "#2c974b",
-      "bgActive": "#2a8f47",
-      "bgDisabled": "#94d3a2",
-      "disabledText": "rgba(255,255,255,0.8)",
-      "disabledShadow": [
-        "0",
-        "0",
-        "0",
-        "3px",
-        "rgba(46,164,79,0.4)"
-      ],
+      "bg": "#2ea043",
+      "border": "#3fb950",
+      "borderDisabled": "#0f5323",
+      "text": "#f0f6fc",
+      "ic": "#f0f6fc",
+      "shadow": "rgba(0,0,0,0)",
+      "shadowHighlight": "rgba(0,0,0,0)",
+      "shadowSelected": "rgba(0,0,0,0)",
+      "bgHover": "#30a846",
+      "bgActive": "#2c9840",
+      "bgDisabled": "#033a16",
+      "disabledText": "rgba(255,255,255,0.5)",
+      "disabledShadow": "rgba(0,0,0,0)",
       "counterBg": "rgba(255,255,255,0.2)"
@@ -449,6 +440,6 @@ },
     "danger": {
-      "text": "#ed4e50",
-      "textDisabled": "rgba(237,78,80,0.5)",
-      "bgHover": "#ff7170",
-      "bgActive": "#ff6261",
+      "text": "#f85149",
+      "textDisabled": "rgba(248,81,73,0.5)",
+      "bgHover": "#ff7b72",
+      "bgActive": "#ff6d63",
       "shadow": [
@@ -459,3 +450,3 @@ "inset",
         "0",
-        "rgba(73,0,12,0.2)"
+        "rgba(73,2,2,0.2)"
       ],
@@ -467,12 +458,12 @@ "shadowFocus": [
         "3px",
-        "rgba(172,33,43,0.4)"
+        "rgba(182,35,36,0.4)"
       ],
-      "counterBg": "rgba(209,51,57,0.1)",
-      "counterBgDisabled": "rgba(209,51,57,0.05)"
+      "counterBg": "rgba(218,54,51,0.1)",
+      "counterBgDisabled": "rgba(218,54,51,0.05)"
     },
     "outline": {
-      "text": "#3f87e9",
-      "textDisabled": "rgba(63,135,233,0.5)",
-      "bgHover": "#54a2fb",
-      "bgActive": "#459afb",
+      "text": "#58a6ff",
+      "textDisabled": "rgba(56,139,253,0.5)",
+      "bgHover": "#58a6ff",
+      "bgActive": "#499eff",
       "shadow": [
@@ -483,3 +474,3 @@ "inset",
         "0",
-        "rgba(6,30,70,0.2)"
+        "rgba(5,29,77,0.2)"
       ],
@@ -491,6 +482,6 @@ "shadowFocus": [
         "3px",
-        "rgba(36,86,170,0.4)"
+        "rgba(17,88,199,0.4)"
       ],
-      "counterBg": "rgba(49,110,205,0.1)",
-      "counterBgDisabled": "rgba(49,110,205,0.05)"
+      "counterBg": "rgba(31,111,235,0.1)",
+      "counterBgDisabled": "rgba(31,111,235,0.05)"
     },
@@ -501,27 +492,79 @@ "counterBg": "rgba(13,17,23,0.08)"
     "text": "#f0f6fc",
-    "bg": "rgba(48,54,61,0.5)",
-    "border": "rgba(209,213,218,0.5)"
+    "bg": "#30363d",
+    "primary": {
+      "text": "#f0f6fc",
+      "bg": "#6e7681"
+    },
+    "secondary": {
+      "text": "#8b949e"
+    }
   },
+  "dropdown": {
+    "bg": "#21262d",
+    "border": "#484f58",
+    "shadow": [
+      "0",
+      "16px",
+      "32px",
+      "rgba(13,17,23,0.85)"
+    ]
+  },
+  "label": {
+    "border": "#30363d",
+    "primary": {
+      "text": "#b1bac4",
+      "border": "#6e7681"
+    },
+    "secondary": {
+      "text": "#8b949e",
+      "border": "#30363d"
+    },
+    "info": {
+      "text": "#388bfd",
+      "border": "rgba(56,139,253,0.4)"
+    },
+    "success": {
+      "text": "#3fb950",
+      "border": "rgba(46,160,67,0.4)"
+    },
+    "warning": {
+      "text": "#e3b341",
+      "border": "rgba(242,211,91,0.4)"
+    },
+    "danger": {
+      "text": "#f85149",
+      "border": "rgba(248,81,73,0.4)"
+    }
+  },
   "topic": {
-    "tagBg": "#061e46",
-    "tagBorder": "#061e46",
-    "tagText": "#3f87e9"
+    "tagBg": "#051d4d",
+    "tagBorder": "#051d4d",
+    "tagText": "#388bfd"
   },
   "input": {
     "bg": "#0d1117",
-    "contrastBg": "#0d1117",
-    "shadow": [
-      "inset",
-      "0",
-      "1px",
-      "2px",
-      "rgba(255,255,255,0.075)"
-    ],
-    "shadowFocus": [
-      "0",
-      "0",
-      "0",
-      "0.2em",
-      "rgba(49,110,205,0.3)"
-    ]
+    "contrastBg": "rgba(1,4,9,0.3)",
+    "border": "rgba(255,255,255,0.1)",
+    "shadow": "rgba(0,0,0,0)",
+    "disabledBg": "#161b22",
+    "disabledBorder": "#30363d",
+    "warningBorder": "#d29922",
+    "errorBorder": "#f85149",
+    "tooltip": {
+      "success": {
+        "text": "#56d364",
+        "bg": "rgba(46,160,67,0.1)",
+        "border": "rgba(46,160,67,0.4)"
+      },
+      "warning": {
+        "text": "#e3b341",
+        "bg": "rgba(187,128,9,0.1)",
+        "border": "rgba(187,128,9,0.4)"
+      },
+      "error": {
+        "text": "#ff7b72",
+        "bg": "rgba(248,81,73,0.1)",
+        "border": "rgba(248,81,73,0.4)"
+      }
+    }
   },
@@ -536,3 +579,3 @@ "avatar": {
       "0",
-      "rgba(255,255,255,0.8)"
+      "#0d1117"
     ]
@@ -546,7 +589,9 @@ },
     "badgeBg": "#21262d",
-    "targetBadgeBorder": "#316ecd",
-    "targetBadgeShadow": "#0d4189"
+    "targetBadgeBorder": "#1f6feb",
+    "targetBadgeShadow": "#0d419d"
   },
   "selectMenu": {
-    "backdropBg": "rgba(13,17,23,0.5)",
+    "bg": "#21262d",
+    "border": "#484f58",
+    "borderSecondary": "#30363d",
     "shadow": [
@@ -558,13 +603,14 @@ "0",
     ],
+    "backdropBg": "rgba(13,17,23,0.5)",
+    "backdropBorder": "#484f58",
     "tapHighlight": "rgba(48,54,61,0.5)",
-    "tapFocusBg": "#0b2e63"
+    "tapFocusBg": "#0c2d6b"
   },
   "box": {
-    "blueBorder": "#0d4189",
+    "blueBorder": "#0d419d",
     "rowYellowBg": "rgba(235,196,64,0.1)",
-    "rowBlueBg": "rgba(117,187,255,0.1)"
+    "rowBlueBg": "rgba(121,192,255,0.1)",
+    "headerBlueBg": "#0d1117",
+    "headerBlueBorder": "#30363d"
   },
-  "dropdown": {
-    "border": "rgba(13,17,23,0.15)"
-  },
   "popover": {
@@ -574,5 +620,10 @@ "border": "rgba(13,17,23,0.15)"
   "branchName": {
-    "text": "rgba(255,255,255,0.6)",
-    "bg": "#0d3471",
-    "icon": "#676767"
+    "text": "#f0f6fc",
+    "icon": "#b1bac4",
+    "bg": "rgba(255,255,255,0.1)",
+    "link": {
+      "text": "#58a6ff",
+      "icon": "#58a6ff",
+      "bg": "rgba(88,166,255,0.1)"
+    }
   },
@@ -586,4 +637,17 @@ "markdown": {
   },
+  "menu": {
+    "headingText": "#8b949e",
+    "borderActive": "#f78166"
+  },
+  "sidenav": {
+    "selectedBg": "#21262d",
+    "borderActive": "#f78166"
+  },
+  "tabnav": {
+    "selectedBg": "#161b22"
+  },
   "header": {
-    "text": "rgba(255,255,255,0.7)"
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#161b22",
+    "logo": "#f0f6fc"
   },
@@ -602,19 +666,39 @@ "filterItem": {
     "border": "#3b434b",
-    "borderFocused": "#5185d5"
+    "borderFocused": "#4487ee"
   },
   "previewableCommentForm": {
-    "border": "#25292f"
+    "border": "#25292f",
+    "bg": "#161b22"
   },
+  "underlinenav": {
+    "border": "rgba(48,54,61,0)",
+    "borderHover": "#30363d",
+    "borderActive": "#f78166",
+    "text": "#8b949e",
+    "textHover": "#f0f6fc",
+    "textActive": "#f0f6fc",
+    "icon": "#6e7681",
+    "iconHover": "#f0f6fc",
+    "iconActive": "#f0f6fc",
+    "counterText": "#8b949e"
+  },
+  "socialCount": {
+    "bg": "rgba(255,255,255,0.1)"
+  },
+  "headerSearch": {
+    "bg": "#0d1117",
+    "border": "#21262d"
+  },
   "iconFolder": "#6e7681",
-  "hlAuthorBg": "#061e46",
-  "hlAuthorBorder": "#0d4189",
+  "hlAuthorBg": "#051d4d",
+  "hlAuthorBorder": "#0d419d",
   "logoSubdued": "#30363d",
-  "discussionBorder": "#354c3a",
+  "discussionBorder": "#34513b",
   "diff": {
     "neutralBg": "#30363d",
-    "deletionBg": "#ff7170",
+    "deletionBg": "#ff7b72",
     "deletionBgStrong": "#ffffff",
     "deletionBorder": "#ffffff",
     "deletionBorderStrong": "#ffffff",
-    "additionBg": "#1e6c2d",
+    "additionBg": "#1e722e",
     "additionBgStrong": "#ffffff",
@@ -645,3 +729,25 @@ "additionBorder": "#ffffff",
     "dayL1Border": "rgba(27,31,35,0.06)"
+  },
+  "prState": {
+    "draft": {
+      "text": "#8b949e",
+      "bg": "rgba(139,148,158,0.1)",
+      "border": "rgba(139,148,158,0.4)"
+    },
+    "open": {
+      "text": "#3fb950",
+      "bg": "rgba(63,185,80,0.1)",
+      "border": "rgba(63,185,80,0.4)"
+    },
+    "merged": {
+      "text": "#a371f7",
+      "bg": "rgba(188,140,255,0.1)",
+      "border": "rgba(188,140,255,0.4)"
+    },
+    "closed": {
+      "text": "#f85149",
+      "bg": "rgba(218,54,51,0.1)",
+      "border": "rgba(218,54,51,0.4)"
+    }
   }
 }

dist/ts/colors/light.ts

@@ -209,5 +209,3 @@ export default {
     "inverse": "#ffffff",
-    "linkPrimary": "#0366d6",
-    "linkSecondary": "#24292e",
-    "linkTertiary": "#586069",
+    "link": "#0366d6",
     "danger": "#cb2431",
@@ -226,14 +224,2 @@ "success": "#22863a",
   },
-  "state": {
-    "hoverPrimaryBg": "#0366d6",
-    "hoverPrimaryBorder": "#0366d6",
-    "hoverPrimaryText": "#ffffff",
-    "hoverPrimaryIcon": "#ffffff",
-    "hoverSecondaryBg": "#f6f8fa",
-    "hoverSecondaryBorder": "#f6f8fa",
-    "selectedPrimaryBg": "#0366d6",
-    "selectedPrimaryBorder": "#0366d6",
-    "selectedPrimaryText": "#ffffff",
-    "selectedPrimaryIcon": "#ffffff"
-  },
   "border": {
@@ -304,11 +290,30 @@ "primary": "#e1e4e8",
       "rgba(225,228,232,0.2)"
-    ],
-    "focus": [
-      "0",
-      "0",
-      "0",
-      "3px",
-      "rgba(3,102,214,0.3)"
     ]
   },
+  "state": {
+    "hover": {
+      "primaryBg": "#0366d6",
+      "primaryBorder": "#0366d6",
+      "primaryText": "#ffffff",
+      "primaryIcon": "#ffffff",
+      "secondaryBg": "#f6f8fa",
+      "secondaryBorder": "#f6f8fa"
+    },
+    "selected": {
+      "primaryBg": "#0366d6",
+      "primaryBorder": "#0366d6",
+      "primaryText": "#ffffff",
+      "primaryIcon": "#ffffff"
+    },
+    "focus": {
+      "border": "#0366d6",
+      "shadow": [
+        "0",
+        "0",
+        "0",
+        "3px",
+        "rgba(3,102,214,0.3)"
+      ]
+    }
+  },
   "fade": {
@@ -333,6 +338,8 @@ "black": {
   "alert": {
-    "text": "#24292e",
-    "icon": "rgba(4,66,137,0.6)",
-    "bg": "#dbedff",
-    "border": "rgba(4,66,137,0.2)",
+    "info": {
+      "text": "#24292e",
+      "icon": "rgba(4,66,137,0.6)",
+      "bg": "#dbedff",
+      "border": "rgba(4,66,137,0.2)"
+    },
     "warn": {
@@ -357,2 +364,13 @@ "text": "#24292e",
   },
+  "autocomplete": {
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "shadow": [
+      "0",
+      "3px",
+      "6px",
+      "rgba(149,157,165,0.15)"
+    ],
+    "rowBorder": "#eaecef"
+  },
   "blankslate": {
@@ -366,2 +384,15 @@ "icon": "#a3aab1"
     "ic": "#6a737d",
+    "shadow": [
+      "0",
+      "1px",
+      "0",
+      "rgba(27,31,35,0.04)"
+    ],
+    "shadowHighlight": [
+      "inset",
+      "0",
+      "1px",
+      "0",
+      "rgba(255,255,255,0.25)"
+    ],
     "bgHover": "#f3f4f6",
@@ -488,4 +519,47 @@ "bgActive": "#edeff2",
     "bg": "rgba(209,213,218,0.5)",
-    "border": "rgba(209,213,218,0.5)"
+    "primary": {
+      "text": "#ffffff",
+      "bg": "#6a737d"
+    },
+    "secondary": {
+      "text": "#6a737d"
+    }
   },
+  "dropdown": {
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "shadow": [
+      "0",
+      "8px",
+      "24px",
+      "rgba(149,157,165,0.2)"
+    ]
+  },
+  "label": {
+    "border": "#e1e4e8",
+    "primary": {
+      "text": "#24292e",
+      "border": "#6a737d"
+    },
+    "secondary": {
+      "text": "#586069",
+      "border": "#e1e4e8"
+    },
+    "info": {
+      "text": "#0366d6",
+      "border": "#0366d6"
+    },
+    "success": {
+      "text": "#22863a",
+      "border": "#28a745"
+    },
+    "warning": {
+      "text": "#735c0f",
+      "border": "#b08800"
+    },
+    "danger": {
+      "text": "#d73a49",
+      "border": "#cb2431"
+    }
+  },
   "topic": {
@@ -499,2 +573,3 @@ "tagBg": "#f1f8ff",
     "contrastBg": "#fafbfc",
+    "border": "#e1e4e8",
     "shadow": [
@@ -507,12 +582,26 @@ "inset",
     ],
-    "shadowFocus": [
-      "0",
-      "0",
-      "0",
-      "0.2em",
-      "rgba(3,102,214,0.3)"
-    ]
+    "disabledBg": "#ffffff",
+    "disabledBorder": "#e1e4e8",
+    "warningBorder": "#f9c513",
+    "errorBorder": "#cb2431",
+    "tooltip": {
+      "success": {
+        "text": "#144620",
+        "bg": "#dcffe4",
+        "border": "#34d058"
+      },
+      "warning": {
+        "text": "#735c0f",
+        "bg": "#fff5b1",
+        "border": "#f9c513"
+      },
+      "error": {
+        "text": "#86181d",
+        "bg": "#ffeef0",
+        "border": "#f97583"
+      }
+    }
   },
   "avatar": {
-    "border": "rgba(27,31,35,0.1)",
+    "border": "rgba(0,0,0,0)",
     "stackFade": "#d1d5da",
@@ -537,3 +626,5 @@ "stackFadeMore": "#e1e4e8",
   "selectMenu": {
-    "backdropBg": "rgba(27,31,35,0.5)",
+    "bg": "#ffffff",
+    "border": "#e1e4e8",
+    "borderSecondary": "#eaecef",
     "shadow": [
@@ -545,2 +636,4 @@ "0",
     ],
+    "backdropBg": "rgba(27,31,35,0.5)",
+    "backdropBorder": "rgba(0,0,0,0)",
     "tapHighlight": "rgba(209,213,218,0.5)",
@@ -552,7 +645,6 @@ "tapFocusBg": "#dbedff"
     "rowYellowBg": "#fffbdd",
-    "rowBlueBg": "#f1f8ff"
+    "rowBlueBg": "#f1f8ff",
+    "headerBlueBg": "#f1f8ff",
+    "headerBlueBorder": "#c8e1ff"
   },
-  "dropdown": {
-    "border": "rgba(27,31,35,0.15)"
-  },
   "popover": {
@@ -563,4 +655,9 @@ "border": "rgba(27,31,35,0.15)"
     "text": "rgba(27,31,35,0.6)",
+    "icon": "#a8bbd0",
     "bg": "#eaf5ff",
-    "icon": "#a8bbd0"
+    "link": {
+      "text": "#0366d6",
+      "icon": "#a8bbd0",
+      "bg": "#eaf5ff"
+    }
   },
@@ -574,4 +671,17 @@ "markdown": {
   },
+  "menu": {
+    "headingText": "#24292e",
+    "borderActive": "#f9826c"
+  },
+  "sidenav": {
+    "selectedBg": "#ffffff",
+    "borderActive": "#f9826c"
+  },
+  "tabnav": {
+    "selectedBg": "#ffffff"
+  },
   "header": {
-    "text": "rgba(255,255,255,0.7)"
+    "text": "rgba(255,255,255,0.7)",
+    "bg": "#24292e",
+    "logo": "#ffffff"
   },
@@ -593,4 +703,24 @@ "filterItem": {
   "previewableCommentForm": {
-    "border": "#c3c8cf"
+    "border": "#c3c8cf",
+    "bg": "#ffffff"
   },
+  "underlinenav": {
+    "border": "rgba(209,213,218,0)",
+    "borderHover": "#d1d5da",
+    "borderActive": "#f9826c",
+    "text": "#24292e",
+    "textHover": "#24292e",
+    "textActive": "#24292e",
+    "icon": "#959da5",
+    "iconHover": "#959da5",
+    "iconActive": "#24292e",
+    "counterText": "#24292e"
+  },
+  "socialCount": {
+    "bg": "#ffffff"
+  },
+  "headerSearch": {
+    "bg": "#24292e",
+    "border": "#444d56"
+  },
   "iconFolder": "#79b8ff",
@@ -633,3 +763,25 @@ "hlAuthorBg": "#f1f8ff",
     "dayL1Border": "rgba(27,31,35,0.06)"
+  },
+  "prState": {
+    "draft": {
+      "text": "#ffffff",
+      "bg": "#6a737d",
+      "border": "rgba(0,0,0,0)"
+    },
+    "open": {
+      "text": "#ffffff",
+      "bg": "#28a745",
+      "border": "rgba(0,0,0,0)"
+    },
+    "merged": {
+      "text": "#ffffff",
+      "bg": "#6f42c1",
+      "border": "rgba(0,0,0,0)"
+    },
+    "closed": {
+      "text": "#ffffff",
+      "bg": "#d73a49",
+      "border": "rgba(0,0,0,0)"
+    }
   }
 }

package.json

 {
   "name": "@primer/primitives",
-  "version": "0.0.0-c215e1e",
+  "version": "0.0.0-c7548e4",
   "description": "Typography, spacing, and color primitives for Primer design system",
@@ -5,0 +5,0 @@ "files": [

No alert changes

Improved metrics

Total package byte prevSize

215387

increased by25.97%

Lines of code

7365

increased by27.67%

No dependency changes