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/util/colorMXID.js

@@ -19,7 +19,9 @@ export function hashCode(str) {
 
 export function cssColorMXID(userId) {
   const colorNumber = hashCode(userId) % 8;
-  return `--mx-uc-${colorNumber + 1}`;
+  // @user:a.b.c => -user-a_b_c
+  const escapedUserId = userId.replace(/[@:]/g, '-').replace(/[^\w-]/g, '_');
+  return `--mx-uc-${escapedUserId}, var(--mx-uc-${colorNumber + 1})`;
 }
 
 export default function colorMXID(userId) {

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