fix: pass-through to color / unset if no gradient

external/lang

@@ -1 +1 @@
-Subproject commit 58a9fb697de00f570d445be4d12e3ce4a5e3522e
+Subproject commit 1a8542166173445602c0a4a8f821806002fd2fc4

src/components/common/user/UserShort.tsx

@@ -1,7 +1,7 @@
 import { observer } from "mobx-react-lite";
 import { useParams } from "react-router-dom";
 import { User, API } from "revolt.js";
-import styled from "styled-components/macro";
+import styled, { css } from "styled-components/macro";
 
 import { Ref } from "preact";
 import { Text } from "preact-i18n";
@@ -39,10 +39,18 @@ type UsernameProps = Omit<
 };
 
 const Name = styled.span<{ colour?: string | null }>`
-    background: ${(props) => props.colour ?? "var(--foreground)"};
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
+    ${(props) =>
+        props.colour &&
+        (props.colour.includes("gradient")
+            ? css`
+                  background: ${props.colour};
+                  background-clip: text;
+                  -webkit-background-clip: text;
+                  -webkit-text-fill-color: transparent;
+              `
+            : css`
+                  color: ${props.colour};
+              `)}
 `;
 
 export const Username = observer(