// Copyright 2022 The Chromium Authors // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. #include "ui/color/sys_color_mixer.h" #include "third_party/skia/include/core/SkColor.h" #include "ui/color/color_id.h" #include "ui/color/color_mixer.h" #include "ui/color/color_provider.h" #include "ui/color/color_provider_key.h" #include "ui/color/color_recipe.h" #include "ui/color/color_transform.h" namespace ui { namespace { // Sys token overrides for the non-baseline themed case. void AddThemedSysColorOverrides(ColorMixer& mixer, const ColorProviderKey& key) { const bool dark_mode = key.color_mode == ColorProviderKey::ColorMode::kDark; // Surfaces. mixer[kColorSysSurface] = {dark_mode ? kColorRefNeutral10 : kColorRefNeutral99}; mixer[kColorSysSurfaceNumberedForeground] = {kColorSysPrimary}; // General. mixer[kColorSysOnSurfaceSecondary] = {dark_mode ? kColorRefSecondary80 : kColorRefSecondary30}; mixer[kColorSysTonalContainer] = {dark_mode ? kColorRefPrimary30 : kColorRefPrimary90}; mixer[kColorSysBaseTonalContainer] = {dark_mode ? kColorRefPrimary10 : kColorRefPrimary90}; mixer[kColorSysNeutralContainer] = {dark_mode ? kColorRefNeutralVariant15 : kColorRefNeutral94}; mixer[kColorSysDivider] = {dark_mode ? kColorRefSecondary35 : kColorRefPrimary90}; // Chrome surfaces. mixer[kColorSysBase] = {dark_mode ? kColorRefSecondary25 : kColorRefNeutral98}; mixer[kColorSysBaseContainer] = {dark_mode ? kColorRefSecondary15 : kColorSysSurface4}; mixer[kColorSysBaseContainerElevated] = {dark_mode ? kColorRefSecondary25 : kColorRefNeutral98}; mixer[kColorSysHeader] = {dark_mode ? kColorRefSecondary12 : kColorRefSecondary90}; mixer[kColorSysHeaderContainer] = {dark_mode ? kColorRefSecondary25 : kColorRefPrimary95}; mixer[kColorSysHeaderContainerInactive] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral99}; mixer[kColorSysOnHeaderDivider] = {dark_mode ? kColorRefSecondary25 : kColorRefPrimary80}; // States. mixer[kColorSysStateInactiveRing] = { dark_mode ? SetAlpha({kColorRefPrimary70}, 0x8C) : SetAlpha({kColorRefPrimary20}, 0x8C)}; mixer[kColorSysStateOnHeaderHover] = {dark_mode ? kColorRefPrimary90 : kColorRefPrimary20}; mixer[kColorSysStateHeaderHover] = {dark_mode ? kColorRefPrimary30 : kColorRefPrimary80}; // Experimentation. mixer[kColorSysOmniboxContainer] = {dark_mode ? kColorRefSecondary15 : kColorSysSurface4}; } // Overrides for the grayscale baseline case. // TODO(tluk): This can probably be migrated to the kMonochrome SchemeVariant // when available. void AddGrayscaleSysColorOverrides(ColorMixer& mixer, const ColorProviderKey& key) { const bool dark_mode = key.color_mode == ColorProviderKey::ColorMode::kDark; // General mixer[kColorSysOnSurfacePrimary] = {dark_mode ? kColorRefNeutral90 : kColorRefNeutral10}; mixer[kColorSysDivider] = {dark_mode ? kColorRefNeutral40 : kColorRefNeutral90}; // Chrome surfaces. mixer[kColorSysHeader] = {dark_mode ? kColorRefNeutral12 : kColorRefNeutral90}; mixer[kColorSysHeaderInactive] = { dark_mode ? AlphaBlend({kColorSysHeader}, {kColorRefNeutral25}, 0x99) : AlphaBlend({kColorSysHeader}, {kColorRefNeutral98}, 0x48)}; mixer[kColorSysHeaderContainer] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral95}; mixer[kColorSysOnHeaderDivider] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral80}; mixer[kColorSysOnHeaderPrimary] = {dark_mode ? kColorRefNeutral80 : kColorRefNeutral40}; // States. mixer[kColorSysStateInactiveRing] = { dark_mode ? SetAlpha({kColorRefNeutral70}, 0x8C) : SetAlpha({kColorRefNeutral20}, 0x8C)}; mixer[kColorSysStateOnHeaderHover] = {dark_mode ? kColorRefNeutral90 : kColorRefNeutral20}; mixer[kColorSysStateHeaderHover] = {dark_mode ? kColorRefNeutral30 : kColorRefNeutral80}; // Experimentation. mixer[kColorSysOmniboxContainer] = {dark_mode ? kColorRefNeutral15 : kColorRefNeutral94}; } } // namespace void AddSysColorMixer(ColorProvider* provider, const ColorProviderKey& key) { const bool dark_mode = key.color_mode == ColorProviderKey::ColorMode::kDark; ColorMixer& mixer = provider->AddMixer(); // Primary. mixer[kColorSysPrimary] = {dark_mode ? kColorRefPrimary80 : kColorRefPrimary40}; mixer[kColorSysOnPrimary] = {dark_mode ? kColorRefPrimary20 : kColorRefPrimary100}; mixer[kColorSysPrimaryContainer] = {dark_mode ? kColorRefPrimary30 : kColorRefPrimary90}; mixer[kColorSysOnPrimaryContainer] = {dark_mode ? kColorRefPrimary90 : kColorRefPrimary10}; // Secondary. mixer[kColorSysSecondary] = {dark_mode ? kColorRefSecondary80 : kColorRefSecondary40}; mixer[kColorSysOnSecondary] = {dark_mode ? kColorRefSecondary20 : kColorRefSecondary100}; mixer[kColorSysSecondaryContainer] = {dark_mode ? kColorRefSecondary30 : kColorRefSecondary90}; mixer[kColorSysOnSecondaryContainer] = {dark_mode ? kColorRefSecondary90 : kColorRefSecondary10}; // Tertiary. mixer[kColorSysTertiary] = {dark_mode ? kColorRefTertiary80 : kColorRefTertiary40}; mixer[kColorSysOnTertiary] = {dark_mode ? kColorRefTertiary20 : kColorRefTertiary100}; mixer[kColorSysTertiaryContainer] = {dark_mode ? kColorRefTertiary30 : kColorRefTertiary90}; mixer[kColorSysOnTertiaryContainer] = {dark_mode ? kColorRefTertiary90 : kColorRefTertiary10}; // Error. mixer[kColorSysError] = {dark_mode ? kColorRefError80 : kColorRefError40}; mixer[kColorSysOnError] = {dark_mode ? kColorRefError20 : kColorRefError100}; mixer[kColorSysErrorContainer] = {dark_mode ? kColorRefError30 : kColorRefError90}; mixer[kColorSysOnErrorContainer] = {dark_mode ? kColorRefError90 : kColorRefError10}; // Neutral. mixer[kColorSysOnSurface] = {dark_mode ? kColorRefNeutral90 : kColorRefNeutral10}; mixer[kColorSysOnSurfaceVariant] = {dark_mode ? kColorRefNeutralVariant80 : kColorRefNeutralVariant30}; mixer[kColorSysOutline] = {dark_mode ? kColorRefNeutralVariant60 : kColorRefNeutralVariant50}; mixer[kColorSysSurfaceVariant] = {dark_mode ? kColorRefNeutralVariant30 : kColorRefNeutralVariant90}; // Constant. mixer[kColorSysBlack] = {kColorRefNeutral0}; mixer[kColorSysWhite] = {kColorRefNeutral100}; // Inverse. mixer[kColorSysInversePrimary] = {dark_mode ? kColorRefPrimary40 : kColorRefPrimary80}; mixer[kColorSysInverseOnSurface] = {dark_mode ? kColorRefNeutral10 : kColorRefNeutral95}; mixer[kColorSysInverseSurface] = {dark_mode ? kColorRefNeutral90 : kColorRefNeutral20}; mixer[kColorSysInverseSurfacePrimary] = {dark_mode ? kColorRefPrimary95 : kColorRefPrimary20}; // Surfaces. mixer[kColorSysSurface] = {dark_mode ? kColorRefNeutral10 : kColorRefNeutral100}; mixer[kColorSysSurfaceNumberedForeground] = { dark_mode ? SkColorSetRGB(0xD1, 0xE1, 0xFF) : SkColorSetRGB(0x69, 0x91, 0xD6)}; mixer[kColorSysSurface1] = AlphaBlend({kColorSysSurfaceNumberedForeground}, {kColorSysSurface}, 0x0C); mixer[kColorSysSurface2] = AlphaBlend({kColorSysSurfaceNumberedForeground}, {kColorSysSurface}, 0x14); mixer[kColorSysSurface3] = AlphaBlend({kColorSysSurfaceNumberedForeground}, {kColorSysSurface}, 0x1C); mixer[kColorSysSurface4] = AlphaBlend({kColorSysSurfaceNumberedForeground}, {kColorSysSurface}, 0x1E); mixer[kColorSysSurface5] = AlphaBlend({kColorSysSurfaceNumberedForeground}, {kColorSysSurface}, 0x23); // General. mixer[kColorSysOnSurfaceSecondary] = {dark_mode ? kColorRefNeutral80 : kColorRefNeutral30}; mixer[kColorSysOnSurfaceSubtle] = {dark_mode ? kColorRefNeutral80 : kColorRefNeutral30}; mixer[kColorSysOnSurfacePrimary] = {dark_mode ? kColorRefPrimary90 : kColorRefPrimary10}; mixer[kColorSysOnSurfacePrimaryInactive] = {dark_mode ? kColorRefNeutral90 : kColorRefNeutral10}; mixer[kColorSysTonalContainer] = {dark_mode ? kColorRefSecondary30 : kColorRefPrimary90}; mixer[kColorSysOnTonalContainer] = {dark_mode ? kColorRefSecondary90 : kColorRefPrimary10}; mixer[kColorSysBaseTonalContainer] = {dark_mode ? kColorRefSecondary10 : kColorRefPrimary90}; mixer[kColorSysOnBaseTonalContainer] = {dark_mode ? kColorRefSecondary90 : kColorRefPrimary10}; mixer[kColorSysTonalOutline] = {dark_mode ? kColorRefSecondary50 : kColorRefPrimary80}; mixer[kColorSysNeutralOutline] = {dark_mode ? kColorRefNeutral50 : kColorRefNeutral80}; mixer[kColorSysNeutralContainer] = {dark_mode ? kColorRefNeutral15 : kColorRefNeutral95}; mixer[kColorSysDivider] = {dark_mode ? kColorRefNeutral40 : kColorRefPrimary90}; // Chrome surfaces. mixer[kColorSysBase] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral100}; mixer[kColorSysBaseContainer] = {dark_mode ? kColorRefNeutral15 : kColorSysSurface4}; mixer[kColorSysBaseContainerElevated] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral100}; mixer[kColorSysHeader] = {dark_mode ? kColorRefNeutral12 : kColorRefPrimary90}; mixer[kColorSysHeaderInactive] = { dark_mode ? AlphaBlend({kColorSysHeader}, {kColorRefNeutral25}, 0x99) : AlphaBlend({kColorSysHeader}, {kColorSysSurfaceVariant}, 0x48)}; mixer[kColorSysHeaderContainer] = {dark_mode ? kColorRefNeutral25 : kColorRefPrimary95}; mixer[kColorSysHeaderContainerInactive] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral100}; mixer[kColorSysOnHeaderDivider] = {dark_mode ? kColorRefNeutral25 : kColorRefPrimary80}; mixer[kColorSysOnHeaderDividerInactive] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral80}; mixer[kColorSysOnHeaderPrimary] = {dark_mode ? kColorRefPrimary80 : kColorRefPrimary40}; mixer[kColorSysOnHeaderPrimaryInactive] = {dark_mode ? kColorRefNeutral80 : kColorRefNeutral40}; // States. mixer[kColorSysStateHoverOnProminent] = { dark_mode ? SetAlpha({kColorRefNeutral10}, 0x0F) : SetAlpha({kColorRefNeutral99}, 0x1A)}; mixer[kColorSysStateHoverOnSubtle] = { dark_mode ? SetAlpha({kColorRefNeutral99}, 0x1A) : SetAlpha({kColorRefNeutral10}, 0x0F)}; mixer[kColorSysStateRippleNeutralOnProminent] = { dark_mode ? SetAlpha({kColorRefNeutral10}, 0x1F) : SetAlpha({kColorRefNeutral99}, 0x29)}; mixer[kColorSysStateRippleNeutralOnSubtle] = { dark_mode ? SetAlpha({kColorRefNeutral99}, 0x29) : SetAlpha({kColorRefNeutral10}, 0x14)}; mixer[kColorSysStateRipplePrimary] = { dark_mode ? SetAlpha({kColorRefPrimary60}, 0x52) : SetAlpha({kColorRefPrimary70}, 0x52)}; mixer[kColorSysStateFocusRing] = {dark_mode ? kColorRefPrimary80 : kColorRefPrimary40}; mixer[kColorSysStateFocusRingInverse] = {dark_mode ? kColorRefPrimary40 : kColorRefPrimary80}; mixer[kColorSysStateTextHighlight] = {dark_mode ? kColorRefPrimary80 : kColorRefPrimary40}; mixer[kColorSysStateOnTextHighlight] = {dark_mode ? kColorRefNeutral0 : kColorRefNeutral100}; mixer[kColorSysStateFocusHighlight] = { dark_mode ? SetAlpha({kColorRefNeutral99}, 0x1A) : SetAlpha({kColorRefNeutral10}, 0x0F)}; mixer[kColorSysStateDisabled] = dark_mode ? SetAlpha({kColorRefNeutral90}, 0x60) : SetAlpha({kColorRefNeutral10}, 0x60); mixer[kColorSysStateDisabledContainer] = dark_mode ? SetAlpha({kColorRefNeutral90}, 0x1E) : SetAlpha({kColorRefNeutral10}, 0x1E); mixer[kColorSysStateHoverDimBlendProtection] = { dark_mode ? SetAlpha({kColorRefNeutral99}, 0x1A) : SetAlpha({kColorRefPrimary20}, 0x2E)}; mixer[kColorSysStateHoverBrightBlendProtection] = { dark_mode ? SetAlpha({kColorRefNeutral99}, 0x29) : SetAlpha({kColorRefNeutral10}, 0x0F)}; mixer[kColorSysStateInactiveRing] = { dark_mode ? SetAlpha({kColorRefNeutral70}, 0x8C) : SetAlpha({kColorRefPrimary20}, 0x8C)}; mixer[kColorSysStateScrim] = {SetAlpha({kColorRefNeutral0}, 0x99)}; mixer[kColorSysStateOnHeaderHover] = {dark_mode ? kColorRefSecondary90 : kColorRefPrimary20}; mixer[kColorSysStateHeaderHover] = {dark_mode ? kColorRefSecondary30 : kColorRefPrimary80}; mixer[kColorSysStateHeaderHoverInactive] = {kColorSysStateHoverOnSubtle}; mixer[kColorSysStateHeaderSelect] = {SetAlpha({kColorSysBase}, 0x9A)}; // Effects. mixer[kColorSysShadow] = {kColorRefNeutral0}; mixer[kColorSysGradientPrimary] = {dark_mode ? kColorRefPrimary30 : kColorRefPrimary90}; mixer[kColorSysGradientTertiary] = {dark_mode ? kColorRefTertiary30 : kColorRefTertiary95}; // Illustration. mixer[kColorSysIlloPrimaryMin] = {dark_mode ? kColorRefPrimary30 : kColorRefPrimary90}; mixer[kColorSysIlloPrimaryLow] = {dark_mode ? kColorRefPrimary40 : kColorRefPrimary80}; mixer[kColorSysIlloPrimaryMid] = {dark_mode ? kColorRefPrimary50 : kColorRefPrimary70}; mixer[kColorSysIlloPrimaryHigh] = {dark_mode ? kColorRefPrimary70 : kColorRefPrimary60}; mixer[kColorSysIlloPrimaryMax] = {dark_mode ? kColorRefPrimary80 : kColorRefPrimary40}; mixer[kColorSysIlloSecondaryMin] = {dark_mode ? kColorRefSecondary30 : kColorRefSecondary90}; mixer[kColorSysIlloSecondaryLow] = {dark_mode ? kColorRefSecondary40 : kColorRefSecondary80}; mixer[kColorSysIlloSecondaryMid] = {dark_mode ? kColorRefSecondary50 : kColorRefSecondary70}; mixer[kColorSysIlloSecondaryHigh] = {dark_mode ? kColorRefSecondary70 : kColorRefSecondary60}; mixer[kColorSysIlloSecondaryMax] = {dark_mode ? kColorRefSecondary80 : kColorRefSecondary40}; mixer[kColorSysIlloTertiaryMin] = {dark_mode ? kColorRefTertiary30 : kColorRefTertiary90}; mixer[kColorSysIlloTertiaryLow] = {dark_mode ? kColorRefTertiary40 : kColorRefTertiary80}; mixer[kColorSysIlloTertiaryMid] = {dark_mode ? kColorRefTertiary50 : kColorRefTertiary70}; mixer[kColorSysIlloTertiaryHigh] = {dark_mode ? kColorRefTertiary70 : kColorRefTertiary60}; mixer[kColorSysIlloTertiaryMax] = {dark_mode ? kColorRefTertiary80 : kColorRefTertiary40}; mixer[kColorSysIlloNeutralMin] = {dark_mode ? kColorRefNeutral0 : kColorRefNeutral100}; mixer[kColorSysIlloNeutralLow] = {dark_mode ? kColorRefNeutral25 : kColorRefNeutral90}; mixer[kColorSysIlloNeutralMid] = {dark_mode ? kColorRefNeutral40 : kColorRefNeutral80}; mixer[kColorSysIlloNeutralHigh] = {dark_mode ? kColorRefNeutral60 : kColorRefNeutral50}; mixer[kColorSysIlloNeutralMax] = {dark_mode ? kColorRefNeutral100 : kColorRefNeutral0}; // ActorUi mixer[kColorSysActorUiBorder] = {ui::kColorRefPrimary50}; mixer[kColorSysActorUiGradientStart] = {ui::kColorRefPrimary70}; mixer[kColorSysActorUiGradientMiddle] = {ui::kColorRefPrimary40}; mixer[kColorSysActorUiGradientEnd] = {ui::kColorRefPrimary60}; // Glic mixer[kColorGlicTabUnderline1] = {ui::kColorRefPrimary50}; mixer[kColorGlicTabUnderline2] = {ui::kColorRefPrimary60}; mixer[kColorGlicTabUnderline3] = {ui::kColorRefPrimary70}; // AI. mixer[kColorSysAiIllustrationShapeSurface1] = { dark_mode ? ui::kColorRefPrimary40 : ui::kColorRefPrimary70}; mixer[kColorSysAiIllustrationShapeSurface2] = { dark_mode ? ui::kColorRefPrimary50 : ui::kColorRefPrimary95}; mixer[kColorSysAiIllustrationShapeSurfaceGradientStart] = { dark_mode ? ui::kColorRefPrimary30 : ui::kColorRefSecondary90}; mixer[kColorSysAiIllustrationShapeSurfaceGradientEnd] = { dark_mode ? ui::kColorRefPrimary40 : ui::kColorRefPrimary80}; // Experimentation. mixer[kColorSysOmniboxContainer] = {dark_mode ? kColorRefNeutral15 : kColorSysSurface4}; // TODO(crbug.com/517162116): Reconcile color token dark-mode swapping // These tokens are temporarily added to solve a missing need. They need // further work with UX to work these cases into the design system. // Please DO NOT add additional usages of these tokens. mixer[kColorSysSurfaceSection] = {dark_mode ? kColorSysSurface1 : kColorSysSurface}; mixer[kColorSysBaseContainerOnSurface] = {dark_mode ? kColorRefSecondary25 : kColorSysSurface4}; // Deprecated. // TODO(crbug.com/350783235): Remove remaining uses of these deprecated sys // tokens. mixer[kColorSysStateHover] = dark_mode ? SetAlpha({kColorRefNeutral90}, 0x14) : SetAlpha({kColorRefNeutral10}, 0x14); mixer[kColorSysStateFocus] = dark_mode ? SetAlpha({kColorRefNeutral90}, 0x1E) : SetAlpha({kColorRefNeutral10}, 0x1E); mixer[kColorSysStatePressed] = dark_mode ? SetAlpha({kColorRefNeutral90}, 0x1E) : SetAlpha({kColorRefNeutral10}, 0x1E); // If grayscale is specified the design intention is to apply the grayscale // overrides over the baseline palette. if (key.user_color_source == ColorProviderKey::UserColorSource::kGrayscale) { AddGrayscaleSysColorOverrides(mixer, key); } else if (key.user_color_source == ColorProviderKey::UserColorSource::kAccent && key.user_color.has_value()) { AddThemedSysColorOverrides(mixer, key); } } } // namespace ui