style: modernize UI aesthetics and replace app launcher icons

app/src/main/java/com/m57/hermescontrol/ui/chat/ChatBubble.kt

@@ -6,6 +6,8 @@ import androidx.compose.animation.core.Spring
 import androidx.compose.animation.core.spring
 import androidx.compose.animation.expandVertically
 import androidx.compose.animation.fadeIn
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -35,6 +37,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalConfiguration
 import androidx.compose.ui.text.SpanStyle
@@ -96,6 +99,14 @@ private fun UserBubble(
                 .padding(horizontal = 12.dp, vertical = 3.dp),
         contentAlignment = Alignment.CenterEnd,
     ) {
+        val gradientBrush =
+            Brush.linearGradient(
+                colors =
+                    listOf(
+                        MaterialTheme.colorScheme.primary,
+                        MaterialTheme.colorScheme.secondary,
+                    ),
+            )
         Surface(
             modifier =
                 Modifier
@@ -107,8 +118,8 @@ private fun UserBubble(
                             bottomStart = 16.dp,
                             bottomEnd = 4.dp,
                         ),
-                    ),
-            color = UserBubble,
+                    ).background(brush = gradientBrush),
+            color = Color.Transparent,
             tonalElevation = 0.dp,
         ) {
             Column(modifier = Modifier.padding(12.dp)) {
@@ -164,6 +175,11 @@ private fun AssistantBubble(
                         ),
                     ),
             color = bubbleColor,
+            border =
+                BorderStroke(
+                    width = 1.dp,
+                    color = MaterialTheme.colorScheme.outline.copy(alpha = 0.1f),
+                ),
             tonalElevation = 1.dp,
         ) {
             Column(modifier = Modifier.padding(12.dp)) {

app/src/main/java/com/m57/hermescontrol/ui/chat/ChatScreen.kt

@@ -12,6 +12,7 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.animation.slideInVertically
 import androidx.compose.animation.slideOutVertically
+import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.background
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Arrangement
@@ -74,6 +75,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
@@ -121,6 +123,16 @@ fun ChatScreen(
         )
     }
 
+    val backgroundGradient =
+        Brush.verticalGradient(
+            colors =
+                listOf(
+                    MaterialTheme.colorScheme.background,
+                    MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.3f),
+                    MaterialTheme.colorScheme.primary.copy(alpha = 0.05f),
+                ),
+        )
+
     Scaffold(
         modifier = modifier.fillMaxSize(),
         topBar = {
@@ -262,6 +274,7 @@ fun ChatScreen(
                 Modifier
                     .fillMaxSize()
                     .padding(paddingValues)
+                    .background(backgroundGradient)
                     .navigationBarsPadding()
                     .imePadding(),
         ) {
@@ -460,13 +473,21 @@ private fun ChatInputBar(
         exit = slideOutVertically(targetOffsetY = { it }),
     ) {
         Card(
-            modifier = Modifier.fillMaxWidth(),
-            shape = RoundedCornerShape(topStart = 16.dp, topEnd = 16.dp),
+            modifier =
+                Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 12.dp, vertical = 8.dp),
+            shape = RoundedCornerShape(24.dp),
             colors =
                 CardDefaults.cardColors(
-                    containerColor = MaterialTheme.colorScheme.surface,
+                    containerColor = MaterialTheme.colorScheme.surface.copy(alpha = 0.85f),
                 ),
-            elevation = CardDefaults.cardElevation(8.dp),
+            border =
+                BorderStroke(
+                    width = 1.dp,
+                    color = MaterialTheme.colorScheme.outline.copy(alpha = 0.15f),
+                ),
+            elevation = CardDefaults.cardElevation(defaultElevation = 6.dp),
         ) {
             Column {
                 val commands =

app/src/main/java/com/m57/hermescontrol/ui/connect/ConnectScreen.kt

@@ -3,6 +3,8 @@ package com.m57.hermescontrol.ui.connect
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -38,6 +40,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.PasswordVisualTransformation
@@ -64,10 +67,21 @@ fun ConnectScreen(
 
     var passwordVisible by remember { mutableStateOf(false) }
 
+    val backgroundGradient =
+        Brush.verticalGradient(
+            colors =
+                listOf(
+                    MaterialTheme.colorScheme.background,
+                    MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.5f),
+                    MaterialTheme.colorScheme.primary.copy(alpha = 0.1f),
+                ),
+        )
+
     Box(
         modifier =
             modifier
                 .fillMaxSize()
+                .background(backgroundGradient)
                 .imePadding(),
         contentAlignment = Alignment.Center,
     ) {
@@ -110,9 +124,14 @@ fun ConnectScreen(
                 modifier = Modifier.fillMaxWidth(),
                 colors =
                     CardDefaults.cardColors(
-                        containerColor = MaterialTheme.colorScheme.surface,
+                        containerColor = MaterialTheme.colorScheme.surface.copy(alpha = 0.7f),
                     ),
-                elevation = CardDefaults.cardElevation(defaultElevation = 2.dp),
+                border =
+                    BorderStroke(
+                        width = 1.dp,
+                        color = MaterialTheme.colorScheme.outline.copy(alpha = 0.2f),
+                    ),
+                elevation = CardDefaults.cardElevation(defaultElevation = 8.dp),
             ) {
                 Column(
                     modifier =