@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
229 lines • 10 kB
JSON
{
"themeDarker": "#ffe092",
"themeDark": "#ffd56c",
"themeDarkAlt": "#ffce51",
"themePrimary": "#ffc83d",
"themeSecondary": "#e0b036",
"themeTertiary": "#997825",
"themeLight": "#4d3c12",
"themeLighter": "#29200a",
"themeLighterAlt": "#0a0802",
"black": "#ffffff",
"blackTranslucent40": "rgba(0,0,0,.4)",
"neutralDark": "#faf9f8",
"neutralPrimary": "#f3f2f1",
"neutralPrimaryAlt": "#c8c6c4",
"neutralSecondary": "#a19f9d",
"neutralSecondaryAlt": "#8a8886",
"neutralTertiary": "#797775",
"neutralTertiaryAlt": "#484644",
"neutralQuaternary": "#3b3a39",
"neutralQuaternaryAlt": "#323130",
"neutralLight": "#292827",
"neutralLighter": "#252423",
"neutralLighterAlt": "#201f1e",
"accent": "#ffc83d",
"white": "#1b1a19",
"whiteTranslucent40": "rgba(255,255,255,.4)",
"yellowDark": "#d29200",
"yellow": "#ffb900",
"yellowLight": "#fff100",
"orange": "#d83b01",
"orangeLight": "#ea4300",
"orangeLighter": "#ff8c00",
"redDark": "#a4262c",
"red": "#e81123",
"magentaDark": "#5c005c",
"magenta": "#b4009e",
"magentaLight": "#e3008c",
"purpleDark": "#32145a",
"purple": "#5c2d91",
"purpleLight": "#b4a0ff",
"blueDark": "#002050",
"blueMid": "#00188f",
"blue": "#0078d4",
"blueLight": "#00bcf2",
"tealDark": "#004b50",
"teal": "#008272",
"tealLight": "#00b294",
"greenDark": "#004b1c",
"green": "#107c10",
"greenLight": "#bad80a",
"primaryBackground": "#1b1a19",
"primaryText": "#f3f2f1",
"bodyBackground": "#1b1a19",
"bodyFrameBackground": "#1b1a19",
"accentButtonText": "#1b1a19",
"buttonBackground": "#1b1a19",
"primaryButtonText": "#1b1a19",
"primaryButtonTextHovered": "#1b1a19",
"primaryButtonTextPressed": "#1b1a19",
"inputBackground": "#1b1a19",
"inputForegroundChecked": "#1b1a19",
"listBackground": "#1b1a19",
"menuBackground": "#1b1a19",
"cardStandoutBackground": "#1b1a19",
"bodyTextChecked": "#ffffff",
"buttonTextCheckedHovered": "#ffffff",
"link": "#ffc83d",
"primaryButtonBackground": "#ffc83d",
"inputBackgroundChecked": "#ffc83d",
"inputIcon": "#ffc83d",
"inputFocusBorderAlt": "#ffc83d",
"menuIcon": "#ffc83d",
"menuHeader": "#ffc83d",
"accentButtonBackground": "#ffc83d",
"primaryButtonBackgroundPressed": "#ffd56c",
"inputBackgroundCheckedHovered": "#ffd56c",
"inputIconHovered": "#ffd56c",
"linkHovered": "#ffe092",
"primaryButtonBackgroundHovered": "#ffce51",
"inputPlaceholderBackgroundChecked": "#29200a",
"bodyBackgroundChecked": "#292827",
"bodyFrameDivider": "#292827",
"bodyDivider": "#292827",
"variantBorder": "#292827",
"buttonBackgroundCheckedHovered": "#292827",
"buttonBackgroundPressed": "#292827",
"listItemBackgroundChecked": "#292827",
"listHeaderBackgroundPressed": "#292827",
"menuItemBackgroundPressed": "#292827",
"menuItemBackgroundChecked": "#292827",
"bodyBackgroundHovered": "#252423",
"buttonBackgroundHovered": "#252423",
"buttonBackgroundDisabled": "#252423",
"buttonBorderDisabled": "#252423",
"primaryButtonBackgroundDisabled": "#252423",
"disabledBackground": "#252423",
"listItemBackgroundHovered": "#252423",
"listHeaderBackgroundHovered": "#252423",
"menuItemBackgroundHovered": "#252423",
"primaryButtonTextDisabled": "#3b3a39",
"disabledSubtext": "#3b3a39",
"listItemBackgroundCheckedHovered": "#323130",
"disabledBodyText": "#797775",
"variantBorderHovered": "#797775",
"buttonTextDisabled": "#797775",
"inputIconDisabled": "#797775",
"disabledText": "#797775",
"bodyText": "#f3f2f1",
"actionLink": "#f3f2f1",
"buttonText": "#f3f2f1",
"inputBorderHovered": "#f3f2f1",
"inputText": "#f3f2f1",
"listText": "#f3f2f1",
"menuItemText": "#f3f2f1",
"bodyStandoutBackground": "#201f1e",
"defaultStateBackground": "#201f1e",
"actionLinkHovered": "#faf9f8",
"buttonTextHovered": "#faf9f8",
"buttonTextChecked": "#faf9f8",
"buttonTextPressed": "#faf9f8",
"inputTextHovered": "#faf9f8",
"menuItemTextHovered": "#faf9f8",
"bodySubtext": "#a19f9d",
"focusBorder": "#a19f9d",
"inputBorder": "#a19f9d",
"smallInputBorder": "#a19f9d",
"inputPlaceholderText": "#a19f9d",
"buttonBorder": "#8a8886",
"disabledBodySubtext": "#484644",
"disabledBorder": "#484644",
"buttonBackgroundChecked": "#484644",
"menuDivider": "#484644",
"cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"cardShadowHovered": "0 0 1px #797775",
"primaryButtonBorder": "transparent",
"errorText": "#F1707B",
"messageText": "#F3F2F1",
"messageLink": "#6CB8F6",
"messageLinkHovered": "#82C7FF",
"infoIcon": "#C8C6C4",
"errorIcon": "#F1707B",
"blockingIcon": "#442726",
"warningIcon": "#C8C6C4",
"severeWarningIcon": "#FCE100",
"successIcon": "#92C353",
"infoBackground": "#323130",
"errorBackground": "#442726",
"blockingBackground": "#442726",
"warningBackground": "#433519",
"severeWarningBackground": "#4F2A0F",
"successBackground": "#393D1B",
"warningHighlight": "#fff100",
"successText": "#92c353",
"listTextColor": "#323130",
"warningText": "#F3F2F1",
"elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
"elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
"elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
"elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
"roundedCorner2": "2px",
"roundedCorner4": "4px",
"roundedCorner6": "6px",
"tinyFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"tinyMozOsxFontSmoothing": "grayscale",
"tinyWebkitFontSmoothing": "antialiased",
"tinyFontSize": "10px",
"tinyFontWeight": 400,
"xSmallFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"xSmallMozOsxFontSmoothing": "grayscale",
"xSmallWebkitFontSmoothing": "antialiased",
"xSmallFontSize": "10px",
"xSmallFontWeight": 400,
"smallFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"smallMozOsxFontSmoothing": "grayscale",
"smallWebkitFontSmoothing": "antialiased",
"smallFontSize": "12px",
"smallFontWeight": 400,
"smallPlusFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"smallPlusMozOsxFontSmoothing": "grayscale",
"smallPlusWebkitFontSmoothing": "antialiased",
"smallPlusFontSize": "12px",
"smallPlusFontWeight": 400,
"mediumFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"mediumMozOsxFontSmoothing": "grayscale",
"mediumWebkitFontSmoothing": "antialiased",
"mediumFontSize": "14px",
"mediumFontWeight": 400,
"mediumPlusFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"mediumPlusMozOsxFontSmoothing": "grayscale",
"mediumPlusWebkitFontSmoothing": "antialiased",
"mediumPlusFontSize": "16px",
"mediumPlusFontWeight": 400,
"largeFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"largeMozOsxFontSmoothing": "grayscale",
"largeWebkitFontSmoothing": "antialiased",
"largeFontSize": "18px",
"largeFontWeight": 400,
"xLargeFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"xLargeMozOsxFontSmoothing": "grayscale",
"xLargeWebkitFontSmoothing": "antialiased",
"xLargeFontSize": "20px",
"xLargeFontWeight": 600,
"xLargePlusFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"xLargePlusMozOsxFontSmoothing": "grayscale",
"xLargePlusWebkitFontSmoothing": "antialiased",
"xLargePlusFontSize": "24px",
"xLargePlusFontWeight": 600,
"xxLargeFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"xxLargeMozOsxFontSmoothing": "grayscale",
"xxLargeWebkitFontSmoothing": "antialiased",
"xxLargeFontSize": "28px",
"xxLargeFontWeight": 600,
"xxLargePlusFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"xxLargePlusMozOsxFontSmoothing": "grayscale",
"xxLargePlusWebkitFontSmoothing": "antialiased",
"xxLargePlusFontSize": "32px",
"xxLargePlusFontWeight": 600,
"superLargeFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"superLargeMozOsxFontSmoothing": "grayscale",
"superLargeWebkitFontSmoothing": "antialiased",
"superLargeFontSize": "42px",
"superLargeFontWeight": 600,
"megaFontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"megaMozOsxFontSmoothing": "grayscale",
"megaWebkitFontSmoothing": "antialiased",
"megaFontSize": "68px",
"megaFontWeight": 600
}