fix(web app): improve light theme feed contrast
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user