mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-19 05:55:34 +09:00
fix(app): keep brand colour text readable on every surface (#3504)
This commit is contained in:
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);
|
||||
}
|
||||
+2
-2
@@ -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);
|
||||
}
|
||||
+1
-1
@@ -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;
|
||||
}
|
||||
|
||||
+1
-1
@@ -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 {
|
||||
|
||||
+1
-1
@@ -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%;
|
||||
|
||||
+1
-1
@@ -18,7 +18,7 @@
|
||||
.new,
|
||||
.experimental {
|
||||
background: var(--brand-primary);
|
||||
color: #fff;
|
||||
color: var(--brand-primary-fill);
|
||||
}
|
||||
|
||||
.badges {
|
||||
|
||||
Reference in new issue
Block a user