aboutsummaryrefslogtreecommitdiff
path: root/src/services/theme_data/pleromafe.js
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2020-07-14 13:13:23 +0000
committerShpuld Shpludson <shp@cock.li>2020-07-14 13:13:23 +0000
commit297a0c1f7f1a620633b79a40e5545f786a7964f5 (patch)
treef3c4fc5e832e49e846fa5ab211937f66c69eb047 /src/services/theme_data/pleromafe.js
parent6fe075103712ea7b335d2a7b9d02da1316d4a4fd (diff)
parent5af094949147a93a9812ded6d5000dcc5b602181 (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.js30
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
}
}