From 90a9f728177f9fac27a38892a26159d7cd391fbe Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Tue, 23 May 2023 22:16:54 +0200
Subject: [PATCH 1/3] Changes to language tag

- Dont use bright white color because its not that important
- Hide tag in case of undetermined (doesnt add any information)
---
 lemmy-translations                             |  2 +-
 src/shared/components/comment/comment-node.tsx | 16 +++++++++-------
 src/shared/components/post/post-listing.tsx    | 16 +++++++++-------
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/lemmy-translations b/lemmy-translations
index a1fff8b4..007e5368 160000
--- a/lemmy-translations
+++ b/lemmy-translations
@@ -1 +1 @@
-Subproject commit a1fff8b481f4b02327e4ee04088606af627628f2
+Subproject commit 007e53683768aeba63e9e4c179c1d240217bcee2
diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index d2dee1e8..83477864 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -283,13 +283,15 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 )}
               </button>
               {this.linkBtn(true)}
-              <span className="mx-1 badge badge-secondary">
-                {
-                  this.props.allLanguages.find(
-                    lang => lang.id === cv.comment.language_id
-                  )?.name
-                }
-              </span>
+              {cv.comment.language_id != 0 && (
+                <span className="">
+                  {
+                    this.props.allLanguages.find(
+                      lang => lang.id === cv.comment.language_id
+                    )?.name
+                  }
+                </span>
+              )}
               {/* This is an expanding spacer for mobile */}
               <div className="mr-lg-5 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2" />
               {showScores() && (
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index fd9b883e..916c8c93 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -344,13 +344,15 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </span>
           )}
         </li>
-        <span className="mx-1 badge badge-secondary">
-          {
-            this.props.allLanguages.find(
-              lang => lang.id === post_view.post.language_id
-            )?.name
-          }
-        </span>
+        {post_view.post.language_id != 0 && (
+          <span className="list-inline-item">
+            {
+              this.props.allLanguages.find(
+                lang => lang.id === post_view.post.language_id
+              )?.name
+            }
+          </span>
+        )}
         <li className="list-inline-item">•</li>
         {url && !(hostname(url) === getExternalHost()) && (
           <>

From 15f75a26e950a6d846551dd0a128727caa9ab58a Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Wed, 24 May 2023 12:22:24 +0200
Subject: [PATCH 2/3] use badge-muted

---
 .../components/comment/comment-node.tsx       | 26 +++++++++----------
 src/shared/components/post/post-listing.tsx   | 10 +++----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index 83477864..fae636e9 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -240,23 +240,23 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
               {cv.comment.distinguished && (
                 <Icon icon="shield" inline classes={`text-danger mr-2`} />
               )}
-              {isMod_ && (
-                <div className="badge badge-light d-none d-sm-inline mr-2">
-                  {i18n.t("mod")}
-                </div>
-              )}
-              {isAdmin_ && (
-                <div className="badge badge-light d-none d-sm-inline mr-2">
-                  {i18n.t("admin")}
-                </div>
-              )}
               {this.isPostCreator && (
                 <div className="badge badge-light d-none d-sm-inline mr-2">
                   {i18n.t("creator")}
                 </div>
               )}
+              {isMod_ && (
+                <div className="badge badge-muted d-none d-sm-inline mr-2">
+                  {i18n.t("mod")}
+                </div>
+              )}
+              {isAdmin_ && (
+                <div className="badge badge-muted d-none d-sm-inline mr-2">
+                  {i18n.t("admin")}
+                </div>
+              )}
               {cv.creator.bot_account && (
-                <div className="badge badge-light d-none d-sm-inline mr-2">
+                <div className="badge badge-muted d-none d-sm-inline mr-2">
                   {i18n.t("bot_account").toLowerCase()}
                 </div>
               )}
@@ -283,8 +283,8 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 )}
               </button>
               {this.linkBtn(true)}
