gitea/web_src/js/components
silverwind 36887ed392
Fix and rewrite contrast color calculation, fix project-related bugs ()
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>
..
.eslintrc.yaml Implement contributors graph ()
ActionRunStatus.vue Fix incorrect tailwind migration ()
ActivityHeatmap.vue Enforce trailing comma in JS on multiline ()
ContextPopup.vue Fix and rewrite contrast color calculation, fix project-related bugs ()
DashboardRepoList.vue Remove fomantic input module ()
DiffCommitSelector.vue Migrate font-family to tailwind ()
DiffFileList.vue Migrate font-family to tailwind ()
DiffFileTree.vue Migrate margin and padding helpers to tailwind ()
DiffFileTreeItem.vue Enforce trailing comma in JS on multiline ()
PullRequestMergeForm.vue Migrate margin and padding helpers to tailwind ()
RepoActionView.vue Action view mobile improvements and fixes ()
RepoActivityTopAuthors.vue Enforce trailing comma in JS on multiline ()
RepoBranchTagSelector.vue Refactor all `.length === 0` patterns in JS ()
RepoCodeFrequency.vue Migrate margin and padding helpers to tailwind ()
RepoContributors.vue Migrate margin and padding helpers to tailwind ()
RepoRecentCommits.vue Migrate margin and padding helpers to tailwind ()
ScopedAccessTokenSelector.vue Migrate margin and padding helpers to tailwind ()