aboutsummaryrefslogtreecommitdiff
path: root/src/services/theme_data/pleromafe.js
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-07-12 15:41:34 +0300
committerHenry Jameson <me@hjkos.com>2020-07-12 16:21:43 +0300
commit40e3595ad3e85ff0fec39bdbf538b7cb053617ef (patch)
treeafa36d02c0d4aa331c1943726a91010da4575761 /src/services/theme_data/pleromafe.js
parentc1a20079bef51dc38cb9826cee5bb2fbfe2cf68b (diff)
fix chrome69
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
}
}