chore: add colors and resource for edx theme/branding

app/src/edx/res/drawable/ic_launcher_foreground.xml

@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="552.88"
+    android:viewportHeight="310.72">
+    <group
+        android:scaleX="0.5"
+        android:scaleY="0.2810013"
+        android:translateX="138.22"
+        android:translateY="111.703636">
+        <path
+            android:fillColor="#02262B"
+            android:pathData="M353.43,50.96l10.65,-50.96l-312.78,0l-51.3,245.01l261.52,0l-14.4,65.71l250.51,0l55.25,-259.76z" />
+        <path
+            android:fillColor="#FFFFFF"
+            android:pathData="M106.6,213.73c-7.09,0 -13.79,-1.16 -20.09,-3.49c-6.3,-2.32 -11.8,-5.75 -16.49,-10.28c-4.69,-4.53 -8.39,-10.1 -11.11,-16.72c-2.72,-6.62 -4.08,-14.22 -4.08,-22.81c0,-11.74 1.63,-22.44 4.9,-32.09c3.27,-9.65 7.82,-17.92 13.65,-24.82c5.83,-6.89 12.82,-12.23 20.98,-16.01c8.15,-3.78 17.08,-5.67 26.77,-5.67c6.54,0 12.74,1.14 18.62,3.43c5.87,2.29 11.01,5.61 15.42,9.99c4.41,4.37 7.92,9.75 10.52,16.13c2.6,6.38 3.9,13.71 3.9,21.98c0,1.26 -0.04,2.74 -0.12,4.43c-0.08,1.7 -0.2,3.43 -0.36,5.2c-0.16,1.77 -0.32,3.51 -0.47,5.2c-0.16,1.69 -0.35,3.13 -0.59,4.31H76.22c-0.08,1.11 -0.14,2.17 -0.18,3.19c-0.04,1.03 -0.06,2.09 -0.06,3.19c0,6.54 0.95,12.11 2.84,16.72c1.89,4.61 4.35,8.37 7.39,11.29c3.03,2.92 6.44,5.02 10.22,6.32c3.78,1.3 7.6,1.95 11.46,1.95c8.43,0 15.21,-1.46 20.33,-4.37c5.12,-2.91 9.02,-6.85 11.7,-11.82h21.63c-1.34,4.89 -3.55,9.46 -6.62,13.71c-3.07,4.25 -6.95,7.94 -11.64,11.05c-4.69,3.11 -10.13,5.56 -16.31,7.33C120.8,212.84 114,213.73 106.6,213.73zM148.08,136.08c0.08,-0.39 0.14,-1.12 0.18,-2.19c0.04,-1.06 0.06,-2.11 0.06,-3.13c0,-4.18 -0.61,-8.14 -1.83,-11.88c-1.22,-3.74 -3.05,-7.03 -5.5,-9.87c-2.44,-2.84 -5.48,-5.08 -9.1,-6.74c-3.63,-1.65 -7.84,-2.48 -12.65,-2.48c-4.89,0 -9.46,0.87 -13.71,2.6c-4.26,1.73 -8.12,4.2 -11.58,7.39c-3.47,3.19 -6.46,7.01 -8.98,11.46c-2.52,4.45 -4.53,9.4 -6.03,14.83H148.08z" />
+        <path
+            android:fillColor="#FFFFFF"
+            android:pathData="M227.58,213.73c-6.38,0 -12.37,-1.2 -17.97,-3.61c-5.6,-2.4 -10.5,-5.85 -14.71,-10.34c-4.22,-4.49 -7.55,-9.93 -9.99,-16.31c-2.44,-6.38 -3.66,-13.51 -3.66,-21.39c0,-7.64 0.77,-14.95 2.3,-21.92s3.72,-13.43 6.56,-19.38c2.84,-5.95 6.24,-11.33 10.22,-16.13c3.98,-4.81 8.39,-8.9 13.24,-12.29c4.85,-3.39 10.08,-5.99 15.72,-7.8c5.63,-1.81 11.52,-2.72 17.67,-2.72c4.57,0 8.92,0.63 13.06,1.89c4.14,1.26 7.88,3.01 11.23,5.26c3.35,2.25 6.22,4.96 8.63,8.15c2.4,3.19 4.16,6.68 5.26,10.46h1.89l15.72,-74.11h20.68l-37.82,178h-19.62l3.66,-17.37h-1.89c-4.65,6.07 -10.48,10.85 -17.49,14.36C243.26,211.97 235.69,213.73 227.58,213.73zM234.08,195.41c6.62,0 12.74,-1.55 18.38,-4.67c5.63,-3.11 10.54,-7.37 14.71,-12.76c4.18,-5.4 7.45,-11.74 9.81,-19.03c2.36,-7.29 3.55,-15.15 3.55,-23.58c0,-5.44 -0.75,-10.32 -2.25,-14.66c-1.5,-4.33 -3.63,-8.02 -6.38,-11.05c-2.76,-3.03 -6.11,-5.38 -10.05,-7.03c-3.94,-1.66 -8.39,-2.48 -13.36,-2.48c-6.54,0 -12.61,1.46 -18.2,4.37c-5.6,2.92 -10.44,6.97 -14.54,12.17c-4.1,5.2 -7.33,11.41 -9.69,18.61s-3.55,15.11 -3.55,23.7c0,5.36 0.77,10.28 2.31,14.77c1.54,4.49 3.68,8.33 6.44,11.52c2.76,3.19 6.07,5.67 9.93,7.45C225.05,194.52 229.35,195.41 234.08,195.41z" />
+        <path
+            android:fillColor="#FFFFFF"
+            android:pathData="M508.94,84.45l-46.13,0l-50.32,62.3l-2.48,0l-26.61,-62.3l-46.66,0l40,90.49l-86.35,102.29l45.51,0l55.42,-65.71l3.74,0l29.94,65.71l45.79,0l-44.28,-97.76z" />
+    </group>
+</vector>

