Skip to content

Commit

Permalink
Fix post/comment badge colors to be more muted (fixes #1511)
Browse files Browse the repository at this point in the history
  • Loading branch information
Nutomic committed Jun 23, 2023
1 parent 9040e2f commit bc28827
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 15 deletions.
4 changes: 2 additions & 2 deletions src/assets/css/themes/darkly.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions src/shared/components/comment/comment-node.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -317,17 +317,17 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</div>
)}
{isMod_ && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("mod")}
</div>
)}
{isAdmin_ && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("admin")}
</div>
)}
{cv.creator.bot_account && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("bot_account").toLowerCase()}
</div>
)}
Expand All @@ -343,7 +343,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
)}
{this.linkBtn(true)}
{cv.comment.language_id !== 0 && (
<span className="badge text-bg-light d-none d-sm-inline me-2">
<span className="badge d-none d-sm-inline me-2">
{
this.props.allLanguages.find(
lang => lang.id === cv.comment.language_id
Expand Down
12 changes: 4 additions & 8 deletions src/shared/components/post/post-listing.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -384,17 +384,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span className="small">
<PersonListing person={post_view.creator} />
{this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")}
</span>
<span className="mx-1 badge">{I18NextService.i18n.t("mod")}</span>
)}
{this.creatorIsAdmin_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("admin")}
</span>
<span className="mx-1 badge">{I18NextService.i18n.t("admin")}</span>
)}
{post_view.creator.bot_account && (
<span className="mx-1 badge text-bg-light">
<span className="mx-1 badge">
{I18NextService.i18n.t("bot_account").toLowerCase()}
</span>
)}
Expand All @@ -406,7 +402,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</>
)}
{post_view.post.language_id !== 0 && (
<span className="mx-1 badge text-bg-light">
<span className="mx-1 badge">
{
this.props.allLanguages.find(
lang => lang.id === post_view.post.language_id
Expand Down

0 comments on commit bc28827

Please sign in to comment.