-              {cv.comment.language_id != 0 && (
-                <span className="">
+              {cv.comment.language_id !== 0 && (
+                <span className="badge badge-muted d-none d-sm-inline mr-2">
                   {
                     this.props.allLanguages.find(
                       lang => lang.id === cv.comment.language_id
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 916c8c93..137ded9e 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -327,13 +327,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           <PersonListing person={post_view.creator} />
 
           {this.creatorIsMod_ && (
-            <span className="mx-1 badge badge-light">{i18n.t("mod")}</span>
+            <span className="mx-1 badge badge-muted">{i18n.t("mod")}</span>
           )}
           {this.creatorIsAdmin_ && (
-            <span className="mx-1 badge badge-light">{i18n.t("admin")}</span>
+            <span className="mx-1 badge badge-muted">{i18n.t("admin")}</span>
           )}
           {post_view.creator.bot_account && (
-            <span className="mx-1 badge badge-light">
+            <span className="mx-1 badge badge-muted">
               {i18n.t("bot_account").toLowerCase()}
             </span>
           )}
@@ -344,8 +344,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </span>
           )}
         </li>
-        {post_view.post.language_id != 0 && (
-          <span className="list-inline-item">
+        {post_view.post.language_id !== 0 && (
+          <span className="mx-1 badge badge-muted">
             {
               this.props.allLanguages.find(
                 lang => lang.id === post_view.post.language_id

From 8837cf568e63a034bbb32708768fb21f7e02fccc Mon Sep 17 00:00:00 2001
From: Felix Ableitner <me@nutomic.com>
Date: Thu, 25 May 2023 10:52:00 +0200
Subject: [PATCH 3/3] remove badge-muted

---
 src/shared/components/comment/comment-node.tsx | 8 ++++----
 src/shared/components/post/post-listing.tsx    | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index fae636e9..7ed5e8f4 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -246,17 +246,17 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 </div>
               )}
               {isMod_ && (
-                <div className="badge badge-muted d-none d-sm-inline mr-2">
+                <div className="badge d-none d-sm-inline mr-2">
                   {i18n.t("mod")}
                 </div>
               )}
               {isAdmin_ && (
-                <div className="badge badge-muted d-none d-sm-inline mr-2">
+                <div className="badge d-none d-sm-inline mr-2">
                   {i18n.t("admin")}
                 </div>
               )}
               {cv.creator.bot_account && (
-                <div className="badge badge-muted d-none d-sm-inline mr-2">
+                <div className="badge d-none d-sm-inline mr-2">
                   {i18n.t("bot_account").toLowerCase()}
                 </div>
               )}
@@ -284,7 +284,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
               </button>
               {this.linkBtn(true)}
               {cv.comment.language_id !== 0 && (
-                <span className="badge badge-muted d-none d-sm-inline mr-2">
+                <span className="badge d-none d-sm-inline mr-2">
                   {
                     this.props.allLanguages.find(
                       lang => lang.id === cv.comment.language_id
diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 137ded9e..4d8e1094 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -327,13 +327,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           <PersonListing person={post_view.creator} />
 
           {this.creatorIsMod_ && (
-            <span className="mx-1 badge badge-muted">{i18n.t("mod")}</span>
+            <span className="mx-1 badge">{i18n.t("mod")}</span>
           )}
           {this.creatorIsAdmin_ && (
-            <span className="mx-1 badge badge-muted">{i18n.t("admin")}</span>
+            <span className="mx-1 badge">{i18n.t("admin")}</span>
           )}
           {post_view.creator.bot_account && (
-            <span className="mx-1 badge badge-muted">
+            <span className="mx-1 badge">
               {i18n.t("bot_account").toLowerCase()}
             </span>
           )}
@@ -345,7 +345,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           )}
         </li>
         {post_view.post.language_id !== 0 && (
-          <span className="mx-1 badge badge-muted">
+          <span className="mx-1 badge">
             {
               this.props.allLanguages.find(
                 lang => lang.id === post_view.post.language_id