app/src/edx/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

app/src/edx/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

core/src/edx/org/openedx/core/ui/theme/Colors.kt

@@ -0,0 +1,145 @@
+package org.openedx.core.ui.theme
+
+import androidx.compose.ui.graphics.Color
+
+// Light theme colors scheme
+val light_primary = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+val light_primary_variant = Color(0xFF002121) // Primary 700 | Dark 700
+val light_secondary = Color(0xFFD23228) // Brand 500
+val light_secondary_variant = Color(0xFFD23228) // Brand 500
+val light_background = Color.White
+val light_surface = Color.White
+val light_error = Color(0xFFAB0D02) // Danger 500
+val light_warning = Color(0xFFF0CC00) // Accent B Oxide Yellow
+val light_info = Color(0xFF03C7E8)  // Accent A Isotope Blue
+val light_info_variant = Color(0xFF00688D)  // Info 500
+
+val light_onPrimary = Color.White
+val light_onSecondary = Color.White
+val light_onBackground = Color(0xFF454545)
+val light_onSurface = Color(0xFF454545)
+val light_onError = Color.White
+val light_onWarning = Color.White
+val light_onInfo = Color.White
+
+val light_text_primary = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+val light_text_primary_variant = Color(0xFF454545)  // Gray 700
+val light_text_primary_light = Color(0xFF707070) // Gray 500
+val light_text_hyper_link = Color(0xFF00688D) // Info 500
+
+val light_text_secondary = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+val light_text_dark = Color(0xFF002121) // Primary 700 | Dark 700
+val light_text_warning = Color(0xFF002121) // Primary 700 | Dark 700
+
+val light_text_accent = Color(0xFF03C7E8) // Accent A Isotope Blue
+
+val light_text_field_background = Color.White
+val light_text_field_background_variant = Color.White
+val light_text_field_border = Color(0xFF707070) // Gray 500
+val light_text_field_text = Color(0xFF454545)  // Gray 700
+val light_text_field_hint = Color(0xFF707070) // Gray 500
+
+val light_primary_button_background = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+val light_primary_button_text = Color.White
+val light_primary_button_border = Color(0xFFD7D3D1) // Light 700
+val light_primary_button_bordered_text = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+
+val light_secondary_button_background = Color(0xFFD23228) // Brand 500
+val light_secondary_button_text =  Color(0xFFD23228) // Brand 500
+val light_secondary_button_border = Color(0xFFD7D3D1) // Light 700
+val light_secondary_button_bordered_background = Color.White
+val light_secondary_button_bordered_text = Color(0xFFD23228) // Brand 500
+
+val light_card_view_background = Color(0xFFF9FAFB)
+val light_card_view_border = Color(0xFFCCD4E0)
+
+val light_divider = Color(0xFFEAE6E5) // <!--  Light 400  -->
+val light_certificate_foreground = Color.White
+val light_bottom_sheet_toggle = Color(0xFF03C7E8) // Accent A Isotope Blue
+
+val light_rate_stars = Color(0xFFF0CC00) // Accent B Oxide Yellow
+val light_inactive_button_background = Color(0xFFCCD4E0)
+val light_access_green = Color(0xFF23BCA0)
+val light_dates_section_bar_past_due = Color(0xFFF0CC00)
+val light_dates_section_bar_today = light_info
+val light_dates_section_bar_this_week = light_text_primary_variant
+val light_dates_section_bar_next_week = light_text_field_border
+val light_dates_section_bar_upcoming = Color(0xFFCCD4E0)
+val light_auth_google_button_background = Color.White
+val light_auth_facebook_button_background = Color(0xFF0866FF)
+val light_auth_microsoft_button_background = Color(0xFF2E2E2E)
+val light_component_horizontal_progress_completed_and_selected = light_primary
+val light_component_horizontal_progress_completed = Color(0xFF8F8F8F)
+val light_component_horizontal_progress_selected = light_primary
+val light_component_horizontal_progress_default = Color(0xFF8F8F8F)
+
+
+// Dark theme colors scheme
+val dark_primary = Color(0xFFFBFAF9) // Light 200
+val dark_primary_variant = Color(0xFFF2F0EF) // Light 300
+val dark_secondary = Color(0xFFD23228)  // Brand 500
+val dark_secondary_variant = Color(0xFFD23228)  // Brand 500
+val dark_background = Color(0xFF00262b) // Primary 500 | Dark 500
+val dark_surface = Color(0xFF002121) // Primary 700 | Dark 700
+val dark_error = Color(0xFFAB0D02)   // Danger 500
+val dark_warning = Color(0xFFF0CC00) // Accent B Oxide Yellow
+val dark_info = Color(0xFF03C7E8)  // Accent A Isotope Blue
+val dark_info_variant = Color(0xFF00688D)  // Info 500
+
+val dark_onPrimary = Color(0xFF002121)   // Primary 700 | Dark 700
+val dark_onSecondary = Color.White
+val dark_onBackground = Color.White
+val dark_onSurface = Color.White
+val dark_onError = Color.White
+val dark_onWarning = Color.White
+val dark_onInfo = Color.White
+
+
+val dark_text_primary = Color.White
+val dark_text_primary_variant = Color(0xFFF2F0EF) // Light 300
+val dark_text_primary_light = Color(0xFF707070) // Gray 500
+val dark_text_hyper_link = Color(0xFF00688D) // Info 500
+
+val dark_text_secondary = Color.White
+val dark_text_dark = Color(0xFFF2F0EF) // Light 300
+val dark_text_warning = Color(0xFFF2F0EF) // Light 300
+
+val dark_text_accent = Color(0xFF03C7E8) // Accent A Isotope Blue
+val dark_text_field_background = Color.White
+val dark_text_field_background_variant = Color.White
+val dark_text_field_border = Color(0xFF707070) // Gray 500
+val dark_text_field_text = Color.White
+val dark_text_field_hint = Color(0xFF707070) // Gray 500
+
+val dark_primary_button_background = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+val dark_primary_button_text = Color.White
+val dark_primary_button_border = Color(0xFFD7D3D1) // Light 700
+val dark_primary_button_bordered_text = Color(0xFF00262B)   // Primary 500 | Dark 500 | Elm
+
+val dark_secondary_button_background = Color(0xFFD23228)  // Brand 500
+val dark_secondary_button_text = Color.White
+val dark_secondary_button_border = Color(0xFFD7D3D1) // Light 700
+val dark_secondary_button_bordered_background = Color.White
+val dark_secondary_button_bordered_text = Color(0xFFD23228) // Brand 500
+
+val dark_card_view_background = Color(0xFF003839)
+val dark_card_view_border = Color(0xFF4E5A70)
+val dark_divider = Color(0xFF0E3639) // Dark 400
+
+val dark_certificate_foreground = Color(0xD92EB865)
+val dark_bottom_sheet_toggle = Color(0xFF03C7E8) // Accent A Isotope Blue
+val dark_rate_stars = Color(0xFFF0CC00) // Accent B Oxide Yellow
+val dark_inactive_button_background = Color(0xFFCCD4E0)
+val dark_access_green = Color(0xFF23BCA0)
+val dark_dates_section_bar_past_due = Color(0xFFF0CC00) // Accent B Oxide Yellow
+val dark_dates_section_bar_today = Color(0xFF03C7E8)  // Accent A Isotope Blue
+val dark_dates_section_bar_this_week = Color(0xFFF2F0EF) // Light 300
+val dark_dates_section_bar_next_week = Color(0xFF707070) // Gray 500
+val dark_dates_section_bar_upcoming = Color(0xFFCCD4E0)
+val dark_auth_google_button_background = Color.White
+val dark_auth_facebook_button_background = Color(0xFF0866FF)
+val dark_auth_microsoft_button_background = Color(0xFF2E2E2E)
+val dark_component_horizontal_progress_completed_and_selected = Color.White
+val dark_component_horizontal_progress_completed = Color(0xFF8F8F8F)
+val dark_component_horizontal_progress_selected = Color.White
+val dark_component_horizontal_progress_default = Color(0xFF8F8F8F)

