LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Allow for rendering a wider color range for messages

Browse Source
This commit is contained in:
Gabe Kangas 2021-11-17 17:56:39 -08:00
parent 7bf421e506
commit 00019bf86b
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webroot/js/utils/user-colors.js
View File

@ -1,6 +1,6 @@
export function messageBubbleColorForHue(hue) { export function messageBubbleColorForHue(hue) {
// Tweak these to adjust the result of the color // Tweak these to adjust the result of the color
const saturation = 45; const saturation = 50;
const lightness = 50; const lightness = 50;
const alpha = 'var(--message-background-alpha)'; const alpha = 'var(--message-background-alpha)';
@ -9,9 +9,9 @@ export function messageBubbleColorForHue(hue) {
export function textColorForHue(hue) { export function textColorForHue(hue) {
// Tweak these to adjust the result of the color // Tweak these to adjust the result of the color
const saturation = 80; const saturation = 70;
const lightness = 80; const lightness = 80;
const alpha = 0.8; const alpha = 0.85;
return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`; return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
} }