diff --git a/changelog.md b/changelog.md
index 778d6adc5..d0afbe3ae 100644
--- a/changelog.md
+++ b/changelog.md
@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - \[Demo\] Change buttons screens by removing style customization and adding a code implementation section ([#339](https://github.com/Orange-OpenSource/ods-android/issues/339))
+- \[Demo\] Display black and white illustrations for non Orange themes ([#386](https://github.com/Orange-OpenSource/ods-android/issues/386))
 - \[Doc\] Use ODS Jekyll theme header to display favicons on documentation github pages ([#370](https://github.com/Orange-OpenSource/ods-android/issues/370))
 - \[Lib\] Replace `tint` parameter of `OdsIconButton` composable methods by `displaySurface` ([#294](https://github.com/Orange-OpenSource/ods-android/issues/294))
 
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/MainScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/MainScreen.kt
index 7dc4a512a..515dab80e 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/MainScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/MainScreen.kt
@@ -53,8 +53,8 @@ import com.orange.ods.demo.ui.components.tabs.ScrollableTabRow
 import com.orange.ods.demo.ui.guidelines.addGuidelinesGraph
 import com.orange.ods.demo.ui.utilities.composable.RadioButtonListItem
 import com.orange.ods.demo.ui.utilities.extension.isDarkModeEnabled
+import com.orange.ods.demo.ui.utilities.extension.isOrange
 import com.orange.ods.theme.OdsThemeConfigurationContract
-import com.orange.ods.theme.orange.OrangeThemeConfiguration
 import com.orange.ods.utilities.extension.orElse
 
 @Preview(showBackground = true, uiMode = UI_MODE_NIGHT_YES)
@@ -152,7 +152,7 @@ fun MainScreen(themeConfigurations: Set<OdsThemeConfigurationContract>, mainView
 private fun getCurrentThemeConfiguration(storedUserThemeName: String?, themeConfigurations: Set<OdsThemeConfigurationContract>): OdsThemeConfigurationContract {
     // Return the stored user theme configuration if it exists. If not, return the Orange theme configuration or the first existing theme configuration
     return themeConfigurations.firstOrNull { it.name == storedUserThemeName }
-        .orElse { themeConfigurations.firstOrNull { it.name == OrangeThemeConfiguration.OrangeThemeName } }
+        .orElse { themeConfigurations.firstOrNull { it.isOrange } }
         .orElse { themeConfigurations.first() }
 }
 
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/about/AboutScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/about/AboutScreen.kt
index 7c99f901b..51f293b81 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/about/AboutScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/about/AboutScreen.kt
@@ -32,6 +32,7 @@ import com.orange.ods.compose.text.OdsTextCaption
 import com.orange.ods.compose.text.OdsTextH4
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
+import com.orange.ods.demo.ui.utilities.DrawableManager
 import com.orange.ods.demo.ui.utilities.compat.PackageManagerCompat
 import com.orange.ods.demo.ui.utilities.extension.versionCode
 import com.orange.ods.utilities.extension.ifNotNull
@@ -50,7 +51,7 @@ fun AboutScreen(onAboutItemClick: (Long) -> Unit) {
         Image(
             modifier = Modifier
                 .fillMaxWidth(),
-            painter = painterResource(id = R.drawable.il_about),
+            painter = painterResource(id = DrawableManager.getDrawableResIdForCurrentTheme(resId = R.drawable.il_about)),
             contentScale = ContentScale.Crop,
             contentDescription = null
         )
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentDetailScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentDetailScreen.kt
index b04f8a898..8585d32c1 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentDetailScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentDetailScreen.kt
@@ -33,6 +33,7 @@ import com.orange.ods.compose.component.list.iconType
 import com.orange.ods.compose.text.OdsTextSubtitle2
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
+import com.orange.ods.demo.ui.utilities.DrawableManager
 import com.orange.ods.demo.ui.utilities.composable.DetailScreenHeader
 
 @Composable
@@ -53,7 +54,7 @@ fun ComponentDetailScreen(
                 .padding(bottom = dimensionResource(id = R.dimen.screen_vertical_margin))
         ) {
             DetailScreenHeader(
-                imageRes = component.imageRes,
+                imageRes = DrawableManager.getDrawableResIdForCurrentTheme(resId = component.imageRes),
                 imageAlignment = component.imageAlignment,
                 descriptionRes = component.descriptionRes
             )
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentsScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentsScreen.kt
index b5289a8e3..f22da282c 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentsScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/components/ComponentsScreen.kt
@@ -29,6 +29,7 @@ import androidx.compose.ui.res.stringResource
 import com.orange.ods.compose.component.card.OdsSmallCard
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
+import com.orange.ods.demo.ui.utilities.DrawableManager
 import com.orange.ods.utilities.extension.orElse
 
 @Composable
@@ -59,10 +60,12 @@ fun ComponentsScreen(onComponentClick: (Long) -> Unit) {
 
 @Composable
 private fun RowScope.ComponentCard(component: Component, onComponentClick: (Long) -> Unit) {
+    val smallImageResId = component.smallImageRes?.let { DrawableManager.getDrawableResIdForCurrentTheme(resId = it) }
+    val imageResId = DrawableManager.getDrawableResIdForCurrentTheme(resId = component.imageRes)
     OdsSmallCard(
         modifier = Modifier.weight(0.5f),
         title = stringResource(id = component.titleRes),
-        image = painterResource(id = component.smallImageRes.orElse { component.imageRes }),
+        image = painterResource(id = smallImageResId.orElse { imageResId }),
         imageBackgroundColor = Color(Component.ImageBackgroundColor),
         imageContentScale = ContentScale.Fit,
         imageAlignment = component.imageAlignment,
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/GuidelinesScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/GuidelinesScreen.kt
index 79625fa0f..bd79a964c 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/GuidelinesScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/GuidelinesScreen.kt
@@ -24,6 +24,7 @@ import androidx.compose.ui.res.stringResource
 import com.orange.ods.compose.component.card.OdsImageFirstCard
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
+import com.orange.ods.demo.ui.utilities.DrawableManager
 
 @Composable
 fun GuidelinesScreen(onGuidelineClick: (String) -> Unit) {
@@ -40,7 +41,7 @@ fun GuidelinesScreen(onGuidelineClick: (String) -> Unit) {
         Guideline.values().forEach { guideline ->
             OdsImageFirstCard(
                 title = stringResource(id = guideline.titleRes),
-                image = painterResource(id = guideline.imageRes),
+                image = painterResource(id = DrawableManager.getDrawableResIdForCurrentTheme(resId = guideline.imageRes)),
                 imageContentScale = guideline.imageContentScale,
                 imageBackgroundColor = guideline.imageBackgroundColor,
                 imageAlignment = guideline.imageAlignment,
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/spacing/GuidelineSpacingScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/spacing/GuidelineSpacingScreen.kt
index ff778a9af..9e56d5b3e 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/spacing/GuidelineSpacingScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/spacing/GuidelineSpacingScreen.kt
@@ -30,9 +30,12 @@ import com.orange.ods.compose.component.list.divider
 import com.orange.ods.compose.text.OdsTextCaption
 import com.orange.ods.compose.text.OdsTextSubtitle1
 import com.orange.ods.demo.R
+import com.orange.ods.demo.ui.LocalMainThemeManager
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
 import com.orange.ods.demo.ui.guidelines.Guideline
+import com.orange.ods.demo.ui.utilities.DrawableManager
 import com.orange.ods.demo.ui.utilities.composable.DetailScreenHeader
+import com.orange.ods.demo.ui.utilities.extension.isOrange
 import java.text.DecimalFormat
 import java.text.DecimalFormatSymbols
 import java.util.*
@@ -46,7 +49,7 @@ fun GuidelineSpacingScreen() {
     LazyColumn(contentPadding = PaddingValues(bottom = dimensionResource(id = R.dimen.spacing_m))) {
         item {
             DetailScreenHeader(
-                imageRes = R.drawable.il_spacing,
+                imageRes = DrawableManager.getDrawableResIdForCurrentTheme(resId = R.drawable.il_spacing),
                 imageAlignment = Guideline.Spacing.imageAlignment,
                 descriptionRes = R.string.guideline_spacing_description
             )
@@ -83,6 +86,7 @@ private fun GuidelineSpacingImage(spacing: Spacing) {
     val spacingWidth = dimensionResource(id = spacing.dimenRes).coerceAtLeast(1.dp)
     val imageWidth = dimensionResource(id = R.dimen.guideline_spacing_image_width)
     val imageHeight = dimensionResource(id = R.dimen.guideline_spacing_image_height)
+    val isOrangeTheme = LocalMainThemeManager.current.currentThemeConfiguration.isOrange
 
     Canvas(
         modifier = Modifier
@@ -99,8 +103,9 @@ private fun GuidelineSpacingImage(spacing: Spacing) {
             Size(imageWidth.toPx(), bannerHeight.toPx())
         )
         // Spacing
+        val spacingColor = if (isOrangeTheme) 0xff4bb4e6 else 0xff949494
         drawRect(
-            Color(0xff4bb4e6),
+            Color(spacingColor),
             Offset(((imageWidth - spacingWidth) / 2.0f).toPx(), 0.0f),
             Size(spacingWidth.toPx(), imageHeight.toPx())
         )
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/typography/GuidelineTypographyScreen.kt b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/typography/GuidelineTypographyScreen.kt
index c35e63320..2e74cdc02 100644
--- a/demo/src/main/java/com/orange/ods/demo/ui/guidelines/typography/GuidelineTypographyScreen.kt
+++ b/demo/src/main/java/com/orange/ods/demo/ui/guidelines/typography/GuidelineTypographyScreen.kt
@@ -34,6 +34,7 @@ import com.orange.ods.compose.theme.OdsTheme
 import com.orange.ods.demo.R
 import com.orange.ods.demo.ui.LocalMainTopAppBarManager
 import com.orange.ods.demo.ui.LocalOdsDemoGuideline
+import com.orange.ods.demo.ui.utilities.DrawableManager
 import com.orange.ods.demo.ui.utilities.composable.DetailScreenHeader
 import com.orange.ods.demo.ui.utilities.getStringName
 import com.orange.ods.theme.guideline.GuidelineTextStyle
@@ -49,7 +50,10 @@ fun GuidelineTypographyScreen() {
         verticalArrangement = Arrangement.spacedBy(dimensionResource(id = R.dimen.spacing_m))
     ) {
         item {
-            DetailScreenHeader(imageRes = R.drawable.il_typography, descriptionRes = R.string.guideline_typography_description)
+            DetailScreenHeader(
+                imageRes = DrawableManager.getDrawableResIdForCurrentTheme(resId = R.drawable.il_typography),
+                descriptionRes = R.string.guideline_typography_description
+            )
         }
         if (guidelineTypography.isEmpty()) {
             item {
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/utilities/DrawableManager.kt b/demo/src/main/java/com/orange/ods/demo/ui/utilities/DrawableManager.kt
new file mode 100644
index 000000000..86f72ecaa
--- /dev/null
+++ b/demo/src/main/java/com/orange/ods/demo/ui/utilities/DrawableManager.kt
@@ -0,0 +1,63 @@
+/*
+ *
+ *  Copyright 2021 Orange
+ *
+ *  Use of this source code is governed by an MIT-style
+ *  license that can be found in the LICENSE file or at
+ *  https://opensource.org/licenses/MIT.
+ * /
+ */
+
+package com.orange.ods.demo.ui.utilities
+
+import androidx.annotation.DrawableRes
+import androidx.compose.runtime.Composable
+import com.orange.ods.demo.R
+import com.orange.ods.demo.ui.LocalMainThemeManager
+import com.orange.ods.demo.ui.utilities.extension.isOrange
+import com.orange.ods.utilities.extension.orElse
+
+object DrawableManager {
+
+    private val orangeResIdByGenericResId = mapOf(
+        // About
+        R.drawable.il_about_generic to R.drawable.il_about,
+        // Guidelines
+        R.drawable.il_color_generic to R.drawable.il_color,
+        R.drawable.il_spacing_generic to R.drawable.il_spacing,
+        R.drawable.il_typography_generic to R.drawable.il_typography,
+        // Components
+        R.drawable.il_app_bars_top_generic to R.drawable.il_app_bars_top,
+        R.drawable.il_app_bars_top_small_generic to R.drawable.il_app_bars_top_small,
+        R.drawable.il_bottom_navigation_generic to R.drawable.il_bottom_navigation,
+        R.drawable.il_buttons_generic to R.drawable.il_buttons,
+        R.drawable.il_buttons_small_generic to R.drawable.il_buttons_small,
+        R.drawable.il_cards_generic to R.drawable.il_cards,
+        R.drawable.il_checkboxes_generic to R.drawable.il_checkboxes,
+        R.drawable.il_chips_generic to R.drawable.il_chips,
+        R.drawable.il_chips_small_generic to R.drawable.il_chips_small,
+        R.drawable.il_dialogs_generic to R.drawable.il_dialogs,
+        R.drawable.il_lists_generic to R.drawable.il_lists,
+        R.drawable.il_progress_generic to R.drawable.il_progress,
+        R.drawable.il_radio_buttons_generic to R.drawable.il_radio_buttons,
+        R.drawable.il_sliders_generic to R.drawable.il_sliders,
+        R.drawable.il_snackbars_generic to R.drawable.il_snackbars,
+        R.drawable.il_snackbars_small_generic to R.drawable.il_snackbars_small,
+        R.drawable.il_switches_generic to R.drawable.il_switches,
+        R.drawable.il_switches_small_generic to R.drawable.il_switches_small,
+        R.drawable.il_tabs_generic to R.drawable.il_tabs,
+        R.drawable.il_tabs_small_generic to R.drawable.il_tabs_small,
+        R.drawable.il_text_fields_generic to R.drawable.il_text_fields,
+        R.drawable.il_text_fields_small_generic to R.drawable.il_text_fields_small,
+    )
+
+    private val genericResIdByOrangeResId = orangeResIdByGenericResId.entries.associate { it.value to it.key }
+
+    @Composable
+    fun getDrawableResIdForCurrentTheme(@DrawableRes resId: Int): Int {
+        val isOrangeTheme = LocalMainThemeManager.current.currentThemeConfiguration.isOrange
+        val currentThemeResId = if (isOrangeTheme) orangeResIdByGenericResId[resId] else genericResIdByOrangeResId[resId]
+
+        return currentThemeResId.orElse { resId }
+    }
+}
diff --git a/demo/src/main/java/com/orange/ods/demo/ui/utilities/extension/OdsThemeConfigurationContractExt.kt b/demo/src/main/java/com/orange/ods/demo/ui/utilities/extension/OdsThemeConfigurationContractExt.kt
new file mode 100644
index 000000000..23d3a3832
--- /dev/null
+++ b/demo/src/main/java/com/orange/ods/demo/ui/utilities/extension/OdsThemeConfigurationContractExt.kt
@@ -0,0 +1,17 @@
+/*
+ *
+ *  Copyright 2021 Orange
+ *
+ *  Use of this source code is governed by an MIT-style
+ *  license that can be found in the LICENSE file or at
+ *  https://opensource.org/licenses/MIT.
+ * /
+ */
+
+package com.orange.ods.demo.ui.utilities.extension
+
+import com.orange.ods.theme.OdsThemeConfigurationContract
+import com.orange.ods.theme.orange.OrangeThemeConfiguration
+
+val OdsThemeConfigurationContract.isOrange: Boolean
+    get() = name == OrangeThemeConfiguration.OrangeThemeName
diff --git a/demo/src/main/res/drawable-hdpi/il_about_generic.png b/demo/src/main/res/drawable-hdpi/il_about_generic.png
new file mode 100644
index 000000000..7fd2f5491
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_about_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_app_bars_top_generic.png b/demo/src/main/res/drawable-hdpi/il_app_bars_top_generic.png
new file mode 100644
index 000000000..914332cb6
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_app_bars_top_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_app_bars_top_small_generic.png b/demo/src/main/res/drawable-hdpi/il_app_bars_top_small_generic.png
new file mode 100644
index 000000000..fb1e91a6b
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_app_bars_top_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_buttons_generic.png b/demo/src/main/res/drawable-hdpi/il_buttons_generic.png
new file mode 100644
index 000000000..8a2feb0aa
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_buttons_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_buttons_small_generic.png b/demo/src/main/res/drawable-hdpi/il_buttons_small_generic.png
new file mode 100644
index 000000000..489f7750c
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_buttons_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_chips_generic.png b/demo/src/main/res/drawable-hdpi/il_chips_generic.png
new file mode 100644
index 000000000..09e374c58
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_chips_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_chips_small_generic.png b/demo/src/main/res/drawable-hdpi/il_chips_small_generic.png
new file mode 100644
index 000000000..51cb722c9
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_chips_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_color_generic.png b/demo/src/main/res/drawable-hdpi/il_color_generic.png
new file mode 100644
index 000000000..c023186b1
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_color_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_snackbars_generic.png b/demo/src/main/res/drawable-hdpi/il_snackbars_generic.png
new file mode 100644
index 000000000..c3ce7a332
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_snackbars_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_snackbars_small_generic.png b/demo/src/main/res/drawable-hdpi/il_snackbars_small_generic.png
new file mode 100644
index 000000000..d933b1cdb
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_snackbars_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_spacing_generic.png b/demo/src/main/res/drawable-hdpi/il_spacing_generic.png
new file mode 100644
index 000000000..68d3edb1f
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_spacing_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_switches_generic.png b/demo/src/main/res/drawable-hdpi/il_switches_generic.png
new file mode 100644
index 000000000..fbf386760
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_switches_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_switches_small_generic.png b/demo/src/main/res/drawable-hdpi/il_switches_small_generic.png
new file mode 100644
index 000000000..587a15671
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_switches_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_tabs_generic.png b/demo/src/main/res/drawable-hdpi/il_tabs_generic.png
new file mode 100644
index 000000000..a0e2d5b0e
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_tabs_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_tabs_small_genric.png b/demo/src/main/res/drawable-hdpi/il_tabs_small_genric.png
new file mode 100644
index 000000000..ac7cbe854
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_tabs_small_genric.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_text_fields_generic.png b/demo/src/main/res/drawable-hdpi/il_text_fields_generic.png
new file mode 100644
index 000000000..7bc54640b
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_text_fields_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_text_fields_small_generic.png b/demo/src/main/res/drawable-hdpi/il_text_fields_small_generic.png
new file mode 100644
index 000000000..6a32a4f9c
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_text_fields_small_generic.png differ
diff --git a/demo/src/main/res/drawable-hdpi/il_typography_generic.png b/demo/src/main/res/drawable-hdpi/il_typography_generic.png
new file mode 100644
index 000000000..9e8aa63f9
Binary files /dev/null and b/demo/src/main/res/drawable-hdpi/il_typography_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_about_generic.png b/demo/src/main/res/drawable-mdpi/il_about_generic.png
new file mode 100644
index 000000000..82d128b6a
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_about_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_app_bars_top_generic.png b/demo/src/main/res/drawable-mdpi/il_app_bars_top_generic.png
new file mode 100644
index 000000000..075dc28b6
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_app_bars_top_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_app_bars_top_small_generic.png b/demo/src/main/res/drawable-mdpi/il_app_bars_top_small_generic.png
new file mode 100644
index 000000000..e2657d88c
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_app_bars_top_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_buttons_generic.png b/demo/src/main/res/drawable-mdpi/il_buttons_generic.png
new file mode 100644
index 000000000..c8a1eb057
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_buttons_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_buttons_small_generic.png b/demo/src/main/res/drawable-mdpi/il_buttons_small_generic.png
new file mode 100644
index 000000000..c2575b1ca
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_buttons_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_chips_generic.png b/demo/src/main/res/drawable-mdpi/il_chips_generic.png
new file mode 100644
index 000000000..4879e5e44
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_chips_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_chips_small_generic.png b/demo/src/main/res/drawable-mdpi/il_chips_small_generic.png
new file mode 100644
index 000000000..dc6d059da
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_chips_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_color_generic.png b/demo/src/main/res/drawable-mdpi/il_color_generic.png
new file mode 100644
index 000000000..b388f5e98
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_color_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_snackbars_generic.png b/demo/src/main/res/drawable-mdpi/il_snackbars_generic.png
new file mode 100644
index 000000000..23d5c9c0f
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_snackbars_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_snackbars_small_generic.png b/demo/src/main/res/drawable-mdpi/il_snackbars_small_generic.png
new file mode 100644
index 000000000..b9a1a464d
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_snackbars_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_spacing_generic.png b/demo/src/main/res/drawable-mdpi/il_spacing_generic.png
new file mode 100644
index 000000000..e994374ae
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_spacing_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_switches_generic.png b/demo/src/main/res/drawable-mdpi/il_switches_generic.png
new file mode 100644
index 000000000..743e63ade
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_switches_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_switches_small_generic.png b/demo/src/main/res/drawable-mdpi/il_switches_small_generic.png
new file mode 100644
index 000000000..877073461
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_switches_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_tabs_generic.png b/demo/src/main/res/drawable-mdpi/il_tabs_generic.png
new file mode 100644
index 000000000..bed937cdc
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_tabs_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_tabs_small_generic.png b/demo/src/main/res/drawable-mdpi/il_tabs_small_generic.png
new file mode 100644
index 000000000..7e88f8911
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_tabs_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_text_fields_generic.png b/demo/src/main/res/drawable-mdpi/il_text_fields_generic.png
new file mode 100644
index 000000000..c638aaf06
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_text_fields_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_text_fields_small_generic.png b/demo/src/main/res/drawable-mdpi/il_text_fields_small_generic.png
new file mode 100644
index 000000000..bdcc3ae86
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_text_fields_small_generic.png differ
diff --git a/demo/src/main/res/drawable-mdpi/il_typography_generic.png b/demo/src/main/res/drawable-mdpi/il_typography_generic.png
new file mode 100644
index 000000000..d02b36bf3
Binary files /dev/null and b/demo/src/main/res/drawable-mdpi/il_typography_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_about_generic.png b/demo/src/main/res/drawable-xhdpi/il_about_generic.png
new file mode 100644
index 000000000..e14b0bcc2
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_about_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_app_bars_top_generic.png b/demo/src/main/res/drawable-xhdpi/il_app_bars_top_generic.png
new file mode 100644
index 000000000..3dcd5086f
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_app_bars_top_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_app_bars_top_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_app_bars_top_small_generic.png
new file mode 100644
index 000000000..656407fe9
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_app_bars_top_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_buttons_generic.png b/demo/src/main/res/drawable-xhdpi/il_buttons_generic.png
new file mode 100644
index 000000000..190019b94
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_buttons_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_buttons_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_buttons_small_generic.png
new file mode 100644
index 000000000..9dae9a090
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_buttons_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_chips_generic.png b/demo/src/main/res/drawable-xhdpi/il_chips_generic.png
new file mode 100644
index 000000000..43cdb5fbb
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_chips_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_chips_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_chips_small_generic.png
new file mode 100644
index 000000000..789f0d41f
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_chips_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_color_generic.png b/demo/src/main/res/drawable-xhdpi/il_color_generic.png
new file mode 100644
index 000000000..a9ddda889
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_color_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_snackbars_generic.png b/demo/src/main/res/drawable-xhdpi/il_snackbars_generic.png
new file mode 100644
index 000000000..b2d64339a
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_snackbars_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_snackbars_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_snackbars_small_generic.png
new file mode 100644
index 000000000..b463295ca
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_snackbars_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_spacing_generic.png b/demo/src/main/res/drawable-xhdpi/il_spacing_generic.png
new file mode 100644
index 000000000..d64d470c2
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_spacing_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_switches_generic.png b/demo/src/main/res/drawable-xhdpi/il_switches_generic.png
new file mode 100644
index 000000000..f973a5ac9
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_switches_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_switches_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_switches_small_generic.png
new file mode 100644
index 000000000..97af4d582
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_switches_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_tabs_generic.png b/demo/src/main/res/drawable-xhdpi/il_tabs_generic.png
new file mode 100644
index 000000000..1b12f581c
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_tabs_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_tabs_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_tabs_small_generic.png
new file mode 100644
index 000000000..68ce60ac7
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_tabs_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_text_fields_generic.png b/demo/src/main/res/drawable-xhdpi/il_text_fields_generic.png
new file mode 100644
index 000000000..6fbb01b45
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_text_fields_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_text_fields_small_generic.png b/demo/src/main/res/drawable-xhdpi/il_text_fields_small_generic.png
new file mode 100644
index 000000000..25ffb50c3
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_text_fields_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xhdpi/il_typography_generic.png b/demo/src/main/res/drawable-xhdpi/il_typography_generic.png
new file mode 100644
index 000000000..2aaac4120
Binary files /dev/null and b/demo/src/main/res/drawable-xhdpi/il_typography_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_about_generic.png b/demo/src/main/res/drawable-xxhdpi/il_about_generic.png
new file mode 100644
index 000000000..d702c95b8
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_about_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_generic.png b/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_generic.png
new file mode 100644
index 000000000..dd3bdd944
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_small_generic.png
new file mode 100644
index 000000000..f1ae5deff
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_app_bars_top_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_buttons_generic.png b/demo/src/main/res/drawable-xxhdpi/il_buttons_generic.png
new file mode 100644
index 000000000..74a5a8112
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_buttons_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_buttons_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_buttons_small_generic.png
new file mode 100644
index 000000000..e2d4f5cbf
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_buttons_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_chips_generic.png b/demo/src/main/res/drawable-xxhdpi/il_chips_generic.png
new file mode 100644
index 000000000..4269c4752
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_chips_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_chips_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_chips_small_generic.png
new file mode 100644
index 000000000..44a2b603f
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_chips_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_color_generic.png b/demo/src/main/res/drawable-xxhdpi/il_color_generic.png
new file mode 100644
index 000000000..6bcd6df82
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_color_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_snackbars_generic.png b/demo/src/main/res/drawable-xxhdpi/il_snackbars_generic.png
new file mode 100644
index 000000000..247ecc7b7
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_snackbars_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_snackbars_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_snackbars_small_generic.png
new file mode 100644
index 000000000..32460c38f
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_snackbars_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_spacing_generic.png b/demo/src/main/res/drawable-xxhdpi/il_spacing_generic.png
new file mode 100644
index 000000000..05797393b
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_spacing_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_switches_generic.png b/demo/src/main/res/drawable-xxhdpi/il_switches_generic.png
new file mode 100644
index 000000000..9c3aff153
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_switches_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_switches_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_switches_small_generic.png
new file mode 100644
index 000000000..e650574dd
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_switches_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_tabs_generic.png b/demo/src/main/res/drawable-xxhdpi/il_tabs_generic.png
new file mode 100644
index 000000000..928b09c0a
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_tabs_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_tabs_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_tabs_small_generic.png
new file mode 100644
index 000000000..27f1a7639
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_tabs_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_text_fields_generic.png b/demo/src/main/res/drawable-xxhdpi/il_text_fields_generic.png
new file mode 100644
index 000000000..f7ed0e853
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_text_fields_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_text_fields_small_generic.png b/demo/src/main/res/drawable-xxhdpi/il_text_fields_small_generic.png
new file mode 100644
index 000000000..9260921dc
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_text_fields_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxhdpi/il_typography_generic.png b/demo/src/main/res/drawable-xxhdpi/il_typography_generic.png
new file mode 100644
index 000000000..4253870cf
Binary files /dev/null and b/demo/src/main/res/drawable-xxhdpi/il_typography_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_about_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_about_generic.png
new file mode 100644
index 000000000..9deeda3ce
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_about_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_generic.png
new file mode 100644
index 000000000..171fdf9aa
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_small_generic.png
new file mode 100644
index 000000000..74d5c3109
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_app_bars_top_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_buttons_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_buttons_generic.png
new file mode 100644
index 000000000..cc4927fc9
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_buttons_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_buttons_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_buttons_small_generic.png
new file mode 100644
index 000000000..9c5c4a006
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_buttons_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_chips_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_chips_generic.png
new file mode 100644
index 000000000..bb8c9581d
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_chips_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_chips_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_chips_small_generic.png
new file mode 100644
index 000000000..b53c42141
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_chips_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_color_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_color_generic.png
new file mode 100644
index 000000000..85bcbce60
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_color_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_snackbars_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_snackbars_generic.png
new file mode 100644
index 000000000..e76970d25
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_snackbars_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_snackbars_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_snackbars_small_generic.png
new file mode 100644
index 000000000..f12ab3c5d
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_snackbars_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_spacing_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_spacing_generic.png
new file mode 100644
index 000000000..533987a00
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_spacing_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_switches_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_switches_generic.png
new file mode 100644
index 000000000..e90f458b0
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_switches_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_switches_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_switches_small_generic.png
new file mode 100644
index 000000000..e061dea85
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_switches_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_tabs_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_tabs_generic.png
new file mode 100644
index 000000000..c7d55d6ca
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_tabs_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_tabs_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_tabs_small_generic.png
new file mode 100644
index 000000000..299276065
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_tabs_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_text_fields_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_text_fields_generic.png
new file mode 100644
index 000000000..a0e0658fc
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_text_fields_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_text_fields_small_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_text_fields_small_generic.png
new file mode 100644
index 000000000..4c8862793
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_text_fields_small_generic.png differ
diff --git a/demo/src/main/res/drawable-xxxhdpi/il_typography_generic.png b/demo/src/main/res/drawable-xxxhdpi/il_typography_generic.png
new file mode 100644
index 000000000..38d936dbc
Binary files /dev/null and b/demo/src/main/res/drawable-xxxhdpi/il_typography_generic.png differ
diff --git a/demo/src/main/res/drawable/il_bottom_navigation_generic.xml b/demo/src/main/res/drawable/il_bottom_navigation_generic.xml
new file mode 100644
index 000000000..e2cdf22fd
--- /dev/null
+++ b/demo/src/main/res/drawable/il_bottom_navigation_generic.xml
@@ -0,0 +1,72 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <group>
+    <clip-path
+        android:pathData="M0,0h400v200h-400z"/>
+    <path
+        android:pathData="M328.96,146.46c0,16.82 -13.64,30.46 -30.47,30.46H101.51c-16.82,-0.01 -30.47,-13.64 -30.46,-30.47V-278c0,-16.82 13.64,-30.46 30.46,-30.46h196.99c16.83,0 30.46,13.63 30.46,30.46V146.46Z"
+        android:fillColor="#333"/>
+    <path
+        android:pathData="M83.23,-218.81h233.55v341.18h-233.55z"
+        android:fillColor="#1b1b1b"/>
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M238.98,70.49h77.88v58.9h-77.88z"/>
+    <path
+        android:pathData="M238.98,70.49h77.88v58.9h-77.88z"
+        android:fillColor="#00121212"/>
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M161.1,70.49h77.88v58.9h-77.88z"/>
+    <path
+        android:pathData="M161.1,70.49h77.88v58.9h-77.88z"
+        android:fillColor="#00121212"/>
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M83.22,70.49h77.88v58.9h-77.88z"/>
+    <path
+        android:pathData="M83.22,70.49h77.88v58.9h-77.88z"
+        android:fillColor="#00121212"/>
+    <path
+        android:pathData="M238.98,70.49l-77.88,0l-77.88,0l0,58.91l77.88,0l77.88,0l77.88,0l0,-58.91l-77.88,0z"
+        android:fillColor="#2f2f2f"/>
+    <path
+        android:pathData="M121.65,106.8l-1.95,-1.74c-6.94,-6.17 -11.52,-10.24 -11.52,-15.23 0,-4.02 3.26,-7.28 7.27,-7.28 0.05,0 0.09,0 0.14,0 2.32,0.01 4.53,1.02 6.06,2.76 1.53,-1.74 3.74,-2.75 6.06,-2.76 4.02,-0.07 7.33,3.12 7.41,7.14 0,0.05 0,0.09 0,0.14 0,5 -4.58,9.06 -11.52,15.25l-1.95,1.72Z"
+        android:fillColor="#949494"/>
+    <path
+        android:pathData="M97.83,119.5L146.49,119.5"
+        android:strokeWidth="4"
+        android:fillColor="#00000000"
+        android:strokeColor="#949494"/>
+    <path
+        android:pathData="M277.92,108.15c-7.44,0 -13.47,-6.03 -13.47,-13.47s6.03,-13.47 13.47,-13.47 13.47,6.03 13.47,13.47c0,7.44 -6.03,13.46 -13.47,13.47ZM276.57,98.72v2.69h2.69v-2.69h-2.69ZM276.57,87.94v8.08h2.69v-8.08h-2.69Z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M253.59,119.5L302.25,119.5"
+        android:strokeAlpha="0.6"
+        android:strokeWidth="4"
+        android:fillColor="#00000000"
+        android:strokeColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M175.71,119.5L224.37,119.5"
+        android:strokeAlpha="0.6"
+        android:strokeWidth="4"
+        android:fillColor="#00000000"
+        android:strokeColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M200.04,107.48c-1.49,0 -2.69,-1.21 -2.69,-2.69h5.39c0,1.49 -1.21,2.69 -2.69,2.69ZM210.82,103.44h-21.55v-1.35l2.69,-2.69v-6.74c-0.04,-1.94 0.51,-3.85 1.58,-5.47 1.06,-1.54 2.66,-2.63 4.48,-3.04v-0.92c0,-1.12 0.9,-2.02 2.02,-2.02s2.02,0.9 2.02,2.02v0.92c1.82,0.42 3.42,1.51 4.48,3.05 1.07,1.62 1.63,3.52 1.59,5.46v6.74l2.69,2.69v1.35Z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+  </group>
+</vector>
diff --git a/demo/src/main/res/drawable/il_cards_generic.xml b/demo/src/main/res/drawable/il_cards_generic.xml
new file mode 100644
index 000000000..9f6ebfb30
--- /dev/null
+++ b/demo/src/main/res/drawable/il_cards_generic.xml
@@ -0,0 +1,83 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M50.8,22.72L183.71,22.72A2.85,2.85 0,0 1,186.56 25.57L186.56,174.44A2.85,2.85 0,0 1,183.71 177.29L50.8,177.29A2.85,2.85 0,0 1,47.95 174.44L47.95,25.57A2.85,2.85 0,0 1,50.8 22.72z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M47.84,51.53h138.61v78.41h-138.61z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M62.63,37.39m-8.14,0a8.14,8.14 0,1 1,16.28 0a8.14,8.14 0,1 1,-16.28 0"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M77.41,30.32h38.35v5.57h-38.35z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M77.41,41.25h17.57v4.28h-17.57z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M168.24,33.54h7.71v7.71h-7.71z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M54.48,138.51h105.62v3.21h-105.62z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M54.48,147.51h99.83v3h-99.83z"
+      android:fillColor="#999"/>
+  <path
+      android:pathData="M54.48,161.03h24.42v6.61h-24.42z"
+      android:fillColor="#949494"/>
+  <path
+      android:pathData="M92.19,161.03h24.42v6.61h-24.42z"
+      android:fillColor="#949494"/>
+  <path
+      android:pathData="M216.4,22.72L349.31,22.72A2.85,2.85 0,0 1,352.16 25.57L352.16,174.44A2.85,2.85 0,0 1,349.31 177.29L216.4,177.29A2.85,2.85 0,0 1,213.55 174.44L213.55,25.57A2.85,2.85 0,0 1,216.4 22.72z"
+      android:fillColor="#333"/>
+  <path
+      android:pathData="M213.44,51.53h138.61v78.41h-138.61z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M228.22,37.39m-8.14,0a8.14,8.14 0,1 1,16.28 0a8.14,8.14 0,1 1,-16.28 0"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M243.01,30.32h38.35v5.57h-38.35z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M243.01,41.25h17.57v4.28h-17.57z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M333.84,33.54h7.71v7.71h-7.71z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M220.08,138.51h105.62v3.21h-105.62z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M220.08,147.51h99.83v3h-99.83z"
+      android:strokeAlpha="0.6"
+      android:fillColor="#999"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M220.08,161.03h24.42v6.61h-24.42z"
+      android:fillColor="#949494"/>
+  <path
+      android:pathData="M257.79,161.03h24.42v6.61h-24.42z"
+      android:fillColor="#949494"/>
+</vector>
diff --git a/demo/src/main/res/drawable/il_checkboxes_generic.xml b/demo/src/main/res/drawable/il_checkboxes_generic.xml
new file mode 100644
index 000000000..352588aab
--- /dev/null
+++ b/demo/src/main/res/drawable/il_checkboxes_generic.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M218.67,124h-37.33c-2.95,0 -5.33,-2.39 -5.33,-5.33v-37.33c0,-2.95 2.39,-5.33 5.33,-5.33h37.33c2.95,0 5.33,2.39 5.33,5.33v37.33c0,2.95 -2.39,5.33 -5.33,5.33ZM185.1,96.24h0l-3.76,3.76 13.33,13.33 24,-24 -3.76,-3.79 -20.24,20.24 -9.57,-9.55Z"
+      android:fillColor="#898989"/>
+</vector>
diff --git a/demo/src/main/res/drawable/il_dialogs_generic.xml b/demo/src/main/res/drawable/il_dialogs_generic.xml
new file mode 100644
index 000000000..b0500b54d
--- /dev/null
+++ b/demo/src/main/res/drawable/il_dialogs_generic.xml
@@ -0,0 +1,36 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M114.93,27h170.14c1.62,0 2.93,1.3 2.93,2.91V170.09c0,1.6 -1.31,2.91 -2.93,2.91H114.93c-1.62,0 -2.93,-1.3 -2.93,-2.91V29.91c0,-1.6 1.31,-2.91 2.93,-2.91Z"
+      android:fillColor="#333"/>
+  <path
+      android:pathData="M192.84,153.87h34.44v6.26h-34.44z"
+      android:fillColor="#898989"/>
+  <path
+      android:pathData="M127.72,44.3h41.95v6.26h-41.95z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M127.72,68.09h119.59v4.38h-119.59z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M127.72,81.87h132.11v4.38h-132.11z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M127.72,95.64h140.25v4.38h-140.25z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M127.72,109.42h142.13v4.38h-142.13z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M127.72,123.19h91.41v4.38h-91.41z"
+      android:fillColor="#fff"/>
+  <path
+      android:pathData="M242.93,153.87h34.44v6.26h-34.44z"
+      android:fillColor="#898989"/>
+</vector>
diff --git a/demo/src/main/res/drawable/il_lists_generic.xml b/demo/src/main/res/drawable/il_lists_generic.xml
new file mode 100644
index 000000000..fe6e8b7f5
--- /dev/null
+++ b/demo/src/main/res/drawable/il_lists_generic.xml
@@ -0,0 +1,83 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M-0.5,0h401v200h-401z"
+      android:fillColor="#1b1b1b"/>
+  <group>
+    <clip-path
+        android:pathData="M0,0h400v200h-400z"/>
+    <path
+        android:pathData="M101.87,68.2h65.32v8.13h-65.32z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M101.87,115h65.32v8.13h-65.32z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M101.87,161.8h65.32v8.13h-65.32z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M64.5,95.75L336.5,95.75"
+        android:strokeWidth="3"
+        android:fillColor="#00000000"
+        android:strokeColor="#3f3f3f"/>
+    <path
+        android:pathData="M64.5,142.47L336.5,142.47"
+        android:strokeWidth="3"
+        android:fillColor="#00000000"
+        android:strokeColor="#3f3f3f"/>
+    <path
+        android:pathData="M299.45,62.57h19.39v19.39h-19.39z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M74.85,65.22h14.1v14.1h-14.1z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M74.85,27.08h102.2v8.13h-102.2z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M64.5,48.84L336.5,48.84"
+        android:strokeWidth="3"
+        android:fillColor="#00000000"
+        android:strokeColor="#3f3f3f"/>
+    <path
+        android:pathData="M74.85,112.02h14.1v14.1h-14.1z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M74.85,158.82h14.1v14.1h-14.1z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M299.45,109.37h19.39v19.39h-19.39z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M299.45,156.17h19.39v19.39h-19.39z"
+        android:strokeAlpha="0.6"
+        android:fillColor="#ccc"
+        android:fillAlpha="0.6"/>
+    <path
+        android:pathData="M64.5,189.39L336.5,189.39"
+        android:strokeWidth="3"
+        android:fillColor="#00000000"
+        android:strokeColor="#3f3f3f"/>
+  </group>
+</vector>
diff --git a/demo/src/main/res/drawable/il_progress_generic.xml b/demo/src/main/res/drawable/il_progress_generic.xml
new file mode 100644
index 000000000..89d441679
--- /dev/null
+++ b/demo/src/main/res/drawable/il_progress_generic.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M232.21,89.97c0.99,3.17 1.52,6.54 1.52,10.03 0,18.63 -15.1,33.72 -33.72,33.72s-33.72,-15.1 -33.72,-33.72 15.1,-33.72 33.72,-33.72"
+      android:strokeWidth="12"
+      android:fillColor="#00000000"
+      android:strokeColor="#949494"/>
+</vector>
diff --git a/demo/src/main/res/drawable/il_radio_buttons_generic.xml b/demo/src/main/res/drawable/il_radio_buttons_generic.xml
new file mode 100644
index 000000000..99bcd0541
--- /dev/null
+++ b/demo/src/main/res/drawable/il_radio_buttons_generic.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M200,124c-13.25,0 -24,-10.75 -24,-24s10.75,-24 24,-24 24,10.75 24,24c-0.01,13.25 -10.75,23.99 -24,24ZM200,80.8c-10.6,0 -19.2,8.6 -19.2,19.2s8.6,19.2 19.2,19.2 19.2,-8.6 19.2,-19.2c-0.01,-10.6 -8.6,-19.19 -19.2,-19.2ZM200,112c-6.63,0 -12,-5.37 -12,-12s5.37,-12 12,-12 12,5.37 12,12c0,6.62 -5.38,11.99 -12,12Z"
+      android:fillColor="#898989"/>
+</vector>
diff --git a/demo/src/main/res/drawable/il_sliders_generic.xml b/demo/src/main/res/drawable/il_sliders_generic.xml
new file mode 100644
index 000000000..c78115db9
--- /dev/null
+++ b/demo/src/main/res/drawable/il_sliders_generic.xml
@@ -0,0 +1,20 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="400dp"
+    android:height="200dp"
+    android:viewportWidth="400"
+    android:viewportHeight="200">
+  <path
+      android:pathData="M0,0h400v200h-400z"
+      android:fillColor="#1b1b1b"/>
+  <path
+      android:pathData="M35.5,96.5L235.5,96.5A3.5,3.5 0,0 1,239 100L239,100A3.5,3.5 0,0 1,235.5 103.5L35.5,103.5A3.5,3.5 0,0 1,32 100L32,100A3.5,3.5 0,0 1,35.5 96.5z"
+      android:fillColor="#949494"/>
+  <path
+      android:pathData="M209.5,96.5L409.5,96.5A3.5,3.5 0,0 1,413 100L413,100A3.5,3.5 0,0 1,409.5 103.5L209.5,103.5A3.5,3.5 0,0 1,206 100L206,100A3.5,3.5 0,0 1,209.5 96.5z"
+      android:strokeAlpha="0.2"
+      android:fillColor="#949494"
+      android:fillAlpha="0.2"/>
+  <path
+      android:pathData="M251.06,77.61c14.24,-1.42 26.11,10.45 24.7,24.68 -1.04,10.53 -9.56,19.04 -20.09,20.09 -14.24,1.42 -26.11,-10.45 -24.7,-24.68 1.04,-10.53 9.56,-19.04 20.09,-20.09Z"
+      android:fillColor="#949494"/>
+</vector>