core/src/edx/org/openedx/core/ui/theme/LocalShapes.kt

@@ -0,0 +1,25 @@
+package org.openedx.core.ui.theme
+
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Shapes
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.unit.dp
+
+internal val LocalShapes = staticCompositionLocalOf {
+    AppShapes(
+        material = Shapes(
+            small = RoundedCornerShape(4.dp),
+            medium = RoundedCornerShape(8.dp),
+            large = RoundedCornerShape(0.dp)
+        ),
+        buttonShape = RoundedCornerShape(0.dp),
+        navigationButtonShape = RoundedCornerShape(0.dp),
+        textFieldShape = RoundedCornerShape(CornerSize(0.dp)),
+        screenBackgroundShape = RoundedCornerShape(topStart = 30.dp, topEnd = 30.dp),
+        cardShape = RoundedCornerShape(0.dp),
+        screenBackgroundShapeFull = RoundedCornerShape(24.dp),
+        courseImageShape = RoundedCornerShape(0.dp),
+        dialogShape = RoundedCornerShape(24.dp)
+    )
+}

core/src/edx/org/openedx/core/ui/theme/compose/LogistrationLogoView.kt

@@ -0,0 +1,31 @@
+package org.openedx.core.ui.theme.compose
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import org.openedx.core.R
+import org.openedx.core.ui.theme.OpenEdXTheme
+
+@Composable
+fun LogistrationLogoView() {
+    Image(
+        modifier = Modifier
+            .padding(top = 64.dp, bottom = 20.dp)
+            .wrapContentWidth(),
+        painter = painterResource(id = R.drawable.core_ic_logo),
+        contentDescription = null,
+    )
+}
+
+@Preview(widthDp = 375)
+@Composable
+fun LogistrationLogoViewPreview() {
+    OpenEdXTheme {
+        LogistrationLogoView()
+    }
+}

