@finbertmds/fuselage-tokens
Version:
Design tokens for Fuselage, Rocket.Chat's design system
122 lines • 6.8 kB
JavaScript
export default {
"buttonLightBackgroundPrimaryDefault": "{colors.b500}",
"buttonLightBackgroundPrimaryHover": "{colors.b600}",
"buttonLightBackgroundPrimaryPress": "{colors.b700}",
"buttonLightBackgroundPrimaryFocus": "{colors.b500}",
"buttonLightBackgroundPrimaryKeyfocus": "{colors.b500}",
"buttonLightBackgroundPrimaryDisabled": "{colors.b200}",
"buttonLightFontOnPrimary": "{colors.white}",
"buttonLightFontOnPrimaryDisabled": "{colors.white}",
"buttonLightBackgroundSecondaryDefault": "{colors.n400}",
"buttonLightBackgroundSecondaryHover": "{colors.n500}",
"buttonLightBackgroundSecondaryPress": "{colors.n600}",
"buttonLightBackgroundSecondaryFocus": "{colors.n400}",
"buttonLightBackgroundSecondaryKeyfocus": "{colors.n400}",
"buttonLightBackgroundSecondaryDisabled": "{colors.n300}",
"buttonLightFontOnSecondary": "{colors.n900}",
"buttonLightFontOnSecondaryDisabled": "{colors.n500}",
"buttonLightBackgroundSecondaryDangerDefault": "{colors.n400}",
"buttonLightBackgroundSecondaryDangerHover": "{colors.n500}",
"buttonLightBackgroundSecondaryDangerPress": "{colors.n600}",
"buttonLightBackgroundSecondaryDangerFocus": "{colors.n400}",
"buttonLightBackgroundSecondaryDangerKeyfocus": "{colors.n400}",
"buttonLightBackgroundSecondaryDangerDisabled": "{colors.n300}",
"buttonLightFontOnSecondaryDanger": "{colors.r700}",
"buttonLightOnSecondaryDangerDisabled": "{colors.r300}",
"buttonLightBackgroundDangerDefault": "{colors.r500}",
"buttonLightBackgroundDangerHover": "{colors.r600}",
"buttonLightBackgroundDangerPress": "{colors.r700}",
"buttonLightBackgroundDangerFocus": "{colors.r500}",
"buttonLightBackgroundDangerKeyfocus": "{colors.r500}",
"buttonLightBackgroundDangerDisabled": "{colors.r200}",
"buttonLightFontOnDanger": "{colors.white}",
"buttonLightFontOnDangerDisabled": "{colors.white}",
"buttonLightBackgroundSuccessDefault": "{colors.g800}",
"buttonLightBackgroundSuccessHover": "{colors.g900}",
"buttonLightBackgroundSuccessPress": "{colors.g1000}",
"buttonLightBackgroundSuccessFocus": "{colors.g800}",
"buttonLightBackgroundSuccessKeyfocus": "{colors.g800}",
"buttonLightBackgroundSuccessDisabled": "{colors.g200}",
"buttonLightFontOnSuccess": "{colors.white}",
"buttonLightFontOnSuccessDisabled": "{colors.white}",
"buttonHighContrastBackgroundPrimaryDefault": "{colors.b700}",
"buttonHighContrastBackgroundPrimaryHover": "{colors.b800}",
"buttonHighContrastBackgroundPrimaryPress": "{colors.b900}",
"buttonHighContrastBackgroundPrimaryFocus": "{colors.b700}",
"buttonHighContrastBackgroundPrimaryKeyfocus": "{colors.b700}",
"buttonHighContrastBackgroundPrimaryDisabled": "{colors.b200}",
"buttonHighContrastFontOnPrimary": "{colors.white}",
"buttonHighContrastFontOnPrimaryDisabled": "{colors.white}",
"buttonHighContrastBackgroundSecondaryDefault": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryHover": "{colors.n500}",
"buttonHighContrastBackgroundSecondaryPress": "{colors.n600}",
"buttonHighContrastBackgroundSecondaryFocus": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryKeyfocus": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryDisabled": "{colors.n300}",
"buttonHighContrastFontOnSecondary": "{colors.n900}",
"buttonHighContrastFontOnSecondaryDisabled": "{colors.n500}",
"buttonHighContrastBackgroundSecondaryDangerDefault": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryDangerHover": "{colors.n500}",
"buttonHighContrastBackgroundSecondaryDangerPress": "{colors.n600}",
"buttonHighContrastBackgroundSecondaryDangerFocus": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryDangerKeyfocus": "{colors.n400}",
"buttonHighContrastBackgroundSecondaryDangerDisabled": "{colors.n300}",
"buttonHighContrastFontOnSecondaryDanger": "{colors.r900}",
"buttonHighContrastOnSecondaryDangerDisabled": "{colors.r300}",
"buttonHighContrastBackgroundDangerDefault": "{colors.r800}",
"buttonHighContrastBackgroundDangerHover": "{colors.r900}",
"buttonHighContrastBackgroundDangerPress": "{colors.r900}",
"buttonHighContrastBackgroundDangerFocus": "{colors.r800}",
"buttonHighContrastBackgroundDangerKeyfocus": "{colors.r800}",
"buttonHighContrastBackgroundDangerDisabled": "{colors.r200}",
"buttonHighContrastFontOnDanger": "{colors.white}",
"buttonHighContrastFontOnDangerDisabled": "{colors.white}",
"buttonHighContrastBackgroundSuccessDefault": "{colors.g500}",
"buttonHighContrastBackgroundSuccessHover": "{colors.g600}",
"buttonHighContrastBackgroundSuccessPress": "{colors.g700}",
"buttonHighContrastBackgroundSuccessFocus": "{colors.g500}",
"buttonHighContrastBackgroundSuccessKeyfocus": "{colors.g500}",
"buttonHighContrastBackgroundSuccessDisabled": "{colors.g200}",
"buttonHighContrastFontOnSuccess": "{colors.n900}",
"buttonHighContrastFontOnSuccessDisabled": "{colors.white}",
"buttonDarkBackgroundPrimaryDefault": "#095AD2",
"buttonDarkBackgroundPrimaryHover": "#10529E",
"buttonDarkBackgroundPrimaryPress": "#01336B",
"buttonDarkBackgroundPrimaryFocus": "#095AD2",
"buttonDarkBackgroundPrimaryKeyfocus": "#095AD2",
"buttonDarkBackgroundPrimaryDisabled": "#012247",
"buttonDarkFontOnPrimary": "#FFFFFF",
"buttonDarkFontOnPrimaryDisabled": "#6C727A",
"buttonDarkBackgroundSecondaryDefault": "#353B45",
"buttonDarkBackgroundSecondaryHover": "#404754",
"buttonDarkBackgroundSecondaryPress": "#4C5362",
"buttonDarkBackgroundSecondaryFocus": "#353B45",
"buttonDarkBackgroundSecondaryKeyfocus": "#353B45",
"buttonDarkBackgroundSecondaryDisabled": "#353B45",
"buttonDarkFontOnSecondary": "#E4E7EA",
"buttonDarkFontOnSecondaryDisabled": "#6C727A",
"buttonDarkBackgroundSecondaryDangerDefault": "#353B45",
"buttonDarkBackgroundSecondaryDangerHover": "#404754",
"buttonDarkBackgroundSecondaryDangerPress": "#4C5362",
"buttonDarkBackgroundSecondaryDangerFocus": "#353B45",
"buttonDarkBackgroundSecondaryDangerKeyfocus": "#353B45",
"buttonDarkBackgroundSecondaryDangerDisabled": "#353B45",
"buttonDarkFontOnSecondaryDanger": "#FFC1C9",
"buttonDarkOnSecondaryDangerDisabled": "#6B0513",
"buttonDarkBackgroundDangerDefault": "#BB3E4E",
"buttonDarkBackgroundDangerHover": "#95323F",
"buttonDarkBackgroundDangerPress": "#822C37",
"buttonDarkBackgroundDangerFocus": "#BB3E4E",
"buttonDarkBackgroundDangerKeyfocus": "#BB3E4E",
"buttonDarkBackgroundDangerDisabled": "#3D2126",
"buttonDarkFontOnDanger": "#FFFFFF",
"buttonDarkFontOnDangerDisabled": "#757575",
"buttonDarkBackgroundSuccessDefault": "#1D7256",
"buttonDarkBackgroundSuccessHover": "#175943",
"buttonDarkBackgroundSuccessPress": "#134937",
"buttonDarkBackgroundSuccessFocus": "#1D7256",
"buttonDarkBackgroundSuccessKeyfocus": "#1D7256",
"buttonDarkBackgroundSuccessDisabled": "#1E4B40",
"buttonDarkFontOnSuccess": "#FFFFFF",
"buttonDarkFontOnSuccessDisabled": "#757575"
};