feat: Replace Material Icons with Tabler Icons across multiple screens

This commit is contained in:
k1ngsterr1
2026-01-24 21:51:50 +05:00
parent 14628e11a2
commit 83531a5c57
15 changed files with 128 additions and 136 deletions

View File

@@ -6,10 +6,9 @@ import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.foundation.lazy.rememberLazyListState
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack
import androidx.compose.material.icons.filled.Delete
import androidx.compose.material3.*
import compose.icons.TablerIcons
import compose.icons.tablericons.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
@@ -64,7 +63,7 @@ fun ProfileLogsScreen(
) {
IconButton(onClick = onBack) {
Icon(
imageVector = Icons.Filled.ArrowBack,
imageVector = TablerIcons.ArrowLeft,
contentDescription = "Back",
tint = textColor
)
@@ -80,7 +79,7 @@ fun ProfileLogsScreen(
)
IconButton(onClick = onClearLogs) {
Icon(
imageVector = Icons.Filled.Delete,
imageVector = TablerIcons.Trash,
contentDescription = "Clear logs",
tint = secondaryTextColor
)

View File

@@ -19,10 +19,9 @@ import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.text.BasicTextField
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.*
import androidx.compose.material.icons.outlined.*
import androidx.compose.material3.*
import compose.icons.TablerIcons
import compose.icons.tablericons.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
@@ -403,7 +402,7 @@ fun ProfileScreen(
TelegramSectionTitle(title = "Settings", isDarkTheme = isDarkTheme)
TelegramSettingsItem(
icon = Icons.Outlined.Palette,
icon = TablerIcons.Palette,
title = "Theme",
onClick = onNavigateToTheme,
isDarkTheme = isDarkTheme,
@@ -411,7 +410,7 @@ fun ProfileScreen(
)
TelegramSettingsItem(
icon = Icons.Outlined.Lock,
icon = TablerIcons.Lock,
title = "Safety",
onClick = onNavigateToSafety,
isDarkTheme = isDarkTheme,
@@ -586,7 +585,7 @@ private fun CollapsingProfileHeader(
modifier = Modifier.size(48.dp)
) {
Icon(
imageVector = Icons.Filled.ArrowBack,
imageVector = TablerIcons.ArrowLeft,
contentDescription = "Back",
tint = Color.White,
modifier = Modifier.size(24.dp)
@@ -610,7 +609,7 @@ private fun CollapsingProfileHeader(
modifier = Modifier.size(48.dp)
) {
Icon(
imageVector = Icons.Default.MoreVert,
imageVector = TablerIcons.DotsVertical,
contentDescription = "Profile menu",
tint = Color.White,
modifier = Modifier.size(24.dp)
@@ -766,7 +765,7 @@ fun ProfileCard(
.padding(4.dp)
) {
Icon(
imageVector = Icons.Filled.ArrowBack,
imageVector = TablerIcons.ArrowLeft,
contentDescription = "Back",
tint = Color.White
)
@@ -1058,7 +1057,7 @@ private fun TelegramBiometricItem(
verticalAlignment = Alignment.CenterVertically
) {
Icon(
imageVector = Icons.Outlined.Fingerprint,
imageVector = TablerIcons.Fingerprint,
contentDescription = null,
tint = iconColor,
modifier = Modifier.size(24.dp)
@@ -1101,7 +1100,7 @@ private fun TelegramLogoutItem(
verticalAlignment = Alignment.CenterVertically
) {
Icon(
imageVector = Icons.Outlined.Logout,
imageVector = TablerIcons.Logout,
contentDescription = null,
tint = redColor,
modifier = Modifier.size(24.dp)
@@ -1193,7 +1192,7 @@ fun ProfileNavigationItem(
if (!hideChevron) {
Icon(
imageVector = Icons.Default.ChevronRight,
imageVector = TablerIcons.ChevronRight,
contentDescription = null,
tint = iconTintColor.copy(alpha = 0.5f),
modifier = Modifier.size(20.dp)

View File

@@ -11,13 +11,9 @@ import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.verticalScroll
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack
import androidx.compose.material.icons.filled.Check
import androidx.compose.material.icons.filled.DarkMode
import androidx.compose.material.icons.filled.DoneAll
import androidx.compose.material.icons.filled.LightMode
import androidx.compose.material.icons.filled.Smartphone
import androidx.compose.material3.*
import compose.icons.TablerIcons
import compose.icons.tablericons.*
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
@@ -66,7 +62,7 @@ fun ThemeScreen(
) {
IconButton(onClick = onBack) {
Icon(
imageVector = Icons.Filled.ArrowBack,
imageVector = TablerIcons.ArrowLeft,
contentDescription = "Back",
tint = textColor
)
@@ -103,7 +99,7 @@ fun ThemeScreen(
Column {
TelegramThemeOption(
icon = Icons.Filled.LightMode,
icon = TablerIcons.Sun,
title = "Light",
isSelected = themeMode == "light",
onClick = {
@@ -119,7 +115,7 @@ fun ThemeScreen(
)
TelegramThemeOption(
icon = Icons.Filled.DarkMode,
icon = TablerIcons.Moon,
title = "Dark",
isSelected = themeMode == "dark",
onClick = {
@@ -135,7 +131,7 @@ fun ThemeScreen(
)
TelegramThemeOption(
icon = Icons.Filled.Smartphone,
icon = TablerIcons.DeviceMobile,
title = "System",
isSelected = themeMode == "auto",
onClick = {
@@ -210,7 +206,7 @@ private fun TelegramThemeOption(
// Radio button
if (isSelected) {
Icon(
imageVector = Icons.Filled.Check,
imageVector = TablerIcons.Check,
contentDescription = null,
tint = Color(0xFF007AFF),
modifier = Modifier.size(20.dp)
@@ -359,7 +355,7 @@ private fun MessageBubble(
if (isMe) {
// Read checkmarks (DoneAll icon like in real chat)
Icon(
imageVector = Icons.Default.DoneAll,
imageVector = TablerIcons.Checks,
contentDescription = null,
tint = Color(0xFF4FC3F7), // Blue checkmarks for read messages
modifier = Modifier.size(14.dp)

View File

@@ -6,9 +6,9 @@ import androidx.compose.foundation.layout.*
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.verticalScroll
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack
import androidx.compose.material3.*
import compose.icons.TablerIcons
import compose.icons.tablericons.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
@@ -48,7 +48,7 @@ fun UpdatesScreen(
) {
IconButton(onClick = onBack) {
Icon(
imageVector = Icons.Filled.ArrowBack,
imageVector = TablerIcons.ArrowLeft,
contentDescription = "Back",
tint = if (isDarkTheme) Color.White else Color.Black
)