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

hTWOo is a Fluent Design Framework purely in HTML and CSS

{
    "accentButtonBackground": "#3a96dd",
    "accentButtonText": "#182534",
    "actionLink": "#ffffff",
    "actionLinkHovered": "#f4f4f4",
    "blockingBackground": "#442726",
    "blockingIcon": "#442726",
    "bodyBackground": "#182534",
    "bodyBackgroundChecked": "#2b3d51",
    "bodyBackgroundHovered": "#223244",
    "bodyDivider": "#2b3d51",
    "bodyFrameBackground": "#182534",
    "bodyFrameDivider": "#2b3d51",
    "bodyStandoutBackground": "#1d2b3c",
    "bodySubtext": "#d0d0d0",
    "bodyText": "#ffffff",
    "bodyTextChecked": "#f8f8f8",
    "buttonBackground": "#182534",
    "buttonBackgroundChecked": "#4f637a",
    "buttonBackgroundCheckedHovered": "#2b3d51",
    "buttonBackgroundDisabled": "#223244",
    "buttonBackgroundHovered": "#223244",
    "buttonBackgroundPressed": "#2b3d51",
    "buttonBorder": "#8a8886",
    "buttonBorderDisabled": "#223244",
    "buttonText": "#ffffff",
    "buttonTextChecked": "#f4f4f4",
    "buttonTextCheckedHovered": "#f8f8f8",
    "buttonTextDisabled": "#c8c8c8",
    "buttonTextHovered": "#f4f4f4",
    "buttonTextPressed": "#f4f4f4",
    "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 #c8c8c8",
    "cardStandoutBackground": "#182534",
    "defaultStateBackground": "#1d2b3c",
    "disabledBackground": "#223244",
    "disabledBodySubtext": "#4f637a",
    "disabledBodyText": "#c8c8c8",
    "disabledBorder": "#4f637a",
    "disabledSubtext": "#374a5f",
    "disabledText": "#c8c8c8",
    "errorBackground": "#442726",
    "errorIcon": "#F1707B",
    "errorText": "#F1707B",
    "focusBorder": "#d0d0d0",
    "infoBackground": "#323130",
    "infoIcon": "#C8C6C4",
    "inputBackground": "#182534",
    "inputBackgroundChecked": "#3a96dd",
    "inputBackgroundCheckedHovered": "#65aee6",
    "inputBorder": "#d0d0d0",
    "inputBorderHovered": "#ffffff",
    "inputFocusBorderAlt": "#3a96dd",
    "inputForegroundChecked": "#182534",
    "inputIcon": "#3a96dd",
    "inputIconDisabled": "#c8c8c8",
    "inputIconHovered": "#65aee6",
    "inputPlaceholderBackgroundChecked": "#091823",
    "inputPlaceholderText": "#d0d0d0",
    "inputText": "#ffffff",
    "inputTextHovered": "#f4f4f4",
    "link": "#3a96dd",
    "linkHovered": "#8ac2ec",
    "listBackground": "#182534",
    "listHeaderBackgroundHovered": "#223244",
    "listHeaderBackgroundPressed": "#2b3d51",
    "listItemBackgroundChecked": "#2b3d51",
    "listItemBackgroundCheckedHovered": "#324459",
    "listItemBackgroundHovered": "#223244",
    "listText": "#ffffff",
    "listTextColor": "#323130",
    "menuBackground": "#182534",
    "menuDivider": "#4f637a",
    "menuHeader": "#3a96dd",
    "menuIcon": "#3a96dd",
    "menuItemBackgroundChecked": "#2b3d51",
    "menuItemBackgroundHovered": "#223244",
    "menuItemBackgroundPressed": "#2b3d51",
    "menuItemText": "#ffffff",
    "menuItemTextHovered": "#f4f4f4",
    "messageLink": "#6CB8F6",
    "messageLinkHovered": "#82C7FF",
    "messageText": "#F3F2F1",
    "primaryButtonBackground": "#3a96dd",
    "primaryButtonBackgroundDisabled": "#223244",
    "primaryButtonBackgroundHovered": "#4ba0e1",
    "primaryButtonBackgroundPressed": "#65aee6",
    "primaryButtonBorder": "transparent",
    "primaryButtonText": "#182534",
    "primaryButtonTextDisabled": "#374a5f",
    "primaryButtonTextHovered": "#182534",
    "primaryButtonTextPressed": "#182534",
    "severeWarningBackground": "#4F2A0F",
    "severeWarningIcon": "#FCE100",
    "smallInputBorder": "#d0d0d0",
    "successBackground": "#393D1B",
    "successIcon": "#92C353",
    "successText": "#92c353",
    "variantBorder": "#2b3d51",
    "variantBorderHovered": "#c8c8c8",
    "warningBackground": "#433519",
    "warningHighlight": "#fff100",
    "warningIcon": "#C8C6C4",
    "warningText": "#F3F2F1",
    "accent": "#3a96dd",
    "backgroundImageUri": "none",
    "backgroundOverlay": "",
    "black": "#f8f8f8",
    "blackTranslucent40": "rgba(0,0,0,.4)",
    "blue": "#0078d4",
    "blueDark": "#002050",
    "blueLight": "#00bcf2",
    "blueMid": "#00188f",
    "dialogBorder": "#223244",
    "green": "#107c10",
    "greenDark": "#004b1c",
    "greenLight": "#bad80a",
    "magenta": "#b4009e",
    "magentaDark": "#5c005c",
    "magentaLight": "#e3008c",
    "neutralDark": "#f4f4f4",
    "neutralLight": "#2b3d51",
    "neutralLighter": "#223244",
    "neutralLighterAlt": "#1d2b3c",
    "neutralPrimary": "#ffffff",
    "neutralPrimaryAlt": "#dadada",
    "neutralQuaternary": "#374a5f",
    "neutralQuaternaryAlt": "#324459",
    "neutralSecondary": "#d0d0d0",
    "neutralSecondaryAlt": "#8a8886",
    "neutralTertiary": "#c8c8c8",
    "neutralTertiaryAlt": "#4f637a",
    "orange": "#d83b01",
    "orangeLight": "#ea4300",
    "orangeLighter": "#ff8c00",
    "primaryBackground": "#182534",
    "primaryText": "#ffffff",
    "purple": "#5c2d91",
    "purpleDark": "#32145a",
    "purpleLight": "#b4a0ff",
    "red": "#e81123",
    "redDark": "#a4262c",
    "suiteBarBackground": "#3a96dd",
    "suiteBarDisabledText": "#2b3d51",
    "suiteBarText": "#182534",
    "teal": "#008272",
    "tealDark": "#004b50",
    "tealLight": "#00b294",
    "themeDark": "#65aee6",
    "themeDarkAlt": "#4ba0e1",
    "themeDarker": "#8ac2ec",
    "themeLight": "#112d43",
    "themeLighter": "#091823",
    "themeLighterAlt": "#020609",
    "themePrimary": "#3a96dd",
    "themeSecondary": "#3385c3",
    "themeTertiary": "#235a85",
    "topBarBackground": "#2b3d51",
    "topBarHoverText": "#ffffff",
    "topBarText": "#d0d0d0",
    "white": "#182534",
    "whiteTranslucent40": "rgba(255,255,255,.4)",
    "yellow": "#ffb900",
    "yellowDark": "#d29200",
    "yellowLight": "#fff100"
}