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

hTWOo is a Fluent Design Framework purely in HTML and CSS

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