@newskit-themes/tls

{ "colors": { "inkBrand020": "#9e2905", "inkBrand010": "#c94c22", "inkInformative": "#045a6a", "inkNotice": "#515252", "inkNegative": "#d60000", "inkPositive": "#24784e", "inkDark010": "#130f0c", "inkLight010": "#ffffff", "inkInverse": "#ffffff", "inkNonEssential": "#aaaba9", "inkSubtle": "#696a6a", "inkBase": "#292929", "inkContrast": "#1f1f1f", "interfaceSkeleton020": "#dcddda", "interfaceSkeleton010": "#f4f4f4", "interfaceNeutral020": "#f4f4f4", "interfaceNeutral010": "#292929", "interfaceInformative020": "#edf5f6", "interfaceInformative010": "#045a6a", "interfaceNotice020": "#f4f4f4", "interfaceNotice010": "#292929", "interfaceNegative020": "#fdefef", "interfaceNegative010": "#d60000", "interfacePositive020": "#e5f7ee", "interfacePositive010": "#24784e", "interfaceBrand020": "#f9e5df", "interfaceBrand010": "#c94c22", "interface060": "#130f0c", "interface050": "#1f1f1f", "interface040": "#dcddda", "interface030": "#fbf9f7", "interface020": "#f4f4f4", "interface010": "#ffffff", "interfaceBackground": "#ffffff", "interactiveInput050": "#130f0c", "interactiveInput040": "#1f1f1f", "interactiveInput030": "#fbf1ed", "interactiveInput020": "#909190", "interactiveInput010": "#f4f4f4", "interactiveFocus010": "#3768fb", "interactiveVisited010": "#c94c22", "interactiveDisabled010": "#dcddda", "interactiveLink030": "#69250d", "interactiveLink020": "#9e2905", "interactiveLink010": "#c94c22", "interactiveInverse050": "#ffffffcc", "interactiveInverse040": "#ffffffb3", "interactiveInverse030": "#ffffff", "interactiveInverse020": "#ffffff33", "interactiveInverse010": "#ffffff1a", "interactiveNegative050": "#7d0000", "interactiveNegative040": "#a90000", "interactiveNegative030": "#d60000", "interactiveNegative020": "#fed8d8", "interactiveNegative010": "#fdefef", "interactivePositive050": "#14432c", "interactivePositive040": "#1c5e3c", "interactivePositive030": "#24784e", "interactivePositive020": "#c1ebd6", "interactivePositive010": "#e5f7ee", "interactiveSecondary050": "#515252", "interactiveSecondary040": "#292929", "interactiveSecondary030": "#1f1f1f", "interactiveSecondary020": "#dcddda", "interactiveSecondary010": "#f4f4f4", "interactivePrimary050": "#69250d", "interactivePrimary040": "#9e2905", "interactivePrimary030": "#c94c22", "interactivePrimary020": "#f9e5df", "interactivePrimary010": "#fbf1ed", "blue010": "#ebf4fc", "blue020": "#c8e0f6", "blue030": "#a1caef", "blue040": "#73b0e8", "blue050": "#4595e0", "blue060": "#1976cb", "blue070": "#075298", "blue080": "#053b6e", "blue090": "#03203b", "blue100": "#021222", "green010": "#e5f7ee", "green020": "#c1ebd6", "green030": "#7fd7aa", "green040": "#4bbf84", "green050": "#3aa36e", "green060": "#24784e", "green070": "#1c5e3c", "green080": "#14432c", "green090": "#0b2317", "green100": "#06130d", "red100": "#2d0000", "red090": "#550000", "red080": "#7d0000", "red070": "#a90000", "red060": "#d60000", "red050": "#fb5959", "red040": "#fe8888", "red030": "#feb3b3", "red020": "#fed8d8", "red010": "#fdefef", "orange010": "#fbf1ed", "orange020": "#f9e5df", "orange030": "#f4b8a6", "orange040": "#f19276", "orange050": "#ef6e4a", "orange060": "#c94c22", "orange070": "#9e2905", "orange080": "#69250d", "orange090": "#381407", "orange100": "#210b04", "amber005": "#fbf9f7", "amber010": "#faf2e5", "amber020": "#fad7a8", "amber030": "#faba64", "amber040": "#d8a056", "amber050": "#b78849", "amber060": "#936d3b", "amber070": "#684d2a", "amber080": "#4b371e", "amber090": "#281d10", "amber100": "#161009", "teal010": "#edf5f6", "teal020": "#c9e2e4", "teal030": "#a3cdd1", "teal040": "#76b5bb", "teal050": "#499da5", "teal060": "#017581", "teal070": "#045a6a", "teal080": "#084052", "teal090": "#04222c", "teal100": "#021319", "purple010": "#eff0ff", "purple020": "#dfe0fe", "purple030": "#c0c2fc", "purple040": "#a3a3fb", "purple050": "#8883f6", "purple060": "#6454e3", "purple070": "#4c33cc", "purple080": "#37239c", "purple090": "#231668", "purple100": "#0f0936", "neutral010": "#f4f4f4", "neutral020": "#dcddda", "neutral030": "#c4c6c3", "neutral040": "#aaaba9", "neutral050": "#909190", "neutral060": "#696a6a", "neutral070": "#515252", "neutral080": "#292929", "neutral090": "#1f1f1f", "neutral100": "#130f0c", "focus010": "#3768fb", "blackTint010": "#0000001a", "blackTint020": "#00000033", "blackTint030": "#0000004d", "blackTint040": "#00000066", "blackTint050": "#00000080", "blackTint060": "#00000099", "blackTint070": "#000000b3", "blackTint080": "#000000cc", "blackTint090": "#000000e6", "black": "#111111", "whiteTint010": "#ffffff1a", "whiteTint020": "#ffffff33", "whiteTint030": "#ffffff4d", "whiteTint040": "#ffffff66", "whiteTint050": "#ffffff80", "whiteTint060": "#ffffff99", "whiteTint070": "#ffffffb3", "whiteTint080": "#ffffffcc", "whiteTint090": "#ffffffe6", "white": "#ffffff", "Reddit": "#ff4500", "Whatsapp": "#25d366", "Youtube": "#ff0000", "Instagram": "#c32aa3", "Facebook": "#1877f2", "Twitter": "#1da1f2", "Github": "#000000", "Apple": "#000000", "GoogleBlue": "#4285f4", "GoogleRed": "#db4437", "GoogleYellow": "#f4b400", "GoogleGreen": "#0f9d58", "transparent": "transparent" }, "overlays": { "overlayTintBase010": "#00000033", "overlayTintBase020": "#00000066", "overlayTintBase030": "#00000099", "overlayTintBase040": "#000000cc", "overlayTintInverse010": "#ffffff33", "overlayTintInverse020": "#ffffff66", "overlayTintInverse030": "#ffffff99", "overlayTintInverse040": "#ffffffcc", "overlayGradientBaseVertical": "linear-gradient(0deg, #ffffff00 0%, #ffffff 100%)", "overlayGradientBaseHorizontal": "linear-gradient(90deg, #ffffff00 0%, #ffffff 100%)", "overlayGradientInverseVertical": "linear-gradient(0deg, #11111100 0%, #111111 100%)", "overlayGradientInverseHorizontal": "linear-gradient(90deg, #11111100 0%, #111111 100%)" }, "fonts": { "fontWeight100": 100, "fontWeight200": 200, "fontWeight300": 300, "fontWeight400": 400, "fontWeight401": 400, "fontWeight500": 500, "fontWeight600": 600, "fontWeight700": 700, "fontWeight800": 800, "fontWeight900": 900, "fontFamily010": { "fontFamily": "Graphik App" }, "fontFamily020": { "fontFamily": "Publico Headline App" }, "fontFamily030": { "fontFamily": "Publico Text App" }, "fontSize010": "12px", "fontSize020": "14px", "fontSize030": "16px", "fontSize040": "18px", "fontSize050": "20px", "fontSize060": "22px", "fontSize070": "24px", "fontSize080": "28px", "fontSize090": "32px", "fontSize100": "36px", "fontSize110": "40px", "fontSize120": "44px", "fontSize130": "48px", "fontSize140": "56px", "fontSize150": "64px", "fontSize160": "80px", "letterSpacing010": "-0.01em", "letterSpacing020": "-0.005em", "letterSpacing030": "0em", "letterSpacing040": "0.005em", "letterSpacing050": "0.01em", "fontLineHeight010": 1, "fontLineHeight020": 1.125, "fontLineHeight030": 1.25, "fontLineHeight040": 1.5, "fontLineHeight050": 1.75, "fontLineHeight060": 2, "fontStyleNormal": "normal", "fontStyleItalic": "italic", "fontStyleOblique": "oblique" }, "sizing": { "sizing000": "0px", "sizing010": "4px", "sizing020": "8px", "sizing030": "12px", "sizing040": "16px", "sizing045": "20px", "sizing050": "24px", "sizing060": "32px", "sizing070": "40px", "sizing080": "48px", "sizing090": "64px", "sizing100": "80px", "sizing110": "120px", "sizing120": "160px", "iconSize005": "8px", "iconSize010": "16px", "iconSize020": "24px", "iconSize030": "32px", "iconSize040": "48px", "iconSize050": "64px" }, "spacePresets": { "space000": "0px", "space010": "4px", "space020": "8px", "space030": "12px", "space040": "16px", "space045": "20px", "space050": "24px", "space060": "32px", "space070": "40px", "space080": "48px", "space090": "64px", "space100": "80px", "space110": "120px", "space120": "160px" }, "typographyPresets": { "editorialDisplay010": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "56px", "letterSpacing": "0em" }, "editorialDisplay020": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "64px", "letterSpacing": "0em" }, "editorialDisplay030": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "80px", "letterSpacing": "0em" }, "editorialHeadline010": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "18px", "letterSpacing": "0em" }, "editorialHeadline020": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "20px", "letterSpacing": "0em" }, "editorialHeadline030": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "24px", "letterSpacing": "0em" }, "editorialHeadline040": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "28px", "letterSpacing": "0em" }, "editorialHeadline050": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "32px", "letterSpacing": "0em" }, "editorialHeadline060": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "36px", "letterSpacing": "0em" }, "editorialHeadline070": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "40px", "letterSpacing": "0em" }, "editorialHeadline080": { "fontFamily": "Publico Headline App", "fontWeight": 700, "lineHeight": 1.25, "fontSize": "48px", "letterSpacing": "0em" }, "editorialSubheadline010": { "fontFamily": "Publico Headline App", "fontWeight": 400, "lineHeight": 1.25, "fontSize": "16px", "letterSpacing": "0em" }, "editorialSubheadline020": { "fontFamily": "Publico Headline App", "fontWeight": 400, "lineHeight": 1.25, "fontSize": "20px", "letterSpacing": "0em" }, "editorialSubheadline030": { "fontFamily": "Publico Headline App", "fontWeight": 400, "lineHeight": 1.25, "fontSize": "24px", "letterSpacing": "0em" }, "editorialSubheadline040": { "fontFamily": "Publico Headline App", "fontWeight": 400, "lineHeight": 1.25, "fontSize": "28px", "letterSpacing": "0em" }, "editorialSubheadline050": { "fontFamily": "Publico Headline App", "fontWeight": 400, "lineHeight": 1.25, "fontSize": "32px", "letterSpacing": "0em" }, "editorialParagraph010": { "fontFamily": "Publico Text App", "fontWeight": 400, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" }, "editorialParagraph020": { "fontFamily": "Publico Text App", "fontWeight": 400, "lineHeight": 1.75, "fontSize": "16px", "letterSpacing": "0em" }, "editorialParagraph030": { "fontFamily": "Publico Text App", "fontWeight": 400, "lineHeight": 1.75, "fontSize": "18px", "letterSpacing": "0em" }, "editorialQuote010": { "fontFamily": "Publico Text App", "fontWeight": "italic", "lineHeight": 1.25, "fontSize": "22px", "letterSpacing": "0em" }, "editorialQuote020": { "fontFamily": "Publico Text App", "fontWeight": "italic", "lineHeight": 1.25, "fontSize": "28px", "letterSpacing": "0em" }, "editorialCaption010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" }, "editorialLabel010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.25, "fontSize": "12px", "letterSpacing": "0em" }, "editorialLabel020": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.25, "fontSize": "14px", "letterSpacing": "0em" }, "editorialLabel030": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.25, "fontSize": "16px", "letterSpacing": "0em" }, "utilityHeading010": { "fontFamily": "Graphik App", "fontWeight": 600, "lineHeight": 1.125, "fontSize": "16px", "letterSpacing": "0em" }, "utilityHeading020": { "fontFamily": "Graphik App", "fontWeight": 600, "lineHeight": 1.125, "fontSize": "18px", "letterSpacing": "0em" }, "utilityHeading030": { "fontFamily": "Graphik App", "fontWeight": 600, "lineHeight": 1.125, "fontSize": "20px", "letterSpacing": "0em" }, "utilityHeading040": { "fontFamily": "Graphik App", "fontWeight": 600, "lineHeight": 1.125, "fontSize": "22px", "letterSpacing": "0em" }, "utilityHeading050": { "fontFamily": "Graphik App", "fontWeight": 600, "lineHeight": 1.125, "fontSize": "24px", "letterSpacing": "0em" }, "utilitySubheading010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.125, "fontSize": "14px", "letterSpacing": "0em" }, "utilitySubheading020": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.125, "fontSize": "16px", "letterSpacing": "0em" }, "utilitySubheading030": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.125, "fontSize": "18px", "letterSpacing": "0em" }, "utilitySubheading040": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.125, "fontSize": "20px", "letterSpacing": "0em" }, "utilitySubheading050": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.125, "fontSize": "22px", "letterSpacing": "0em" }, "utilityBody010": { "fontFamily": "Graphik App", "fontWeight": 400, "lineHeight": 1.5, "fontSize": "12px", "letterSpacing": "0em" }, "utilityBody020": { "fontFamily": "Graphik App", "fontWeight": 400, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" }, "utilityBody030": { "fontFamily": "Graphik App", "fontWeight": 400, "lineHeight": 1.5, "fontSize": "16px", "letterSpacing": "0em" }, "utilityLabel010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "12px", "letterSpacing": "0em" }, "utilityLabel020": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" }, "utilityLabel030": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "16px", "letterSpacing": "0em" }, "utilityButton010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "12px", "letterSpacing": "0em" }, "utilityButton020": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" }, "utilityButton030": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "16px", "letterSpacing": "0em" }, "utilityMeta010": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "12px", "letterSpacing": "0em" }, "utilityMeta020": { "fontFamily": "Graphik App", "fontWeight": 500, "lineHeight": 1.5, "fontSize": "14px", "letterSpacing": "0em" } }, "borders": { "borderRadiusDefault": "4px", "borderRadiusRounded010": "4px", "borderRadiusRounded020": "8px", "borderRadiusRounded030": "12px", "borderRadiusRounded040": "16px", "borderRadiusRounded050": "24px", "borderRadiusSharp": "0px", "borderRadiusCircle": "50%", "borderRadiusPill": "20rem", "borderWidthDefault": "1px", "borderWidth000": "0px", "borderWidth010": "1px", "borderWidth020": "2px", "borderWidth030": "4px" }, "shadows": { "shadow010": "0px 0.5px 2px 0px #11111114", "shadow020": "0px 2px 4px 0px #11111114", "shadow030": "0px 4px 8px 0px #11111114", "shadow040": "0px 8px 16px 0px #11111114", "shadow050": "0px 16px 24px 0px #11111114", "shadow060": "0px 20px 32px 0px #11111114" } }