Skip to content

Commit

Permalink
[FE] Revisit styles (#29)
Browse files Browse the repository at this point in the history 
### Brief Description

Updated the app's color & typography

---------

Signed-off-by: Kshitij Patil <kshitijpatil98@gmail.com>
  • Loading branch information
@Kshitij09
Kshitij09 authored Aug 6, 2024
1 parent da4635b commit 23abb28
Show file tree
Hide file tree
Showing 9 changed files with 589 additions and 224 deletions.
295 changes: 221 additions & 74 deletions frontend/compose-app/ui/design/src/main/kotlin/cc/snakechat/design/Color.kt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,78 +2,225 @@ package cc.snakechat.design

import androidx.compose.ui.graphics.Color

internal val primaryLight = Color(0xFF625690)
internal val onPrimaryLight = Color(0xFFFFFFFF)
internal val primaryContainerLight = Color(0xFFE7DEFF)
internal val onPrimaryContainerLight = Color(0xFF1E1048)
internal val secondaryLight = Color(0xFF615B71)
internal val onSecondaryLight = Color(0xFFFFFFFF)
internal val secondaryContainerLight = Color(0xFFE7DFF8)
internal val onSecondaryContainerLight = Color(0xFF1D192B)
internal val tertiaryLight = Color(0xFF7D5262)
internal val onTertiaryLight = Color(0xFFFFFFFF)
internal val tertiaryContainerLight = Color(0xFFFFD9E4)
internal val onTertiaryContainerLight = Color(0xFF31111E)
internal val errorLight = Color(0xFFBA1A1A)
internal val onErrorLight = Color(0xFFFFFFFF)
internal val successLight = Color(0xFF388E3C)
internal val onSuccessLight = Color(0xFFFFFFFF)
internal val errorContainerLight = Color(0xFFFFDAD6)
internal val onErrorContainerLight = Color(0xFF410002)
internal val backgroundLight = Color(0xFFFDF7FF)
internal val onBackgroundLight = Color(0xFF1C1B20)
internal val surfaceLight = Color(0xFFFDF7FF)
internal val onSurfaceLight = Color(0xFF1C1B20)
internal val surfaceVariantLight = Color(0xFFE6E0EC)
internal val onSurfaceVariantLight = Color(0xFF48454E)
internal val outlineLight = Color(0xFF79757F)
internal val outlineVariantLight = Color(0xFFCAC4CF)
internal val scrimLight = Color(0xFF000000)
internal val inverseSurfaceLight = Color(0xFF312F35)
internal val inverseOnSurfaceLight = Color(0xFFF4EFF7)
internal val inversePrimaryLight = Color(0xFFCCBDFF)
internal val surfaceDimLight = Color(0xFFDDD8E0)
internal val surfaceBrightLight = Color(0xFFFDF7FF)
internal val surfaceContainerLowestLight = Color(0xFFFFFFFF)
internal val surfaceContainerLowLight = Color(0xFFF7F2FA)
internal val surfaceContainerLight = Color(0xFFF1ECF4)
internal val surfaceContainerHighLight = Color(0xFFECE6EE)
internal val surfaceContainerHighestLight = Color(0xFFE6E1E9)
val primaryLight = Color(0xFF5C5891)
val onPrimaryLight = Color(0xFFFFFFFF)
val primaryContainerLight = Color(0xFFE4DFFF)
val onPrimaryContainerLight = Color(0xFF18124A)
val secondaryLight = Color(0xFF5E5C71)
val onSecondaryLight = Color(0xFFFFFFFF)
val secondaryContainerLight = Color(0xFFE4DFF9)
val onSecondaryContainerLight = Color(0xFF1B192C)
val tertiaryLight = Color(0xFF8E4D2F)
val onTertiaryLight = Color(0xFFFFFFFF)
val tertiaryContainerLight = Color(0xFFFFDBCD)
val onTertiaryContainerLight = Color(0xFF360F00)
val errorLight = Color(0xFFBA1A1A)
val onErrorLight = Color(0xFFFFFFFF)
val errorContainerLight = Color(0xFFFFDAD6)
val onErrorContainerLight = Color(0xFF410002)
val backgroundLight = Color(0xFFFCF8FF)
val onBackgroundLight = Color(0xFF1C1B20)
val surfaceLight = Color(0xFFFCF8FF)
val onSurfaceLight = Color(0xFF1C1B20)
val surfaceVariantLight = Color(0xFFE5E1EC)
val onSurfaceVariantLight = Color(0xFF47464F)
val outlineLight = Color(0xFF787680)
val outlineVariantLight = Color(0xFFC8C5D0)
val scrimLight = Color(0xFF000000)
val inverseSurfaceLight = Color(0xFF313036)
val inverseOnSurfaceLight = Color(0xFFF3EFF7)
val inversePrimaryLight = Color(0xFFC5C0FF)
val surfaceDimLight = Color(0xFFDCD8E0)
val surfaceBrightLight = Color(0xFFFCF8FF)
val surfaceContainerLowestLight = Color(0xFFFFFFFF)
val surfaceContainerLowLight = Color(0xFFF6F2FA)
val surfaceContainerLight = Color(0xFFF1ECF4)
val surfaceContainerHighLight = Color(0xFFEBE7EF)
val surfaceContainerHighestLight = Color(0xFFE5E1E9)

val primaryLightMediumContrast = Color(0xFF403C73)
val onPrimaryLightMediumContrast = Color(0xFFFFFFFF)
val primaryContainerLightMediumContrast = Color(0xFF736EA9)
val onPrimaryContainerLightMediumContrast = Color(0xFFFFFFFF)
val secondaryLightMediumContrast = Color(0xFF434155)
val onSecondaryLightMediumContrast = Color(0xFFFFFFFF)
val secondaryContainerLightMediumContrast = Color(0xFF757288)
val onSecondaryContainerLightMediumContrast = Color(0xFFFFFFFF)
val tertiaryLightMediumContrast = Color(0xFF6C3216)
val onTertiaryLightMediumContrast = Color(0xFFFFFFFF)
val tertiaryContainerLightMediumContrast = Color(0xFFA86242)
val onTertiaryContainerLightMediumContrast = Color(0xFFFFFFFF)
val errorLightMediumContrast = Color(0xFF8C0009)
val onErrorLightMediumContrast = Color(0xFFFFFFFF)
val errorContainerLightMediumContrast = Color(0xFFDA342E)
val onErrorContainerLightMediumContrast = Color(0xFFFFFFFF)
val backgroundLightMediumContrast = Color(0xFFFCF8FF)
val onBackgroundLightMediumContrast = Color(0xFF1C1B20)
val surfaceLightMediumContrast = Color(0xFFFCF8FF)
val onSurfaceLightMediumContrast = Color(0xFF1C1B20)
val surfaceVariantLightMediumContrast = Color(0xFFE5E1EC)
val onSurfaceVariantLightMediumContrast = Color(0xFF43424B)
val outlineLightMediumContrast = Color(0xFF605E67)
val outlineVariantLightMediumContrast = Color(0xFF7C7983)
val scrimLightMediumContrast = Color(0xFF000000)
val inverseSurfaceLightMediumContrast = Color(0xFF313036)
val inverseOnSurfaceLightMediumContrast = Color(0xFFF3EFF7)
val inversePrimaryLightMediumContrast = Color(0xFFC5C0FF)
val surfaceDimLightMediumContrast = Color(0xFFDCD8E0)
val surfaceBrightLightMediumContrast = Color(0xFFFCF8FF)
val surfaceContainerLowestLightMediumContrast = Color(0xFFFFFFFF)
val surfaceContainerLowLightMediumContrast = Color(0xFFF6F2FA)
val surfaceContainerLightMediumContrast = Color(0xFFF1ECF4)
val surfaceContainerHighLightMediumContrast = Color(0xFFEBE7EF)
val surfaceContainerHighestLightMediumContrast = Color(0xFFE5E1E9)

val primaryLightHighContrast = Color(0xFF1F1A50)
val onPrimaryLightHighContrast = Color(0xFFFFFFFF)
val primaryContainerLightHighContrast = Color(0xFF403C73)
val onPrimaryContainerLightHighContrast = Color(0xFFFFFFFF)
val secondaryLightHighContrast = Color(0xFF222033)
val onSecondaryLightHighContrast = Color(0xFFFFFFFF)
val secondaryContainerLightHighContrast = Color(0xFF434155)
val onSecondaryContainerLightHighContrast = Color(0xFFFFFFFF)
val tertiaryLightHighContrast = Color(0xFF411400)
val onTertiaryLightHighContrast = Color(0xFFFFFFFF)
val tertiaryContainerLightHighContrast = Color(0xFF6C3216)
val onTertiaryContainerLightHighContrast = Color(0xFFFFFFFF)
val errorLightHighContrast = Color(0xFF4E0002)
val onErrorLightHighContrast = Color(0xFFFFFFFF)
val errorContainerLightHighContrast = Color(0xFF8C0009)
val onErrorContainerLightHighContrast = Color(0xFFFFFFFF)
val backgroundLightHighContrast = Color(0xFFFCF8FF)
val onBackgroundLightHighContrast = Color(0xFF1C1B20)
val surfaceLightHighContrast = Color(0xFFFCF8FF)
val onSurfaceLightHighContrast = Color(0xFF000000)
val surfaceVariantLightHighContrast = Color(0xFFE5E1EC)
val onSurfaceVariantLightHighContrast = Color(0xFF24232B)
val outlineLightHighContrast = Color(0xFF43424B)
val outlineVariantLightHighContrast = Color(0xFF43424B)
val scrimLightHighContrast = Color(0xFF000000)
val inverseSurfaceLightHighContrast = Color(0xFF313036)
val inverseOnSurfaceLightHighContrast = Color(0xFFFFFFFF)
val inversePrimaryLightHighContrast = Color(0xFFEEE9FF)
val surfaceDimLightHighContrast = Color(0xFFDCD8E0)
val surfaceBrightLightHighContrast = Color(0xFFFCF8FF)
val surfaceContainerLowestLightHighContrast = Color(0xFFFFFFFF)
val surfaceContainerLowLightHighContrast = Color(0xFFF6F2FA)
val surfaceContainerLightHighContrast = Color(0xFFF1ECF4)
val surfaceContainerHighLightHighContrast = Color(0xFFEBE7EF)
val surfaceContainerHighestLightHighContrast = Color(0xFFE5E1E9)

val primaryDark = Color(0xFFC5C0FF)
val onPrimaryDark = Color(0xFF2E2960)
val primaryContainerDark = Color(0xFF444078)
val onPrimaryContainerDark = Color(0xFFE4DFFF)
val secondaryDark = Color(0xFFC8C4DC)
val onSecondaryDark = Color(0xFF302E41)
val secondaryContainerDark = Color(0xFF474459)
val onSecondaryContainerDark = Color(0xFFE4DFF9)
val tertiaryDark = Color(0xFFFFB596)
val onTertiaryDark = Color(0xFF542106)
val tertiaryContainerDark = Color(0xFF71361A)
val onTertiaryContainerDark = Color(0xFFFFDBCD)
val errorDark = Color(0xFFFFB4AB)
val onErrorDark = Color(0xFF690005)
val errorContainerDark = Color(0xFF93000A)
val onErrorContainerDark = Color(0xFFFFDAD6)
val backgroundDark = Color(0xFF131318)
val onBackgroundDark = Color(0xFFE5E1E9)
val surfaceDark = Color(0xFF131318)
val onSurfaceDark = Color(0xFFE5E1E9)
val surfaceVariantDark = Color(0xFF47464F)
val onSurfaceVariantDark = Color(0xFFC8C5D0)
val outlineDark = Color(0xFF928F99)
val outlineVariantDark = Color(0xFF47464F)
val scrimDark = Color(0xFF000000)
val inverseSurfaceDark = Color(0xFFE5E1E9)
val inverseOnSurfaceDark = Color(0xFF313036)
val inversePrimaryDark = Color(0xFF5C5891)
val surfaceDimDark = Color(0xFF131318)
val surfaceBrightDark = Color(0xFF3A383F)
val surfaceContainerLowestDark = Color(0xFF0E0E13)
val surfaceContainerLowDark = Color(0xFF1C1B20)
val surfaceContainerDark = Color(0xFF201F25)
val surfaceContainerHighDark = Color(0xFF2A292F)
val surfaceContainerHighestDark = Color(0xFF35343A)

val primaryDarkMediumContrast = Color(0xFFCAC4FF)
val onPrimaryDarkMediumContrast = Color(0xFF130C44)
val primaryContainerDarkMediumContrast = Color(0xFF8F8AC7)
val onPrimaryContainerDarkMediumContrast = Color(0xFF000000)
val secondaryDarkMediumContrast = Color(0xFFCCC8E1)
val onSecondaryDarkMediumContrast = Color(0xFF161426)
val secondaryContainerDarkMediumContrast = Color(0xFF918EA5)
val onSecondaryContainerDarkMediumContrast = Color(0xFF000000)
val tertiaryDarkMediumContrast = Color(0xFFFFBB9E)
val onTertiaryDarkMediumContrast = Color(0xFF2D0C00)
val tertiaryContainerDarkMediumContrast = Color(0xFFCA7E5C)
val onTertiaryContainerDarkMediumContrast = Color(0xFF000000)
val errorDarkMediumContrast = Color(0xFFFFBAB1)
val onErrorDarkMediumContrast = Color(0xFF370001)
val errorContainerDarkMediumContrast = Color(0xFFFF5449)
val onErrorContainerDarkMediumContrast = Color(0xFF000000)
val backgroundDarkMediumContrast = Color(0xFF131318)
val onBackgroundDarkMediumContrast = Color(0xFFE5E1E9)
val surfaceDarkMediumContrast = Color(0xFF131318)
val onSurfaceDarkMediumContrast = Color(0xFFFEF9FF)
val surfaceVariantDarkMediumContrast = Color(0xFF47464F)
val onSurfaceVariantDarkMediumContrast = Color(0xFFCDC9D4)
val outlineDarkMediumContrast = Color(0xFFA4A1AC)
val outlineVariantDarkMediumContrast = Color(0xFF84828C)
val scrimDarkMediumContrast = Color(0xFF000000)
val inverseSurfaceDarkMediumContrast = Color(0xFFE5E1E9)
val inverseOnSurfaceDarkMediumContrast = Color(0xFF2A292F)
val inversePrimaryDarkMediumContrast = Color(0xFF464179)
val surfaceDimDarkMediumContrast = Color(0xFF131318)
val surfaceBrightDarkMediumContrast = Color(0xFF3A383F)
val surfaceContainerLowestDarkMediumContrast = Color(0xFF0E0E13)
val surfaceContainerLowDarkMediumContrast = Color(0xFF1C1B20)
val surfaceContainerDarkMediumContrast = Color(0xFF201F25)
val surfaceContainerHighDarkMediumContrast = Color(0xFF2A292F)
val surfaceContainerHighestDarkMediumContrast = Color(0xFF35343A)

val primaryDarkHighContrast = Color(0xFFFEF9FF)
val onPrimaryDarkHighContrast = Color(0xFF000000)
val primaryContainerDarkHighContrast = Color(0xFFCAC4FF)
val onPrimaryContainerDarkHighContrast = Color(0xFF000000)
val secondaryDarkHighContrast = Color(0xFFFEF9FF)
val onSecondaryDarkHighContrast = Color(0xFF000000)
val secondaryContainerDarkHighContrast = Color(0xFFCCC8E1)
val onSecondaryContainerDarkHighContrast = Color(0xFF000000)
val tertiaryDarkHighContrast = Color(0xFFFFF9F8)
val onTertiaryDarkHighContrast = Color(0xFF000000)
val tertiaryContainerDarkHighContrast = Color(0xFFFFBB9E)
val onTertiaryContainerDarkHighContrast = Color(0xFF000000)
val errorDarkHighContrast = Color(0xFFFFF9F9)
val onErrorDarkHighContrast = Color(0xFF000000)
val errorContainerDarkHighContrast = Color(0xFFFFBAB1)
val onErrorContainerDarkHighContrast = Color(0xFF000000)
val backgroundDarkHighContrast = Color(0xFF131318)
val onBackgroundDarkHighContrast = Color(0xFFE5E1E9)
val surfaceDarkHighContrast = Color(0xFF131318)
val onSurfaceDarkHighContrast = Color(0xFFFFFFFF)
val surfaceVariantDarkHighContrast = Color(0xFF47464F)
val onSurfaceVariantDarkHighContrast = Color(0xFFFEF9FF)
val outlineDarkHighContrast = Color(0xFFCDC9D4)
val outlineVariantDarkHighContrast = Color(0xFFCDC9D4)
val scrimDarkHighContrast = Color(0xFF000000)
val inverseSurfaceDarkHighContrast = Color(0xFFE5E1E9)
val inverseOnSurfaceDarkHighContrast = Color(0xFF000000)
val inversePrimaryDarkHighContrast = Color(0xFF272259)
val surfaceDimDarkHighContrast = Color(0xFF131318)
val surfaceBrightDarkHighContrast = Color(0xFF3A383F)
val surfaceContainerLowestDarkHighContrast = Color(0xFF0E0E13)
val surfaceContainerLowDarkHighContrast = Color(0xFF1C1B20)
val surfaceContainerDarkHighContrast = Color(0xFF201F25)
val surfaceContainerHighDarkHighContrast = Color(0xFF2A292F)
val surfaceContainerHighestDarkHighContrast = Color(0xFF35343A)







internal val primaryDark = Color(0xFFCCBDFF)
internal val onPrimaryDark = Color(0xFF34275E)
internal val primaryContainerDark = Color(0xFF4A3E76)
internal val onPrimaryContainerDark = Color(0xFFE7DEFF)
internal val secondaryDark = Color(0xFFCAC3DC)
internal val onSecondaryDark = Color(0xFF322E41)
internal val secondaryContainerDark = Color(0xFF494458)
internal val onSecondaryContainerDark = Color(0xFFE7DFF8)
internal val tertiaryDark = Color(0xFFEEB8CA)
internal val onTertiaryDark = Color(0xFF492534)
internal val tertiaryContainerDark = Color(0xFF623B4A)
internal val onTertiaryContainerDark = Color(0xFFFFD9E4)
internal val errorDark = Color(0xFFFFB4AB)
internal val onErrorDark = Color(0xFF690005)
internal val successDark = Color(0xFFAEFCB2)
internal val onSuccessDark = Color(0xFF005E04)
internal val errorContainerDark = Color(0xFF93000A)
internal val onErrorContainerDark = Color(0xFFFFDAD6)
internal val backgroundDark = Color(0xFF141318)
internal val onBackgroundDark = Color(0xFFE6E1E9)
internal val surfaceDark = Color(0xFF141318)
internal val onSurfaceDark = Color(0xFFE6E1E9)
internal val surfaceVariantDark = Color(0xFF48454E)
internal val onSurfaceVariantDark = Color(0xFFCAC4CF)
internal val outlineDark = Color(0xFF938F99)
internal val outlineVariantDark = Color(0xFF48454E)
internal val scrimDark = Color(0xFF000000)
internal val inverseSurfaceDark = Color(0xFFE6E1E9)
internal val inverseOnSurfaceDark = Color(0xFF312F35)
internal val inversePrimaryDark = Color(0xFF625690)
internal val surfaceDimDark = Color(0xFF141318)
internal val surfaceBrightDark = Color(0xFF3A383E)
internal val surfaceContainerLowestDark = Color(0xFF0F0D13)
internal val surfaceContainerLowDark = Color(0xFF1C1B20)
internal val surfaceContainerDark = Color(0xFF201F24)
internal val surfaceContainerHighDark = Color(0xFF2B292F)
internal val surfaceContainerHighestDark = Color(0xFF36343A)
Loading

0 comments on commit 23abb28

Please sign in to comment.