mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-26 01:34:16 +02:00
Code Issues Releases Wiki Activity

refactor: use isDark rather than getContrast

Browse Source
This commit is contained in:
protoclown
2022-09-26 13:09:57 +02:00
parent 6596ea9524
commit 04e2555763
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
extensions/tags/js/src/common/helpers/tagLabel.js
View File

@@ -1,5 +1,5 @@
import extract from 'flarum/common/utils/extract';
import getContrast from 'flarum/common/utils/getContrast';
import isDark from 'flarum/common/utils/isDark';
import Link from 'flarum/common/components/Link';
import tagIcon from './tagIcon';
@@ -12,16 +12,15 @@ export default function tagLabel(tag, attrs = {}) {
if (tag) {
const color = tag.color();
const contrast = getContrast(color);
if (color) {
attrs.style['--tag-bg'] = color;
attrs.className += ' colored';
if (contrast >= 128) {
attrs.className += ' tag-light';
if (isDark(color)) {
attrs.className += ' tag-dark';
}
else {
attrs.className += ' tag-dark';
attrs.className += ' tag-light';
}
}

4
extensions/tags/js/src/forum/components/TagsPage.js
View File

@@ -4,7 +4,7 @@ import Link from 'flarum/common/components/Link';
import LoadingIndicator from 'flarum/common/components/LoadingIndicator';
import listItems from 'flarum/common/helpers/listItems';
import humanTime from 'flarum/common/helpers/humanTime';
import getContrast from 'flarum/common/utils/getContrast';
import isDark from 'flarum/common/utils/isDark';
import tagIcon from '../../common/helpers/tagIcon';
import tagLabel from '../../common/helpers/tagLabel';
@@ -59,7 +59,7 @@ export default class TagsPage extends Page {
const children = sortTags(tag.children() || []);
return (
<li className={'TagTile ' + (tag.color() ? 'colored ' : '') + (getContrast(tag.color()) >= 128 ? 'tag-light' : 'tag-dark')} style={{ '--tag-bg': tag.color() }}>
<li className={'TagTile ' + (tag.color() ? 'colored ' : '') + (isDark(tag.color()) ? 'tag-dark' : 'tag-light')} style={{ '--tag-bg': tag.color() }}>
<Link className="TagTile-info" href={app.route.tag(tag)}>
{tag.icon() && tagIcon(tag, {}, { useColor: false })}
<h3 className="TagTile-name">{tag.name()}</h3>