@atlaskit/logo
Version:
A logo is a visual representation of a brand or app. It can be a word, an image, or a combination of both.
51 lines (50 loc) • 1.82 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getColorsFromAppearanceOldLogos = void 0;
// TODO: This is where we need to add tokens for all appearance color values
var getColorsFromAppearanceOldLogos = exports.getColorsFromAppearanceOldLogos = function getColorsFromAppearanceOldLogos(appearance, colorMode) {
var iconGradientStart, iconGradientStop, iconColor, textColor, atlassianLogoTextColor;
switch (appearance) {
case 'brand':
iconGradientStart = '#0052CC';
iconGradientStop = '#2684FF';
iconColor = '#2684FF';
textColor = "var(--ds-text, #292A2E)";
// This is only used for the top level Atlassian wordmark (see AtlassianLogo
// or AtlassianStartLogo for example), and is only different for the Brand
// appearance - a bold brand color. For other appearances,
// atlassianLogoTextColor is the same as textColor.
atlassianLogoTextColor = '#0052CC';
break;
case 'neutral':
iconGradientStart = '#344563';
iconGradientStop = '#7A869A';
iconColor = '#7A869A';
textColor = '#505F79';
atlassianLogoTextColor = '#505F79';
break;
case 'inverse':
iconGradientStart = '#FFFFFF66';
iconGradientStop = '#FFFFFF';
iconColor = '#FFFFFF';
textColor = '#FFFFFF';
atlassianLogoTextColor = '#FFFFFF';
break;
}
if (colorMode === 'dark' && appearance === 'inverse') {
iconGradientStart = '#161A1D66';
iconGradientStop = '#161A1D';
iconColor = '#161A1D';
textColor = '#161A1D';
atlassianLogoTextColor = '#161A1D';
}
return {
iconGradientStart: iconGradientStart,
iconGradientStop: iconGradientStop,
iconColor: iconColor,
textColor: textColor,
atlassianLogoTextColor: atlassianLogoTextColor
};
};