kaizenkodo/CoBiE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #78 from ok2/codex/improve-border-visibility-in-detail-view

Browse Source 
Improve event border visibility
This commit is contained in:
Kiyomichi Kosaka 2025-06-20 13:59:21 +02:00 committed by GitHub
commit ff5d2a7816
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
script.js
View File

@ -67,10 +67,24 @@ function getContrastColor(hex) {
return yiq >= 128 ? '#000' : '#fff'; return yiq >= 128 ? '#000' : '#fff';
} }
function lightenColor(hex, percent) {
if (!hex) return '#fff';
let c = hex.replace('#','');
if (c.length === 3) c = c.split('').map(x=>x+x).join('');
let r = parseInt(c.substr(0,2),16);
let g = parseInt(c.substr(2,2),16);
let b = parseInt(c.substr(4,2),16);
r = Math.min(255, Math.round(r + (255 - r) * percent));
g = Math.min(255, Math.round(g + (255 - g) * percent));
b = Math.min(255, Math.round(b + (255 - b) * percent));
return '#' + [r,g,b].map(x=>x.toString(16).padStart(2,'0')).join('');
}
function applyEventColors(elem, color, alpha) { function applyEventColors(elem, color, alpha) {
if (!color || !elem) return; if (!color || !elem) return;
elem.style.setProperty('--bg-color', hexToRgba(color, alpha)); elem.style.setProperty('--bg-color', hexToRgba(color, alpha));
elem.style.setProperty('--border-color', color); // Use a lighter shade for the border so it stands out even for dark colors
elem.style.setProperty('--border-color', lightenColor(color, 0.4));
elem.style.setProperty('--text-color', getContrastColor(color)); elem.style.setProperty('--text-color', getContrastColor(color));
} }