From 36c7ce9265370c4e3ad77c0c5764fdf0f1576b4a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lloren=C3=A7=20Muntaner?= Date: Tue, 12 Sep 2023 14:39:26 +0200 Subject: [PATCH] GIX-1878: Fix TVL text color (#3306) # Motivation TVL title text is not clearly visible in light theme. See screenshot of "Before". The reason is that `--text2-color` was not present in the light theme. The solution is to use `--description-color`. `--text2-color` will be removed because it's not used anywhere else. # Changes * Change the color of TotalValueLocked to `--description-color`. # Tests * Only CSS changes # Todos - [x] Add entry to changelog (if necessary). --- CHANGELOG-Nns-Dapp.md | 1 + frontend/src/lib/components/metrics/TotalValueLocked.svelte | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG-Nns-Dapp.md b/CHANGELOG-Nns-Dapp.md index 1fc763a7b1f..c3d74fd538c 100644 --- a/CHANGELOG-Nns-Dapp.md +++ b/CHANGELOG-Nns-Dapp.md @@ -25,6 +25,7 @@ The NNS Dapp is released through proposals in the Network Nervous System. Theref * Fixed issues with SetDissolveDelay component. * Fix sent transaction icon background color dark theme. +* Improve text color of total value locked's label. #### Security diff --git a/frontend/src/lib/components/metrics/TotalValueLocked.svelte b/frontend/src/lib/components/metrics/TotalValueLocked.svelte index 2fe97f2435b..db689c045b8 100644 --- a/frontend/src/lib/components/metrics/TotalValueLocked.svelte +++ b/frontend/src/lib/components/metrics/TotalValueLocked.svelte @@ -74,7 +74,7 @@ gap: var(--padding-0_5x); background: rgba(var(--focus-background-rgb), 0.8); - color: var(--text2-color); + color: var(--description-color); .total { color: var(--text-color);