chore: add mx-uc.css

config.json

@@ -1,13 +1,8 @@
 {
-  "defaultHomeserver": 3,
+  "defaultHomeserver": 0,
   "homeserverList": [
-    "0wnz.at",
-    "converser.eu",
-    "envs.net",
-    "matrix.org",
-    "monero.social",
-    "mozilla.org",
-    "xmr.se"
+    "chat.naskya.net",
+    "chat.sup39.dev"
   ],
-  "allowCustomHomeservers": true
+  "allowCustomHomeservers": false
 }

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
-    <title>Cinny</title>
+    <title>Cinny@さぽなす</title>
     <meta name="name" content="Cinny" />
     <meta name="author" content="Ajay Bura" />
     <meta
@@ -26,6 +26,7 @@
     <meta name="theme-color" content="#000000" />
 
     <link id="favicon" rel="shortcut icon" href="./public/favicon.ico" />
+    <link rel="stylesheet" href="/mx-uc.css" />
 
     <link rel="manifest" href="/manifest.json" />
     <meta name="mobile-web-app-capable" content="yes" />

public/mx-uc.css

@@ -0,0 +1,4 @@
+:root {
+  --mx-uc--sup39-chat_sup39_dev: #2ee5b8;
+  /* --mx-uc--naskya-chat_naskya_net: ; */
+}

src/app/components/message/Reaction.tsx

@@ -3,7 +3,7 @@ import { Box, Text, as } from 'folds';
 import classNames from 'classnames';
 import { MatrixClient, MatrixEvent, Room } from 'matrix-js-sdk';
 import * as css from './Reaction.css';
-import { getHexcodeForEmoji, getShortcodeFor } from '../../plugins/emoji';
+import { getHexcodeForEmoji, getShortcodeFor, getEmojiUrl, isUsingTwemoji } from '../../plugins/emoji';
 import { getMemberDisplayName } from '../../utils/room';
 import { eventWithShortcode, getMxIdLocalPart } from '../../utils/matrix';
 
@@ -31,6 +31,13 @@ export const Reaction = as<
           src={mx.mxcUrlToHttp(reaction) ?? reaction}
           alt={reaction}
         />
+      ) : isUsingTwemoji() ? (
+        <img
+          className={css.ReactionImg}
+          src={getEmojiUrl(reaction)}
+          alt={reaction}
+          title={getShortcodeFor(getHexcodeForEmoji(reaction))}
+        />
       ) : (
         <Text as="span" size="Inherit" truncate>
           {reaction}

vite.config.js

@@ -33,6 +33,10 @@ const copyFiles = {
       src: 'public/res/android',
       dest: 'public/',
     },
+    {
+      src: 'public/mx-uc.css',
+      dest: '',
+    },
     {
       src: 'twemoji/assets/svg/*',
       dest: 'twemoji/',