forked from mirror/gitea
36887ed392
1. The previous color contrast calculation function was incorrect at least for the `#84b6eb` where it output low-contrast white instead of black. I've rewritten these functions now to accept hex colors and to match GitHub's calculation and to output pure white/black for maximum contrast. Before and after: <img width="94" alt="Screenshot 2024-04-02 at 01 53 46" src="https://github.com/go-gitea/gitea/assets/115237/00b39e15-a377-4458-95cf-ceec74b78228"><img width="90" alt="Screenshot 2024-04-02 at 01 51 30" src="https://github.com/go-gitea/gitea/assets/115237/1677067a-8d8f-47eb-82c0-76330deeb775"> 2. Fix project-related issues: - Expose the new `ContrastColor` function as template helper and use it for project cards, replacing the previous JS solution which eliminates a flash of wrong color on page load. - Fix a bug where if editing a project title, the counter would get lost. - Move `rgbToHex` function to color utils. @HesterG fyi --------- Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: Giteabot <teabot@gitea.io>
23 lines
959 B
JavaScript
23 lines
959 B
JavaScript
import {contrastColor} from './color.js';
|
|
|
|
test('contrastColor', () => {
|
|
expect(contrastColor('#d73a4a')).toBe('#fff');
|
|
expect(contrastColor('#0075ca')).toBe('#fff');
|
|
expect(contrastColor('#cfd3d7')).toBe('#000');
|
|
expect(contrastColor('#a2eeef')).toBe('#000');
|
|
expect(contrastColor('#7057ff')).toBe('#fff');
|
|
expect(contrastColor('#008672')).toBe('#fff');
|
|
expect(contrastColor('#e4e669')).toBe('#000');
|
|
expect(contrastColor('#d876e3')).toBe('#000');
|
|
expect(contrastColor('#ffffff')).toBe('#000');
|
|
expect(contrastColor('#2b8684')).toBe('#fff');
|
|
expect(contrastColor('#2b8786')).toBe('#fff');
|
|
expect(contrastColor('#2c8786')).toBe('#000');
|
|
expect(contrastColor('#3bb6b3')).toBe('#000');
|
|
expect(contrastColor('#7c7268')).toBe('#fff');
|
|
expect(contrastColor('#7e716c')).toBe('#fff');
|
|
expect(contrastColor('#81706d')).toBe('#fff');
|
|
expect(contrastColor('#807070')).toBe('#fff');
|
|
expect(contrastColor('#84b6eb')).toBe('#000');
|
|
});
|