chore: implement new style

Author: jvsena42

app/src/main/java/to/bitkit/ui/components/TextInput.kt

@@ -8,6 +8,7 @@ import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldColors
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
@@ -46,7 +47,8 @@ fun TextInput(
     supportingText: @Composable (() -> Unit)? = null,
     visualTransformation: VisualTransformation = VisualTransformation.None,
     textStyle: TextStyle = AppTextStyles.BodySSB,
-) {
+    colors: TextFieldColors = AppTextFieldDefaults.semiTransparent,
+    ) {
     var textFieldValue by remember { mutableStateOf(TextFieldValue(value)) }
 
     // Sync external changes
@@ -75,7 +77,7 @@ fun TextInput(
         maxLines = maxLines,
         minLines = minLines,
         singleLine = singleLine,
-        colors = AppTextFieldDefaults.semiTransparent,
+        colors = colors,
         shape = AppShapes.small,
         keyboardOptions = keyboardOptions,
         keyboardActions = keyboardActions,

app/src/main/java/to/bitkit/ui/screens/widgets/calculator/components/CalculatorCard.kt

@@ -101,7 +101,7 @@ fun CalculatorCardContent(
     Box(
         modifier = modifier
             .clip(shape = MaterialTheme.shapes.medium)
-            .background(Colors.White10)
+            .background(Colors.Gray6)
     ) {
         Column(
             modifier = Modifier

app/src/main/java/to/bitkit/ui/screens/widgets/calculator/components/CalculatorInput.kt

@@ -20,6 +20,7 @@ import androidx.compose.ui.unit.dp
 import to.bitkit.ui.components.BodyMSB
 import to.bitkit.ui.components.CaptionB
 import to.bitkit.ui.components.TextInput
+import to.bitkit.ui.theme.AppTextFieldDefaults
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.ui.theme.Colors
 
@@ -30,7 +31,7 @@ fun CalculatorInput(
     currencySymbol: String,
     currencyName: String,
     modifier: Modifier = Modifier,
-    visualTransformation: VisualTransformation = VisualTransformation.None
+    visualTransformation: VisualTransformation = VisualTransformation.None,
 ) {
     TextInput(
         value = value,
@@ -39,7 +40,7 @@ fun CalculatorInput(
         leadingIcon = {
             Box(
                 modifier = Modifier
-                    .background(color = Colors.White10, shape = CircleShape)
+                    .background(color = Colors.Gray6, shape = CircleShape)
                     .size(32.dp),
                 contentAlignment = Alignment.Center
             ) {
@@ -50,6 +51,10 @@ fun CalculatorInput(
             keyboardType = KeyboardType.Number
         ),
         suffix = { CaptionB(currencyName.uppercase(), color = Colors.Gray1) },
+        colors = AppTextFieldDefaults.noIndicatorColors.copy(
+            focusedContainerColor = Colors.Black,
+            unfocusedContainerColor = Colors.Black
+        ),
         modifier = modifier,
         visualTransformation = visualTransformation
     )
@@ -60,7 +65,9 @@ fun CalculatorInput(
 private fun Preview() {
     AppThemeSurface {
         Column(
-            modifier = Modifier.fillMaxSize().padding(16.dp),
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(16.dp),
             verticalArrangement = Arrangement.spacedBy(16.dp)
         ) {
             CalculatorInput(