다크모드 적용 (#145)

* 컬러 팔레트 추가 및 약간의 리팩토링

* SikshaTheme 새로 만들기

* SikshaColors를 SikshaTheme.colors로 수정

* Sementic Color 추가

* color.xml 정리

* FilterDialogFragment와 필터 칩 색 수정

* fix typo

* 불필요한 파일 삭제

* 하트 색 변경

* 커뮤니티 PostListScreen 색 조정

* 커뮤니티 PostDetainScreen 색 조정

* 기본 topbar(?) 색 변경

* 식샤 topbar 색 조정 및 여백 수정

* 설정 메인화면 색 리팩

* VocFragment 리팩

* 커뮤니티탭 아이콘 색 변경

* 하단바 아이콘 수정

* 하단바 리팩

* viewpager 영역 수정

* PostCreateScreen 색상 수정

* UserProfileFragment 색 수정

* 내 글 보기와 전체 게시글 보기 수정

* 게시글 삭제 dialog 색 수정

* LeaveReviewFragment 색 수정

* 상단바 색 수정

* 구글 로그인 버튼 색 수정

* ReorderRestaurantFragment 상단바 수정

* PostListFragment 수정

* MenuDetailFragment 중 간단한 수정

* 별점 바 길이 조정, divider 길이 조절

* 리뷰화면 날짜, 글자 색 수정

* 리뷰 말풍선 색 수정

* LeaveReviewFragment QA 반영

* UserProfileFragment QA 반영

* SettingFragment QA 반영

* PostDetailFragment QA 반영

* DailyRestaurantFragment QA 반영

* DailyRestaurantFragment 새 디자인 적용

* 달력 선택된 글자 볼드 처리

* DailyRestaurantFragment 리팩 완료 및 파일 정리

* RestaurantInfoBottomSheet 화면 꽉 채우기

* string resource 사용하도록 변경

* 사소한 오류 수정

* RestaurantInfoBottomSheet 디자인 변경 반영 (지도 제외)

* mapview 디자인 반영

* MenuDetailFragment 디자인 수정 + 컴포저블 업데이트 수정

* ReviewFragment, ReviewPhotoFragment 디자인 수정

* PostCreateScreen 디자인 수정

* DailyRestaurantFragment 수정

* FilterDialogFragment 수정

* CommentDetailDialog 수정

* PostListScreen 수정

* ProfileImageDialog 수정

* SettingFragment, UserAccountFragment 수정

* 색상 간단한 수정...

* 아이콘 교체

* 필터가 사라지는 스크롤 구현 (menuGroupList 빌 시 오류)

* 필터가 사라지는 스크롤 구현

* setContent 한 번만 하도록 수정

* 배경색 수정...

(cherry picked from commit 35d3100)

Author: wjshim2003

app/src/main/java/com/wafflestudio/siksha2/components/CalendarSelectView.kt

@@ -5,6 +5,7 @@ import android.util.AttributeSet
 import android.view.*
 import android.widget.LinearLayout
 import androidx.core.content.ContextCompat
+import androidx.core.content.res.ResourcesCompat
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import com.wafflestudio.siksha2.R
@@ -207,15 +208,18 @@ class CalendarSelectView : LinearLayout {
                         ) {
                             setBackgroundResource(R.drawable.frame_day_select)
                             setTextColor(ContextCompat.getColor(context, R.color.white))
+                            typeface = ResourcesCompat.getFont(context, R.font.nanum_square_bold)
                         } else if (today.year == year &&
                             today.monthValue == month &&
                             today.dayOfMonth == data
                         ) {
                             setBackgroundResource(R.drawable.frame_day_today)
                             setTextColor(ContextCompat.getColor(context, R.color.gray_700))
+                            typeface = ResourcesCompat.getFont(context, R.font.nanum_square_regular)
                         } else {
                             setBackgroundColor(ContextCompat.getColor(context, R.color.transparent))
                             setTextColor(ContextCompat.getColor(context, R.color.gray_700))
+                            typeface = ResourcesCompat.getFont(context, R.font.nanum_square_regular)
                         }
                         setOnClickListener {
                             updateDate(LocalDate.of(year, month, data))

app/src/main/java/com/wafflestudio/siksha2/components/SettingItemRow.kt

@@ -5,10 +5,9 @@ import android.util.AttributeSet
 import android.view.Gravity
 import android.view.LayoutInflater
 import android.widget.LinearLayout
-import androidx.compose.ui.graphics.Color
+import androidx.core.content.ContextCompat
 import com.wafflestudio.siksha2.R
 import com.wafflestudio.siksha2.databinding.ItemSettingRowBinding
-import com.wafflestudio.siksha2.utils.dp
 import com.wafflestudio.siksha2.utils.setVisibleOrGone
 
 class SettingItemRow : LinearLayout {
@@ -58,9 +57,6 @@ class SettingItemRow : LinearLayout {
     private fun init(attr: AttributeSet?) {
         gravity = Gravity.CENTER_VERTICAL
         orientation = HORIZONTAL
-        val dp18 = context.dp(18)
-        val dp24 = context.dp(24)
-        setPadding(dp24, dp18, dp24, dp18)
 
         context.theme.obtainStyledAttributes(
             attr,
@@ -73,9 +69,7 @@ class SettingItemRow : LinearLayout {
                 setNewIcon(getBoolean(R.styleable.SettingItem_showNewIcon, false))
                 setShowCheckbox(getBoolean(R.styleable.SettingItem_showCheckbox, false))
                 binding.settingRowText.text = getString(R.styleable.SettingItem_itemText)
-
-                val textColor = getColor(R.styleable.SettingItem_textColor, Color.DarkGray.hashCode())
-                binding.settingRowText.setTextColor(textColor)
+                binding.settingRowText.setTextColor(context.obtainStyledAttributes(attr, R.styleable.SettingItem).getColor(R.styleable.SettingItem_textColor, ContextCompat.getColor(context, R.color.black)))
             } finally {
                 recycle()
             }

app/src/main/java/com/wafflestudio/siksha2/components/compose/Chip.kt

@@ -12,9 +12,10 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 import com.wafflestudio.siksha2.ui.SikshaTypography
 
 @Composable
@@ -28,16 +29,17 @@ fun Chip(
         text = text,
         modifier = modifier
             .clip(RoundedCornerShape(12.dp))
-            .background(if (selected) SikshaColors.OrangeMain else SikshaColors.Gray100)
+            .background(if (selected) SikshaTheme.colors.Orange500 else SikshaTheme.colors.Gray100)
             .padding(horizontal = 12.dp, vertical = 9.dp)
             .clickable(
                 indication = null,
                 interactionSource = remember { MutableInteractionSource() }
             ) {
                 onClick()
             },
-        color = if (selected) SikshaColors.White900 else SikshaColors.Gray400,
-        style = SikshaTypography.body1
+        color = if (selected) SikshaTheme.colors.TextButton else SikshaTheme.colors.Gray600,
+        style = SikshaTypography.body1,
+        fontWeight = FontWeight.Bold
     )
 }
 
@@ -46,7 +48,7 @@ fun Chip(
 fun ChipPreview() {
     Row(
         modifier = Modifier
-            .background(SikshaColors.White900)
+            .background(SikshaTheme.colors.White)
             .padding(20.dp),
         horizontalArrangement = Arrangement.spacedBy(10.dp)
     ) {

app/src/main/java/com/wafflestudio/siksha2/components/compose/CommentIconWithCount.kt

@@ -9,7 +9,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.wafflestudio.siksha2.ui.CommentIcon
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 import com.wafflestudio.siksha2.ui.SikshaTypography
 
 // TODO: 더 좋은 이름 찾기
@@ -27,7 +27,7 @@ fun CommentIconWithCount(
         Text(
             text = commentCount.toString(),
             fontSize = 10.sp,
-            color = SikshaColors.Gray600,
+            color = SikshaTheme.colors.Gray700,
             style = SikshaTypography.body2
         )
     }

app/src/main/java/com/wafflestudio/siksha2/components/compose/LikeIconWithCount.kt

@@ -8,7 +8,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 import com.wafflestudio.siksha2.ui.SikshaTypography
 import com.wafflestudio.siksha2.ui.ThumbIcon
 
@@ -28,7 +28,7 @@ fun LikeIconWithCount(
         Text(
             text = likeCount.toString(),
             fontSize = 10.sp,
-            color = SikshaColors.OrangeMain,
+            color = SikshaTheme.colors.Orange500,
             style = SikshaTypography.body2
         )
     }

app/src/main/java/com/wafflestudio/siksha2/components/compose/PostListItem.kt

@@ -18,7 +18,6 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import coil.compose.SubcomposeAsyncImage
-import com.wafflestudio.siksha2.ui.SikshaColors
 import com.wafflestudio.siksha2.ui.SikshaTheme
 import com.wafflestudio.siksha2.ui.SikshaTypography
 
@@ -35,6 +34,7 @@ fun PostListItem(
 ) {
     Row(
         modifier = modifier
+            .background(SikshaTheme.colors.BackgroundPrimary)
             .clickable {
                 onClick()
             }
@@ -50,13 +50,15 @@ fun PostListItem(
                 fontWeight = FontWeight.Bold,
                 style = SikshaTypography.body2,
                 maxLines = 1,
-                overflow = TextOverflow.Ellipsis
+                overflow = TextOverflow.Ellipsis,
+                color = SikshaTheme.colors.Black
             )
             Text(
                 text = content,
                 style = SikshaTypography.body2,
                 maxLines = 1,
-                overflow = TextOverflow.Ellipsis
+                overflow = TextOverflow.Ellipsis,
+                color = SikshaTheme.colors.Gray900
             )
             Row(
                 horizontalArrangement = Arrangement.spacedBy(10.dp)
@@ -78,7 +80,7 @@ fun PostListItem(
                     .size(61.dp),
                 contentDescription = "",
                 loading = {
-                    Box(modifier = Modifier.background(SikshaColors.Gray350))
+                    Box(modifier = Modifier.background(SikshaTheme.colors.Gray400))
                 },
                 contentScale = ContentScale.Crop
             )

app/src/main/java/com/wafflestudio/siksha2/components/compose/TopBar.kt

@@ -5,7 +5,6 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -14,7 +13,6 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.wafflestudio.siksha2.ui.NavigateUpIcon
-import com.wafflestudio.siksha2.ui.SikshaColors
 import com.wafflestudio.siksha2.ui.SikshaTheme
 import com.wafflestudio.siksha2.ui.SikshaTypography
 
@@ -28,12 +26,12 @@ fun TopBar(
         modifier = modifier
             .height(56.dp)
             .fillMaxWidth()
-            .background(MaterialTheme.colors.primary)
+            .background(SikshaTheme.colors.BackgroundGNB)
     ) {
         Text(
             text = title,
             modifier = Modifier.align(Alignment.Center),
-            color = SikshaColors.White900,
+            color = SikshaTheme.colors.TextGNB,
             fontWeight = FontWeight.ExtraBold,
             style = SikshaTypography.subtitle1
         )

app/src/main/java/com/wafflestudio/siksha2/components/festival/FestivalToggle.kt

@@ -29,7 +29,7 @@ import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.wafflestudio.siksha2.R
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 import kotlin.math.roundToInt
 
 @Composable
@@ -89,7 +89,7 @@ fun FestivalToggle(
             modifier = Modifier.align(Alignment.CenterStart)
                 .offset { IntOffset(textState.roundToInt(), 0) },
             text = "축제",
-            color = SikshaColors.White900,
+            color = SikshaTheme.colors.White,
             fontSize = 11.sp,
             fontWeight = FontWeight.Bold
         )

app/src/main/java/com/wafflestudio/siksha2/compose/ui/community/CommentDetailDialog.kt

@@ -19,7 +19,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.compose.ui.window.Dialog
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 
 @Composable
 fun CommentDetailDialog(
@@ -33,7 +33,7 @@ fun CommentDetailDialog(
         Column(
             horizontalAlignment = Alignment.CenterHorizontally,
             modifier = Modifier
-                .background(color = SikshaColors.White900, shape = RoundedCornerShape(26.dp))
+                .background(color = SikshaTheme.colors.White, shape = RoundedCornerShape(26.dp))
         ) {
             if (isMine) {
                 Box(
@@ -55,7 +55,7 @@ fun CommentDetailDialog(
                 }
                 Divider(
                     modifier = Modifier.padding(horizontal = 11.dp),
-                    color = Color(0xFFE0E0E0),
+                    color = SikshaTheme.colors.BorderPrimary,
                     thickness = 1.dp
                 )
             }
@@ -79,7 +79,7 @@ fun CommentDetailDialog(
                 }
                 Divider(
                     modifier = Modifier.padding(horizontal = 11.dp),
-                    color = Color(0xFFE0E0E0),
+                    color = SikshaTheme.colors.BorderPrimary,
                     thickness = 1.dp
                 )
             }

app/src/main/java/com/wafflestudio/siksha2/compose/ui/community/CommentEditText.kt

@@ -18,13 +18,12 @@ import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Brush
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.text.TextLayoutResult
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.input.VisualTransformation
 import androidx.compose.ui.unit.dp
-import com.wafflestudio.siksha2.ui.SikshaColors
+import com.wafflestudio.siksha2.ui.SikshaTheme
 
 @Composable
 fun CommentEditText(
@@ -36,7 +35,7 @@ fun CommentEditText(
     trailingIcon: @Composable () -> Unit = {},
     enabled: Boolean = true,
     readOnly: Boolean = false,
-    textStyle: TextStyle = TextStyle.Default,
+    textStyle: TextStyle = TextStyle.Default.copy(SikshaTheme.colors.Gray900),
     keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
     keyboardActions: KeyboardActions = KeyboardActions.Default,
     singleLine: Boolean = false,
@@ -45,7 +44,7 @@ fun CommentEditText(
     visualTransformation: VisualTransformation = VisualTransformation.None,
     onTextLayout: (TextLayoutResult) -> Unit = {},
     interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
-    cursorBrush: Brush = SolidColor(Color.Black)
+    cursorBrush: Brush = SolidColor(SikshaTheme.colors.Black)
 ) {
     BasicTextField(
         value = value,
@@ -67,7 +66,7 @@ fun CommentEditText(
             Row(
                 modifier = Modifier
                     .background(
-                        color = SikshaColors.Gray100,
+                        color = SikshaTheme.colors.Gray100,
                         shape = RoundedCornerShape(8.dp)
                     )
                     .height(IntrinsicSize.Min),
@@ -86,7 +85,7 @@ fun CommentEditText(
                         hint?.let {
                             Text(
                                 text = hint,
-                                style = textStyle.copy(color = SikshaColors.Gray400)
+                                style = textStyle.copy(color = SikshaTheme.colors.Gray400)
                             )
                         }
                     }