text: <?xml version="1.0" encoding="utf-8"?>
  <resources>
  
      <style name="AppTheme.BottomNavigation" parent="Theme.MaterialComponents.DayNight" />
  
      <style name="AppTheme.BottomNavigation.Themed" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
          <!-- Global color attributes -->
          <item name="colorPrimary">@color/color_primary</item>
          <item name="colorPrimaryVariant">@color/color_primary_variant</item>
          <item name="colorOnPrimary">@color/color_on_primary</item>
          <item name="colorSecondary">@color/color_secondary</item>
          <item name="colorSecondaryVariant">@color/color_secondary_variant</item>
          <item name="colorOnSecondary">@color/color_on_secondary</item>
          <item name="colorError">@color/color_error</item>
          <item name="colorOnError">@color/color_on_error</item>
          <item name="colorSurface">@color/color_surface</item>
          <item name="colorOnSurface">@color/color_on_surface</item>
          <item name="android:colorBackground">@color/color_background</item>
          <item name="colorOnBackground">@color/color_on_background</item>
          <item name="android:statusBarColor">@color/color_status_bar</item>
          <!-- Global type attributes -->
          <item name="fontFamily">@font/roboto_mono</item>
          <item name="android:fontFamily">@font/roboto_mono</item>
          <!-- Bottom Navigation widget style attribute -->
          <item name="bottomNavigationStyle">@style/AppBottomNavigation2</item>
          <!-- Badge style attribute -->
          <item name="badgeStyle">@style/AppBadge</item>
      </style>
  
      <!-- Using AppBottomNavigation2 to avoid conflicts with the main playground style -->
      <style name="AppBottomNavigation2" parent="Widget.MaterialComponents.BottomNavigationView.Colored">
          <item name="backgroundTint">?attr/colorPrimary</item>
          <item name="itemIconTint">@color/bottom_navigation_item_color</item>
          <item name="itemTextColor">@color/bottom_navigation_item_color</item>
          <item name="itemRippleColor">@color/bottom_navigation_item_ripple_color</item>
          <item name="itemTextAppearanceActive">?attr/textAppearanceCaption</item>
          <item name="itemTextAppearanceInactive">?attr/textAppearanceCaption</item>
      </style>
  
      <style name="AppBadge" parent="Widget.MaterialComponents.Badge">
          <item name="backgroundColor">?attr/colorError</item>
          <item name="badgeTextColor">?attr/colorOnError</item>
      </style>
  
  </resources>
  