mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-27 10:05:47 +02:00
Code Issues Releases Wiki Activity

fix: newDiscussion contrast

Browse Source
This commit is contained in:
protoclown
2022-09-29 16:39:35 +02:00
parent bb0f3eab74
commit 76b625a327
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
extensions/tags/js/src/forum/addTagFilter.tsx
View File

@@ -5,6 +5,7 @@ import IndexPage from 'flarum/forum/components/IndexPage';
import DiscussionListState from 'flarum/forum/states/DiscussionListState'; import DiscussionListState from 'flarum/forum/states/DiscussionListState';
import GlobalSearchState from 'flarum/forum/states/GlobalSearchState'; import GlobalSearchState from 'flarum/forum/states/GlobalSearchState';
import classList from 'flarum/common/utils/classList'; import classList from 'flarum/common/utils/classList';
import isDark from 'flarum/common/utils/isDark';
import TagHero from './components/TagHero'; import TagHero from './components/TagHero';
import Tag from '../common/models/Tag'; import Tag from '../common/models/Tag';
@@ -92,6 +93,13 @@ export default function () {
if (color) { if (color) {
newDiscussion.attrs.className = classList([newDiscussion.attrs.className, 'Button--tagColored']); newDiscussion.attrs.className = classList([newDiscussion.attrs.className, 'Button--tagColored']);
newDiscussion.attrs.style = { '--color': color }; newDiscussion.attrs.style = { '--color': color };
if (isDark(color)) {
newDiscussion.attrs.className = classList([newDiscussion.attrs.className, 'Button--tagDark']);
}
else {
newDiscussion.attrs.className = classList([newDiscussion.attrs.className, 'Button--tagLight']);
}
} }
newDiscussion.attrs.disabled = !canStartDiscussion; newDiscussion.attrs.disabled = !canStartDiscussion;

9
extensions/tags/less/forum.less
View File

@@ -6,10 +6,17 @@
@import "forum/TagTiles"; @import "forum/TagTiles";
@import "forum/ToggleButton"; @import "forum/ToggleButton";
.Button--tagColored { .Button {
--button-primary-bg: var(--color); --button-primary-bg: var(--color);
--button-primary-bg-hover: var(--color); --button-primary-bg-hover: var(--color);
--button-primary-bg-active: var(--color); --button-primary-bg-active: var(--color);
&--tagLight {
color: @text-on-light;
}
&--tagDark {
color: @text-on-dark;
}
} }
.DiscussionHero { .DiscussionHero {
.item-title { .item-title {