@n8d/htwoo-core/lib/sass/themes/teal.theme.json

hTWOo is a Fluent Design Framework purely in HTML and CSS

{
    "accentButtonBackground": "#4f6bed",
    "accentButtonText": "#ffffff",
    "actionLink": "#323130",
    "actionLinkHovered": "#201f1e",
    "blockingBackground": "#FDE7E9",
    "blockingIcon": "#FDE7E9",
    "bodyBackground": "#ffffff",
    "bodyBackgroundChecked": "#edebe9",
    "bodyBackgroundHovered": "#f3f2f1",
    "bodyDivider": "#edebe9",
    "bodyFrameBackground": "#ffffff",
    "bodyFrameDivider": "#edebe9",
    "bodyStandoutBackground": "#faf9f8",
    "bodySubtext": "#605e5c",
    "bodyText": "#323130",
    "bodyTextChecked": "#000000",
    "buttonBackground": "#ffffff",
    "buttonBackgroundChecked": "#c8c6c4",
    "buttonBackgroundCheckedHovered": "#edebe9",
    "buttonBackgroundDisabled": "#f3f2f1",
    "buttonBackgroundHovered": "#f3f2f1",
    "buttonBackgroundPressed": "#edebe9",
    "buttonBorder": "#8a8886",
    "buttonBorderDisabled": "#f3f2f1",
    "buttonText": "#323130",
    "buttonTextChecked": "#201f1e",
    "buttonTextCheckedHovered": "#000000",
    "buttonTextDisabled": "#a19f9d",
    "buttonTextHovered": "#201f1e",
    "buttonTextPressed": "#201f1e",
    "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 #a19f9d",
    "cardStandoutBackground": "#ffffff",
    "defaultStateBackground": "#faf9f8",
    "disabledBackground": "#f3f2f1",
    "disabledBodySubtext": "#c8c6c4",
    "disabledBodyText": "#a19f9d",
    "disabledBorder": "#c8c6c4",
    "disabledSubtext": "#d2d0ce",
    "disabledText": "#a19f9d",
    "errorBackground": "#FDE7E9",
    "errorIcon": "#A80000",
    "errorText": "#a4262c",
    "focusBorder": "#605e5c",
    "infoBackground": "#f3f2f1",
    "infoIcon": "#605e5c",
    "inputBackground": "#ffffff",
    "inputBackgroundChecked": "#03787c",
    "inputBackgroundCheckedHovered": "#025c5f",
    "inputBorder": "#605e5c",
    "inputBorderHovered": "#323130",
    "inputFocusBorderAlt": "#03787c",
    "inputForegroundChecked": "#ffffff",
    "inputIcon": "#03787c",
    "inputIconDisabled": "#a19f9d",
    "inputIconHovered": "#025c5f",
    "inputPlaceholderBackgroundChecked": "#c5e9ea",
    "inputPlaceholderText": "#605e5c",
    "inputText": "#323130",
    "inputTextHovered": "#201f1e",
    "link": "#03787c",
    "linkHovered": "#014446",
    "listBackground": "#ffffff",
    "listHeaderBackgroundHovered": "#f3f2f1",
    "listHeaderBackgroundPressed": "#edebe9",
    "listItemBackgroundChecked": "#edebe9",
    "listItemBackgroundCheckedHovered": "#e1dfdd",
    "listItemBackgroundHovered": "#f3f2f1",
    "listText": "#323130",
    "listTextColor": "#323130",
    "menuBackground": "#ffffff",
    "menuDivider": "#c8c6c4",
    "menuHeader": "#03787c",
    "menuIcon": "#03787c",
    "menuItemBackgroundChecked": "#edebe9",
    "menuItemBackgroundHovered": "#f3f2f1",
    "menuItemBackgroundPressed": "#edebe9",
    "menuItemText": "#323130",
    "menuItemTextHovered": "#201f1e",
    "messageLink": "#005A9E",
    "messageLinkHovered": "#004578",
    "messageText": "#323130",
    "primaryButtonBackground": "#03787c",
    "primaryButtonBackgroundDisabled": "#f3f2f1",
    "primaryButtonBackgroundHovered": "#026d70",
    "primaryButtonBackgroundPressed": "#025c5f",
    "primaryButtonBorder": "transparent",
    "primaryButtonText": "#ffffff",
    "primaryButtonTextDisabled": "#d2d0ce",
    "primaryButtonTextHovered": "#ffffff",
    "primaryButtonTextPressed": "#ffffff",
    "severeWarningBackground": "#FED9CC",
    "severeWarningIcon": "#D83B01",
    "smallInputBorder": "#605e5c",
    "successBackground": "#DFF6DD",
    "successIcon": "#107C10",
    "successText": "#107C10",
    "variantBorder": "#edebe9",
    "variantBorderHovered": "#a19f9d",
    "warningBackground": "#FFF4CE",
    "warningHighlight": "#ffb900",
    "warningIcon": "#797775",
    "warningText": "#323130",
    "accent": "#4f6bed",
    "black": "#000000",
    "blackTranslucent40": "rgba(0,0,0,.4)",
    "blue": "#0078d4",
    "blueDark": "#002050",
    "blueLight": "#00bcf2",
    "blueMid": "#00188f",
    "green": "#107c10",
    "greenDark": "#004b1c",
    "greenLight": "#bad80a",
    "magenta": "#b4009e",
    "magentaDark": "#5c005c",
    "magentaLight": "#e3008c",
    "neutralDark": "#201f1e",
    "neutralLight": "#edebe9",
    "neutralLighter": "#f3f2f1",
    "neutralLighterAlt": "#faf9f8",
    "neutralPrimary": "#323130",
    "neutralPrimaryAlt": "#3b3a39",
    "neutralQuaternary": "#d2d0ce",
    "neutralQuaternaryAlt": "#e1dfdd",
    "neutralSecondary": "#605e5c",
    "neutralSecondaryAlt": "#8a8886",
    "neutralTertiary": "#a19f9d",
    "neutralTertiaryAlt": "#c8c6c4",
    "orange": "#d83b01",
    "orangeLight": "#ea4300",
    "orangeLighter": "#ff8c00",
    "primaryBackground": "#ffffff",
    "primaryText": "#333333",
    "purple": "#5c2d91",
    "purpleDark": "#32145a",
    "purpleLight": "#b4a0ff",
    "red": "#e81123",
    "redDark": "#a4262c",
    "teal": "#008272",
    "tealDark": "#004b50",
    "tealLight": "#00b294",
    "themeDark": "#025c5f",
    "themeDarkAlt": "#026d70",
    "themeDarker": "#014446",
    "themeLight": "#98d6d8",
    "themeLighter": "#c5e9ea",
    "themeLighterAlt": "#f0f9fa",
    "themePrimary": "#03787c",
    "themeSecondary": "#13898d",
    "themeTertiary": "#49aeb1",
    "white": "#ffffff",
    "whiteTranslucent40": "rgba(255,255,255,.4)",
    "yellow": "#ffb900",
    "yellowDark": "#d29200",
    "yellowLight": "#fff100"
}