[mirotalksfu] - fix chat emoji bg, change font, update dep

public/css/GroupChat.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
+
 .container {
     padding: 2px !important;
     /* overflow-y: auto;
@@ -275,11 +277,12 @@
     position: absolute;
     left: 5px;
     bottom: 135px;
+    background: var(--body-bg);
     border: var(--border);
     border-radius: 5px;
     --rgb-background: var(--body-bg);
     --color-border-over: var(--body-bg);
-    --font-family: 'Comfortaa';
+    --font-family: 'Montserrat';
 }
 
 /* status */

public/css/Room.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
 
 /*--------------------------------------------------------------
 # Keyframes
@@ -70,7 +70,7 @@ body {
 #loadingDiv h1 {
     padding: 10px;
     font-size: 60px;
-    font-family: 'Comfortaa';
+    font-family: 'Montserrat';
     border-radius: 10px;
 }
 #loadingDiv img {
@@ -80,7 +80,7 @@ body {
 }
 #loadingDiv pre {
     padding: 10px;
-    font-family: 'Comfortaa';
+    font-family: 'Montserrat';
     border-radius: 10px;
 }
 
@@ -942,7 +942,7 @@ th {
     box-shadow: var(--box-shadow);
     --rgb-background: var(--body-bg);
     --color-border-over: var(--body-bg);
-    --font-family: 'Comfortaa';
+    --font-family: 'Montserrat';
     transform: translate(-50%, -50%);
 }
 

public/css/Root.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
 
 :root {
     --body-bg: radial-gradient(#393939, #000000);
@@ -61,5 +61,5 @@
 
 * {
     outline: none;
-    font-family: 'Comfortaa';
+    font-family: 'Montserrat';
 }

public/css/RtmpStreamer.css

@@ -1,7 +1,7 @@
-@import url('https://fonts.googleapis.com/css?family=Comfortaa:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
 
 body {
-    font-family: 'Comfortaa'; /*, Arial, sans-serif;*/
+    font-family: 'Montserrat';
     display: flex;
     flex-direction: column;
     align-items: center;