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/editor/Elements.tsx

@@ -98,7 +98,8 @@ function RenderEmoticonElement({
           isUsingTwemoji() ? <img
             className={css.EmoticonImg}
             src={getEmojiUrl(element.key)}
-            alt={element.shortcode}
+            alt={element.key}
+            title={element.shortcode}
           /> : element.key
         )}
         {children}

src/app/components/emoji-board/EmojiBoard.tsx

@@ -283,7 +283,8 @@ const NativeEmoji = (emoji: IEmoji) =>
     loading="lazy"
     className={css.EmoticonImg}
     src={getEmojiUrl(emoji.unicode)}
-    alt={emoji.shortcode}
+    alt={emoji.unicode}
+    title={emoji.shortcode}
   /> : emoji.unicode;
 
 export function EmojiItem({

src/app/plugins/react-custom-html-parser.tsx

@@ -46,6 +46,7 @@ const textToEmojifyJSX = (text: string): (string | JSX.Element)[] =>
       return <span key={pushIndex} className={css.EmoticonBase}>{
         isUsingTwemoji() ? <img
           className={className}
+          alt={char}
           title={title}
           src={getEmojiUrl(char)}
         /> : <span

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/',