mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-10-31 08:15:24 +00:00
feat(healthchat): paint the subtle gradient in brand blue
This commit is contained in:
@@ -28,6 +28,7 @@ struct HealthChatCompoundHook: CompoundHookProtocol {
|
|||||||
\.textActionAccent,
|
\.textActionAccent,
|
||||||
\.textLinkExternal,
|
\.textLinkExternal,
|
||||||
\.borderInteractivePrimary,
|
\.borderInteractivePrimary,
|
||||||
|
\.borderAccentPrimary,
|
||||||
\.textBadgeAccent
|
\.textBadgeAccent
|
||||||
]
|
]
|
||||||
let solidUIColorTokens: [KeyPath<CompoundUIColorTokens, UIColor> & Sendable] = [
|
let solidUIColorTokens: [KeyPath<CompoundUIColorTokens, UIColor> & Sendable] = [
|
||||||
@@ -39,6 +40,7 @@ struct HealthChatCompoundHook: CompoundHookProtocol {
|
|||||||
\.textActionAccent,
|
\.textActionAccent,
|
||||||
\.textLinkExternal,
|
\.textLinkExternal,
|
||||||
\.borderInteractivePrimary,
|
\.borderInteractivePrimary,
|
||||||
|
\.borderAccentPrimary,
|
||||||
\.textBadgeAccent
|
\.textBadgeAccent
|
||||||
]
|
]
|
||||||
for keyPath in solidColorTokens {
|
for keyPath in solidColorTokens {
|
||||||
@@ -63,6 +65,19 @@ struct HealthChatCompoundHook: CompoundHookProtocol {
|
|||||||
colors.override(keyPath, with: Color(brand))
|
colors.override(keyPath, with: Color(brand))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Subtle gradient (home screen bloom, highlighted timeline item) → brand blue fading out,
|
||||||
|
// at the opacities Compound uses for its green stops. Stop 6 stays transparent.
|
||||||
|
let subtleGradientTokens: [KeyPath<CompoundColorTokens, Color>] = [
|
||||||
|
\.gradientSubtleStop1,
|
||||||
|
\.gradientSubtleStop2,
|
||||||
|
\.gradientSubtleStop3,
|
||||||
|
\.gradientSubtleStop4,
|
||||||
|
\.gradientSubtleStop5
|
||||||
|
]
|
||||||
|
for (keyPath, opacity) in zip(subtleGradientTokens, [0.41, 0.23, 0.11, 0.06, 0.03]) {
|
||||||
|
colors.override(keyPath, with: Color(brand).opacity(opacity))
|
||||||
|
}
|
||||||
|
|
||||||
// Subtle accent backgrounds (paired with accent-coloured foregrounds) → brand tint.
|
// Subtle accent backgrounds (paired with accent-coloured foregrounds) → brand tint.
|
||||||
let tintColorTokens: [KeyPath<CompoundColorTokens, Color>] = [
|
let tintColorTokens: [KeyPath<CompoundColorTokens, Color>] = [
|
||||||
\.bgAccentSelected,
|
\.bgAccentSelected,
|
||||||
|
|||||||
@@ -9,6 +9,13 @@ matches `## Changes in <version>` exactly.
|
|||||||
|
|
||||||
Upstream's `CHANGES.md` tracks element-hq's own releases and must not be edited here.
|
Upstream's `CHANGES.md` tracks element-hq's own releases and must not be edited here.
|
||||||
|
|
||||||
|
## Changes in 26.11.2 (2026-10-20)
|
||||||
|
|
||||||
|
🙌 Improvements
|
||||||
|
|
||||||
|
- The coloured fade at the top of the chat list, the highlight when jumping to a message and
|
||||||
|
the unread marker line now use HealthChat blue instead of Element green.
|
||||||
|
|
||||||
## Changes in 26.11.1 (2026-10-19)
|
## Changes in 26.11.1 (2026-10-19)
|
||||||
|
|
||||||
🙌 Improvements
|
🙌 Improvements
|
||||||
|
|||||||
Reference in New Issue
Block a user