diff options
| author | Shpuld Shpludson <shp@cock.li> | 2020-07-14 13:13:23 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2020-07-14 13:13:23 +0000 |
| commit | 297a0c1f7f1a620633b79a40e5545f786a7964f5 (patch) | |
| tree | f3c4fc5e832e49e846fa5ab211937f66c69eb047 /src/services/theme_data/pleromafe.js | |
| parent | 6fe075103712ea7b335d2a7b9d02da1316d4a4fd (diff) | |
| parent | 5af094949147a93a9812ded6d5000dcc5b602181 (diff) | |
Merge branch 'fix-chrome69' into 'develop'
Fix chrome 69 + some theme data related to chats
Closes #890
See merge request pleroma/pleroma-fe!1183
Diffstat (limited to 'src/services/theme_data/pleromafe.js')
| -rw-r--r-- | src/services/theme_data/pleromafe.js | 30 |
1 files changed, 17 insertions, 13 deletions
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js index b58ca9be..7ed85797 100644 --- a/src/services/theme_data/pleromafe.js +++ b/src/services/theme_data/pleromafe.js @@ -675,23 +675,22 @@ export const SLOT_INHERITANCE = { depends: ['bg'] }, - chatMessage: { - depends: ['chatBg'] - }, - chatMessageIncomingBg: { - depends: ['chatMessage'], - layer: 'chatMessage' + depends: ['chatBg'] }, chatMessageIncomingText: { depends: ['text'], - layer: 'text' + layer: 'chatMessage', + variant: 'chatMessageIncomingBg', + textColor: true }, chatMessageIncomingLink: { depends: ['link'], - layer: 'link' + layer: 'chatMessage', + variant: 'chatMessageIncomingBg', + textColor: 'preserve' }, chatMessageIncomingBorder: { @@ -701,22 +700,27 @@ export const SLOT_INHERITANCE = { }, chatMessageOutgoingBg: { - depends: ['chatMessage'], + depends: ['chatMessageIncomingBg'], color: (mod, chatMessage) => brightness(5 * mod, chatMessage).rgb }, chatMessageOutgoingText: { depends: ['text'], - layer: 'text' + layer: 'chatMessage', + variant: 'chatMessageOutgoingBg', + textColor: true }, chatMessageOutgoingLink: { depends: ['link'], - layer: 'link' + layer: 'chatMessage', + variant: 'chatMessageOutgoingBg', + textColor: 'preserve' }, chatMessageOutgoingBorder: { - depends: ['chatMessage'], - opacity: 'chatMessage' + depends: ['chatMessageOutgoingBg'], + opacity: 'border', + color: (mod, border) => brightness(2 * mod, border).rgb } } |
