Fixed connection lost css bug

web/desktop.system

@@ -178,9 +178,10 @@
             display: none;
         }
 
-        #connectionLost .ts.card{
+        #connectionLost .ui.card{
             box-shadow: none;
             border: 0px solid transparent;
+            color: white;
         }
 
         /* Theme Color css settings */
@@ -1003,14 +1004,14 @@
     <div id="connectionLost">
         <div class="ui inverted card themeColor" style="width: 300px; background-color: rgba(14,14,14,0.5);">
             <div class="content">
-                <div class="header"><img class="ui mini image blink-image" style="vertical-align:bottom; padding-right: 0.5em;" src="SystemAO/desktop/icons/connlost.svg"><span locale="error/connlost/title">Connection Lost</span></div>
-                <div class="description" locale="error/connlost">
+                <div class="header"><img class="ui mini image blink-image" style="vertical-align:bottom; padding-right: 0.5em;" src="SystemAO/desktop/icons/connlost.svg"><span locale="error/connlost/title" style="color: white;">Connection Lost</span></div>
+                <div class="description" locale="error/connlost" style="color: white;">
                     Connection to server is lost. Please wait until this warning disappear before further operations.
                 </div>
             </div>
             <div class="ui fluid bottom attached buttons">
-                <button locale="error/connlost/recheck" class="ui opinion button" onclick="handleManualCheckReconnect(this);">Check Again</button>
-                <button locale="error/connlost/wait" class="ui secondary opinion button">Wait</button>
+                <button locale="error/connlost/recheck" class="ui opinion button" style="background-color: rgba(14,14,14,0.2); color: white;" onclick="handleManualCheckReconnect(this);">Check Again</button>
+                <button locale="error/connlost/wait" class="ui secondary opinion button" style="background-color: rgba(14,14,14,0.5); color: white;">Wait</button>
             </div>
         </div>
     </div>
@@ -1202,6 +1203,7 @@
             });
         }
 
+      
         function checkConnection(timeout=15000, callback=undefined){
             $.ajax({
                 url: 'system/auth/checkLogin',
@@ -6495,7 +6497,7 @@
             $(".themed.text").css("color", newThemeColor);
 
             //Connection lost notification css
-            $("#connectionLost").find(".ts.card").css("background-color", hexToRgbA(newThemeColor, 0.5));
+            $("#connectionLost").find(".ui.card").css("background-color", hexToRgbA(newThemeColor, 0.5));
         }
 
         //Load the user define theme color to overwrite the default color if exists