ref: adjust auth screen gradient

composeApp/src/commonMain/kotlin/com/nuvio/app/core/ui/NuvioGradients.kt

@@ -0,0 +1,20 @@
+package com.nuvio.app.core.ui
+
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+
+fun nuvioOverlayGradientBrush(): Brush = Brush.linearGradient(
+    colorStops = arrayOf(
+        0f to Color(0xFF21113B),
+        0.12f to Color(0xFF21113B),
+        0.24f to Color(0xFF1A0E2F),
+        0.34f to Color(0xFF130A23),
+        0.44f to Color(0xFF0A060F),
+        0.58f to Color(0xFF050408),
+        0.64f to Color.Black,
+        1f to Color.Black,
+    ),
+    start = Offset(0f, 0f),
+    end = Offset(1000f, 1600f),
+)

composeApp/src/commonMain/kotlin/com/nuvio/app/features/auth/AuthScreen.kt

@@ -45,6 +45,7 @@ import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.ImeAction
@@ -55,6 +56,7 @@ import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.nuvio.app.core.auth.AuthRepository
+import com.nuvio.app.core.ui.nuvioOverlayGradientBrush
 import com.nuvio.app.core.ui.NuvioPrimaryButton
 import com.nuvio.app.core.ui.NuvioSurfaceCard
 import kotlinx.coroutines.launch
@@ -79,14 +81,18 @@ fun AuthScreen(
     Box(
         modifier = modifier
             .fillMaxSize()
-            .background(MaterialTheme.colorScheme.background)
+            .background(Color.Black),
-            .padding(horizontal = 24.dp),
     ) {
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(brush = nuvioOverlayGradientBrush()),
+        )
         Column(
             modifier = Modifier
                 .fillMaxSize()
                 .verticalScroll(rememberScrollState())
-                .padding(top = statusBarTop + 60.dp, bottom = 40.dp),
+                .padding(start = 24.dp, end = 24.dp, top = statusBarTop + 60.dp, bottom = 40.dp),
             horizontalAlignment = Alignment.CenterHorizontally,
         ) {
             Image(