Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak user colors and add a little testing script for future experimenting. Closes #170

Browse Source
This commit is contained in:
Gabe Kangas 2020-09-21 13:55:25 -07:00
parent 257847fdf8
commit 38d93a549a
2 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
test/userColorsTest.js Normal file
View File

@ -0,0 +1,36 @@
// Run on the command line to test colors.
// node userColorsTest.js > colorTest.html
console.log(`<body style="background: #2d3748">`);
for (var i = 0; i < 20; i++) {
const element = generateElement(randomString(6));
console.log(element);
}
console.log(`</body>`);
function generateElement(string) {
const color = messageBubbleColorForString(string);
return `<div style="color: ${color}">${string}</div>`
}
function randomString(length) {
return Math.random().toString(36).substring(length);
}
function messageBubbleColorForString(str) {
let hash = 0;
for (let i = 0; i < str.length; i++) {
// eslint-disable-next-line
hash = str.charCodeAt(i) + ((hash << 5) - hash);
}
// Tweak these to adjust the result of the color
const saturation = 75;
const lightness = 65;
const alpha = 1.0;
const hue = parseInt(Math.abs(hash), 16) % 300;
return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
}

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

@ -6,8 +6,8 @@ export function messageBubbleColorForString(str) {
}
// Tweak these to adjust the result of the color
const saturation = 70;
const lightness = 50;
const saturation = 75;
const lightness = 65;
const alpha = 1.0;
const hue = parseInt(Math.abs(hash), 16) % 300;