fix(web app): improve light theme feed contrast

This commit is contained in:
louistiti
2026-08-15 02:00:32 +08:00
parent d2abdd5df4
commit d0ac751226
2 changed files with 4 additions and 2 deletions
@@ -4,7 +4,7 @@
padding: 8px 16px
border: 1px solid transparent
border-radius: 24px
background: linear-gradient(var(--color-accent), var(--color-accent)) padding-box, linear-gradient(to bottom, #84BDFF 0%, rgba(245, 245, 247, .1) 100%) border-box
background: linear-gradient(var(--color-accent), var(--color-accent)) padding-box, var(--gradient-owner-message-border) border-box
color: var(--color-accent-contrast)
overflow-wrap: anywhere
white-space: pre-wrap
+3 -1
View File
@@ -57,6 +57,7 @@
--gradient-vibe-b: linear-gradient(180deg, rgba(255, 246, 152, .18), rgba(28, 117, 219, .2))
--gradient-query: linear-gradient(100deg, rgba(167, 179, 200, .4), rgba(28, 117, 219, .3), rgba(255, 117, 174, .22))
--gradient-border: linear-gradient(to bottom, #666, var(--color-surface))
--gradient-owner-message-border: linear-gradient(to bottom, #84BDFF 0%, rgba(245, 245, 247, .1) 100%)
--shortcut-shadow-contrast: drop-shadow(0 2px 0 #000)
[data-theme='light']
@@ -102,7 +103,7 @@
--color-danger-soft: rgba(216, 15, 15, .12)
--color-danger-active: rgba(216, 15, 15, .22)
--color-pink: #FF75AE
--color-yellow: #FFF698
--color-yellow: #9A6B00
--color-purple: #AB73FF
--color-overlay: rgba(0, 0, 0, .48)
--color-overlay-soft: rgba(0, 0, 0, .1)
@@ -117,4 +118,5 @@
--gradient-vibe-b: linear-gradient(180deg, rgba(255, 246, 152, .28), rgba(28, 117, 219, .14))
--gradient-query: linear-gradient(100deg, rgba(28, 117, 219, .26), rgba(255, 117, 174, .16))
--gradient-border: linear-gradient(to bottom, #BBB, var(--color-surface))
--gradient-owner-message-border: linear-gradient(to bottom, #0050a8 0%, rgba(21, 21, 21, .18) 100%)
--shortcut-shadow-contrast: drop-shadow(0 2px 0 #BBB)