matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix css autocolors.

Browse Source
This commit is contained in:
John Livingston 2021-11-22 14:02:25 +01:00
parent bcdee7eb2b
commit ba44eabe95
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/videowatch-client-plugin.ts
View File

@ -89,8 +89,18 @@ function register ({ registerHook, peertubeHelpers }: RegisterOptions): void {
const styles = window.getComputedStyle(document.body) const styles = window.getComputedStyle(document.body)
// Peertube has no CSS variable for the button color...
// Computing by hand.
// Searching for one of these button:
const button = document.querySelector('.publish-button') ?? document.querySelector('.peertube-button-link')
if (!button) {
logger.warn('[AutoColors] Cant find a button, aborting.')
return null
}
const buttonStyles = window.getComputedStyle(button)
const autocolors: AutoColors = { const autocolors: AutoColors = {
mainForeground: styles.getPropertyValue('--mainColor'), mainForeground: styles.getPropertyValue('--mainForegroundColor'),
mainBackground: styles.getPropertyValue('--mainBackgroundColor'), mainBackground: styles.getPropertyValue('--mainBackgroundColor'),
greyForeground: styles.getPropertyValue('--greyForegroundColor'), greyForeground: styles.getPropertyValue('--greyForegroundColor'),
greyBackground: styles.getPropertyValue('--greyBackgroundColor'), greyBackground: styles.getPropertyValue('--greyBackgroundColor'),
@ -98,8 +108,8 @@ function register ({ registerHook, peertubeHelpers }: RegisterOptions): void {
menuBackground: styles.getPropertyValue('--menuBackgroundColor'), menuBackground: styles.getPropertyValue('--menuBackgroundColor'),
inputForeground: styles.getPropertyValue('--inputForegroundColor'), inputForeground: styles.getPropertyValue('--inputForegroundColor'),
inputBackground: styles.getPropertyValue('--inputBackgroundColor'), inputBackground: styles.getPropertyValue('--inputBackgroundColor'),
buttonForeground: styles.getPropertyValue('--mainColor'), buttonForeground: buttonStyles.color,
buttonBackground: styles.getPropertyValue('--mainBackgroundColor'), buttonBackground: styles.getPropertyValue('--mainColor'),
link: styles.getPropertyValue('--mainForegroundColor'), link: styles.getPropertyValue('--mainForegroundColor'),
linkHover: styles.getPropertyValue('--mainForegroundColor') linkHover: styles.getPropertyValue('--mainForegroundColor')
} }