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

fix: TagHero contrast

Browse Source
This commit is contained in:
protoclown
2022-09-29 16:01:01 +02:00
parent 311764ca31
commit 6903b84605
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
extensions/tags/js/src/forum/components/TagHero.js
View File

@@ -1,4 +1,5 @@
import Component from 'flarum/common/Component'; import Component from 'flarum/common/Component';
import isDark from 'flarum/common/utils/isDark';
import tagIcon from '../../common/helpers/tagIcon'; import tagIcon from '../../common/helpers/tagIcon';
export default class TagHero extends Component { export default class TagHero extends Component {
@@ -7,7 +8,7 @@ export default class TagHero extends Component {
const color = tag.color(); const color = tag.color();
return ( return (
<header className={'Hero TagHero' + (color ? ' TagHero--colored' : '')} style={color ? { '--hero-bg': color } : ''}> <header className={'Hero TagHero' + (color ? ' TagHero--colored' : '') + (isDark(color) ? ' TagHero--dark' : ' TagHero--light')} style={color ? { '--hero-bg': color } : ''}>
<div className="container"> <div className="container">
<div className="containerNarrow"> <div className="containerNarrow">
<h2 className="Hero-title"> <h2 className="Hero-title">

7
extensions/tags/less/forum/TagHero.less
View File

@@ -1,5 +1,8 @@
.TagHero { .TagHero {
&--colored { &--light {
--hero-color: #fff; --hero-color: @text-on-light;
}
&--dark {
--hero-color: @text-on-dark;
} }
} }