[CHORE/#455] Compose Design 설정

build-logic/convention/build.gradle.kts

@@ -26,6 +26,10 @@ gradlePlugin {
             id = "yello.android.library"
             implementationClass = "plugins.AndroidLibraryPlugin"
         }
+        register("androidLibraryCompose") {
+            id = "yello.android.library.compose"
+            implementationClass = "plugins.AndroidLibraryComposePlugin"
+        }
         register("androidHilt") {
             id = "yello.android.androidHilt"
             implementationClass = "plugins.AndroidHiltPlugin"

build-logic/convention/src/main/kotlin/ext/ConfigureAndroidCompose.kt

@@ -0,0 +1,32 @@
+package ext
+
+import com.android.build.api.dsl.CommonExtension
+import org.gradle.api.Project
+import org.gradle.api.artifacts.VersionCatalogsExtension
+import org.gradle.kotlin.dsl.dependencies
+import org.gradle.kotlin.dsl.getByType
+
+internal fun Project.configureAndroidCompose(
+    commonExtension: CommonExtension<*, *, *, *, *>
+) {
+    commonExtension.apply {
+        buildFeatures {
+            compose = true
+        }
+
+        composeOptions {
+            kotlinCompilerExtensionVersion = "1.5.11"
+        }
+        val libs = extensions.getVersionCatalog()
+
+        dependencies {
+            val composeBom = platform(libs.getLibrary("compose-bom"))
+            implementation(composeBom)
+            androidTestImplementation(composeBom)
+            implementation(libs.getBundle("compose-bom-bundle"))
+            debugImplementation(libs.getLibrary("compose-bom-debug-ui-tooling"))
+            androidTestImplementation(libs.getLibrary("compose-bom-debug-ui-test-manifest"))
+            implementation(libs.getBundle("compose"))
+        }
+    }
+}

build-logic/convention/src/main/kotlin/plugins/AndroidApplicationComposePlugin.kt

@@ -2,6 +2,7 @@ package plugins
 
 import com.android.build.api.dsl.ApplicationExtension
 import ext.androidTestImplementation
+import ext.configureAndroidCompose
 import ext.debugImplementation
 import ext.getBundle
 import ext.getLibrary
@@ -21,25 +22,7 @@ import org.gradle.kotlin.dsl.getByType
 class AndroidApplicationComposePlugin : Plugin<Project> {
     override fun apply(target: Project) {
         with(target) {
-            extensions.getByType<ApplicationExtension>().apply {
-                buildFeatures {
-                    compose = true
-                }
-
-                composeOptions {
-                    kotlinCompilerExtensionVersion = "1.5.11"
-                }
-            }
-            val libs = extensions.getVersionCatalog()
-            dependencies {
-                val composeBom = platform(libs.getLibrary("compose-bom"))
-                implementation(composeBom)
-                androidTestImplementation(composeBom)
-                implementation(libs.getBundle("compose-bom-bundle"))
-                debugImplementation(libs.getLibrary("compose-bom-debug-ui-tooling"))
-                androidTestImplementation(libs.getLibrary("compose-bom-debug-ui-test-manifest"))
-                implementation(libs.getBundle("compose"))
-            }
+            configureAndroidCompose(extensions.getByType<ApplicationExtension>())
         }
     }
 }

build-logic/convention/src/main/kotlin/plugins/AndroidLibraryComposePlugin.kt

@@ -0,0 +1,20 @@
+package plugins
+
+import com.android.build.api.dsl.LibraryExtension
+import ext.configureAndroidCompose
+import org.gradle.api.Plugin
+import org.gradle.api.Project
+import org.gradle.kotlin.dsl.getByType
+
+/**
+ * Android Library 모듈에 compose를 사용할 경우 적용할 Plugin
+ *
+ * plugin id : [yello.android.library.compose]
+ */
+class AndroidLibraryComposePlugin : Plugin<Project> {
+    override fun apply(target: Project) {
+        with(target) {
+            configureAndroidCompose(extensions.getByType<LibraryExtension>())
+        }
+    }
+}

core-ui/build.gradle.kts

@@ -1,5 +1,6 @@
 plugins {
     id("yello.android.library")
+    id("yello.android.library.compose")
 }
 
 android {

core-ui/src/main/java/com/example/ui/compose/theme/Color.kt

@@ -0,0 +1,79 @@
+package com.example.ui.compose.theme
+
+import androidx.compose.ui.graphics.Color
+
+val White = Color(0xFFFFFFFF)
+val Black = Color(0xFF191919)
+
+val AnimateStart = Color(0xFFD96AFF)
+val AnimateCenter = Color(0xFF683CFF)
+val AnimateEnd = Color(0xFF7C57FF)
+
+// Grayscales
+val Grayscale50 = Color(0xFFFBFBFB)
+val Grayscale100 = Color(0xFFF1F3F5)
+val Grayscale200 = Color(0xFFE9ECEF)
+val Grayscale300 = Color(0xFFDEE2E6)
+val Grayscale400 = Color(0xFFCED4DA)
+val Grayscale500 = Color(0xFFADB5BD)
+val Grayscale600 = Color(0xFF868E96)
+val Grayscale700 = Color(0xFF495057)
+val Grayscale800 = Color(0xFF343A40)
+val Grayscale900 = Color(0xFF212529)
+
+val GrayscaleOnboardingLight = Color(0xFF8B8B8B)
+val GrayscaleOnboardingDark = Color(0xFF62666A)
+val GrayscaleShimmerOff = Color(0xFF252728)
+
+// Yello Main
+val YelloMain100 = Color(0xFFFFFFF4)
+val YelloMain200 = Color(0xFFFFFEFFDE)
+val YelloMain300 = Color(0xFFFDFFA8)
+val YelloMain400 = Color(0xFFFCFF7E)
+val YelloMain500 = Color(0xFFFBFF3E)
+val YelloMain600 = Color(0xFFF1F513)
+val YelloMain700 = Color(0xFFE7EB1A)
+val YelloMain800 = Color(0xFFD1D412)
+val YelloMain900 = Color(0xFFB8BC17)
+
+// Purple Sub
+val PurpleSub50 = Color(0xFFF5F3FF)
+val PurpleSub100 = Color(0xFFE6E2FF)
+val PurpleSub200 = Color(0xFFC7C2FF)
+val PurpleSub300 = Color(0xFFA799FF)
+val PurpleSub400 = Color(0xFF8364FF)
+val PurpleSub500 = Color(0xFF673CFF)
+val PurpleSub600 = Color(0xFF5837DC)
+val PurpleSub700 = Color(0xFF4B25B8)
+val PurpleSub800 = Color(0xFF40139F)
+val PurpleSub900 = Color(0xFF33117C)
+
+// Semantic Status
+val SemanticRed100 = Color(0xFFFFF1F1)
+val SemanticRed500 = Color(0xFFF04646)
+val SemanticYellow100 = Color(0xFFFEF7E7)
+val SemanticYellow500 = Color(0xFFFFD84D)
+val SemanticGreen100 = Color(0xFFF6FFF3)
+val SemanticGreen500 = Color(0xFF68D44C)
+
+// Semantic Gender
+val SemanticGenderF100 = Color(0xFFFFF2FB)
+val SemanticGenderF300 = Color(0xFFFFBAE8)
+val SemanticGenderF500 = Color(0xFFF262C1)
+val SemanticGenderF700 = Color(0xFF7B245E)
+val SemanticGenderM100 = Color(0xFFF0F6FF)
+val SemanticGenderM300 = Color(0xFFACCEFF)
+val SemanticGenderM500 = Color(0xFF579AFF)
+val SemanticGenderM700 = Color(0xFF1D498E)
+
+// Custom
+val KakaoYellow = Color(0xFFFEE500)
+val CpbYellow = Color(0xFF3B3B1F)
+val GrayPoint = Color(0xFF293036)
+
+// Transparent
+val Transparent = Color(0x00000000)
+val Transparent70 = Color(0xB3000000)
+val White35 = Color(0x59FFFFFF)
+val Gray66 = Color(0x66191919)
+val Gray90 = Color(0xE6343A40)

core-ui/src/main/java/com/example/ui/compose/theme/DesignTypo.kt

@@ -0,0 +1,13 @@
+package com.example.ui.compose.theme
+
+import androidx.compose.ui.text.font.Font
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import com.yello.ui.R
+
+val PretendardFontFamily = FontFamily(
+    Font(R.font.font_pretendard_regular, FontWeight.Normal),
+    Font(R.font.font_pretendard_medium, FontWeight.Medium),
+    Font(R.font.font_pretendard_bold, FontWeight.Bold),
+    Font(R.font.font_pretendard_semibold, FontWeight.SemiBold)
+)

core-ui/src/main/java/com/example/ui/compose/theme/Theme.kt

@@ -0,0 +1,19 @@
+package com.example.ui.compose.theme
+
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.lightColors
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+
+private val LightColorPalette = lightColors(
+    primary = Black,
+    primaryVariant = Black
+)
+
+@Composable
+fun YelloTheme(content: @Composable () -> Unit) {
+    MaterialTheme(
+        colors = LightColorPalette,
+        content = content
+    )
+}