fix(app): keep brand colour text readable on every surface (#3504)

This commit is contained in:
Hampus authored and GitHub committed 2026-10-16 03:06:24 +02:00
1 parent 3224f2113a
commit 275cc73f7a
102 files changed
+1045 -419

No files matched your search

@@ -99,7 +99,7 @@
.checkIcon {
width: 0.75rem;
height: 0.75rem;
color: #fff;
color: var(--brand-primary-fill);
}
.chevronIcon {
@@ -185,12 +185,12 @@
.editProfileIcon {
height: 1.25rem;
width: 1.25rem;
color: white;
color: var(--brand-primary-fill);
}
.editProfileText {
font-weight: 500;
color: white;
color: var(--brand-primary-fill);
}
.actionButtonsContainer {
@@ -234,7 +234,7 @@
.actionIcon {
height: 1.5rem;
width: 1.5rem;
color: white;
color: var(--brand-primary-fill);
}
.actionIconSecondary {
@@ -143,9 +143,9 @@
}
.dropIndicatorTop {
border-top: 0.125rem solid var(--brand-primary);
border-top: 0.125rem solid var(--brand-primary-foreground);
}
.dropIndicatorBottom {
border-bottom: 0.125rem solid var(--brand-primary);
border-bottom: 0.125rem solid var(--brand-primary-foreground);
}
@@ -20,7 +20,7 @@
}
.themeButtonSelected {
border-color: var(--brand-primary);
border-color: var(--brand-primary-foreground);
}
.themeButtonLight {
@@ -59,5 +59,5 @@
}
.themeButtonCheckmarkIcon {
color: white;
color: var(--brand-primary-fill);
}
@@ -86,7 +86,7 @@
display: flex;
align-items: center;
justify-content: center;
color: white;
color: var(--brand-primary-fill);
font-weight: 600;
font-size: 0.875rem;
}
@@ -288,7 +288,7 @@
color-mix(in srgb, var(--brand-primary) 90%, transparent),
color-mix(in srgb, var(--brand-secondary) 85%, transparent)
);
color: white;
color: var(--brand-primary-fill);
font-weight: 800;
font-size: 1.85rem;
}
@@ -49,7 +49,7 @@
}
:global(.theme-light) .sequenceBadge {
color: var(--brand-primary);
color: var(--brand-primary-foreground);
}
.sequenceBadgeMobile {
@@ -4,7 +4,7 @@
--profile-skeleton-bg: var(--background-primary);
--profile-skeleton-fill: var(--background-secondary-alt);
--profile-skeleton-fill-strong: var(--background-tertiary);
--profile-skeleton-border-color: var(--brand-primary);
--profile-skeleton-border-color: var(--brand-primary-foreground);
--profile-skeleton-radius: 0.375rem;
--profile-skeleton-border-width: 0px;
--profile-skeleton-width: 100%;
@@ -18,7 +18,7 @@
.new,
.experimental {
background: var(--brand-primary);
color: #fff;
color: var(--brand-primary-fill);
}
.badges {