core/src/edx/org/openedx/core/ui/theme/compose/SignInLogoView.kt

@@ -0,0 +1,39 @@
+package org.openedx.core.ui.theme.compose
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import org.openedx.core.R
+import org.openedx.core.ui.theme.OpenEdXTheme
+
+@Composable
+fun SignInLogoView() {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .fillMaxHeight(0.2f),
+        contentAlignment = Alignment.Center
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.core_ic_logo_white),
+            contentDescription = null,
+            modifier = Modifier.padding(top = 20.dp)
+        )
+    }
+}
+
+@Preview(widthDp = 375, heightDp = 400)
+@Composable
+fun SignInLogoViewPreview() {
+    OpenEdXTheme {
+        SignInLogoView()
+    }
+}

core/src/edx/res/drawable-night/core_ic_logo.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="171dp"
+    android:height="96dp"
+    android:viewportWidth="552.88"
+    android:viewportHeight="310.72">
+    <path
+        android:fillColor="#FFFFFF"
+        android:pathData="M140.99,109.01c-2.44,-2.84 -5.48,-5.08 -9.1,-6.74c-3.63,-1.65 -7.84,-2.48 -12.65,-2.48c-4.89,0 -9.46,0.87 -13.71,2.6c-4.26,1.73 -8.12,4.2 -11.58,7.39c-3.47,3.19 -6.46,7.01 -8.98,11.46c-2.52,4.45 -4.53,9.4 -6.03,14.83h69.14c0.08,-0.39 0.14,-1.12 0.18,-2.19c0.04,-1.06 0.06,-2.11 0.06,-3.13c0,-4.18 -0.61,-8.14 -1.83,-11.88C145.26,115.14 143.43,111.85 140.99,109.01z" />
+    <path
+        android:fillColor="#FFFFFF"
+        android:pathData="M271.9,109.66c-2.76,-3.03 -6.11,-5.38 -10.05,-7.03c-3.94,-1.66 -8.39,-2.48 -13.36,-2.48c-6.54,0 -12.61,1.46 -18.2,4.37c-5.6,2.92 -10.44,6.97 -14.54,12.17c-4.1,5.2 -7.33,11.41 -9.69,18.61c-2.36,7.21 -3.55,15.11 -3.55,23.7c0,5.36 0.77,10.28 2.31,14.77c1.54,4.49 3.68,8.33 6.44,11.52c2.76,3.19 6.07,5.67 9.93,7.45c3.86,1.77 8.16,2.66 12.88,2.66c6.62,0 12.74,-1.55 18.38,-4.67c5.63,-3.11 10.54,-7.37 14.71,-12.76c4.18,-5.4 7.45,-11.74 9.81,-19.03c2.36,-7.29 3.55,-15.15 3.55,-23.58c0,-5.44 -0.75,-10.32 -2.25,-14.66C276.78,116.38 274.66,112.7 271.9,109.66z" />
+    <path
+        android:fillColor="#FFFFFF"
+        android:pathData="M353.43,50.96L364.08,0H51.3L0,245.01h261.52l-14.4,65.71h250.51l55.26,-259.76H353.43zM169.47,137.79c-0.08,1.7 -0.2,3.43 -0.36,5.2c-0.16,1.77 -0.32,3.51 -0.47,5.2c-0.16,1.69 -0.35,3.13 -0.59,4.31H76.22c-0.08,1.11 -0.14,2.17 -0.18,3.19c-0.04,1.03 -0.06,2.09 -0.06,3.19c0,6.54 0.95,12.11 2.84,16.72c1.89,4.61 4.35,8.37 7.39,11.29c3.03,2.92 6.44,5.02 10.22,6.32c3.78,1.3 7.6,1.95 11.46,1.95c8.43,0 15.21,-1.46 20.33,-4.37c5.12,-2.91 9.02,-6.85 11.7,-11.82h21.63c-1.34,4.89 -3.55,9.46 -6.62,13.71c-3.07,4.25 -6.95,7.94 -11.64,11.05c-4.69,3.11 -10.13,5.56 -16.31,7.33c-6.19,1.77 -12.98,2.66 -20.39,2.66c-7.09,0 -13.79,-1.16 -20.09,-3.49c-6.3,-2.32 -11.8,-5.75 -16.49,-10.28c-4.69,-4.53 -8.39,-10.1 -11.11,-16.72c-2.72,-6.62 -4.08,-14.22 -4.08,-22.81c0,-11.74 1.63,-22.44 4.9,-32.09c3.27,-9.65 7.82,-17.92 13.65,-24.82c5.83,-6.89 12.82,-12.23 20.98,-16.01c8.15,-3.78 17.08,-5.67 26.77,-5.67c6.54,0 12.74,1.14 18.62,3.43c5.87,2.29 11.01,5.61 15.42,9.99c4.41,4.37 7.92,9.75 10.52,16.13c2.6,6.38 3.9,13.71 3.9,21.98C169.59,134.62 169.55,136.1 169.47,137.79zM265.99,211.48l3.66,-17.37h-1.89c-4.65,6.07 -10.48,10.85 -17.49,14.36c-7.01,3.5 -14.58,5.26 -22.69,5.26c-6.38,0 -12.37,-1.2 -17.97,-3.61c-5.6,-2.4 -10.5,-5.85 -14.71,-10.34c-4.22,-4.49 -7.55,-9.93 -9.99,-16.31c-2.44,-6.38 -3.66,-13.51 -3.66,-21.39c0,-7.64 0.77,-14.95 2.3,-21.92c1.54,-6.97 3.72,-13.43 6.56,-19.38c2.84,-5.95 6.24,-11.33 10.22,-16.13c3.98,-4.81 8.39,-8.9 13.24,-12.29c4.85,-3.39 10.08,-5.99 15.72,-7.8c5.63,-1.81 11.52,-2.72 17.67,-2.72c4.57,0 8.92,0.63 13.06,1.89c4.14,1.26 7.88,3.01 11.23,5.26c3.35,2.25 6.22,4.96 8.63,8.15c2.4,3.19 4.16,6.68 5.26,10.46h1.89l15.72,-74.11h20.68l-37.82,178H265.99zM470.79,277.23H425l-29.94,-65.71h-3.74l-55.41,65.71h-45.51l86.35,-102.3l-40,-90.49h46.66l26.61,62.3h2.48l50.32,-62.3h46.13l-82.43,95.02L470.79,277.23z" />
+</vector>