Skip to content

Setting custom styles

Jump to bottom
Jahir Fiquitiva edited this page Apr 22, 2020 · 2 revisions

In app/src/main/res/values/styles.xml, you will find 3 important styles:

  • MyApp.SplashScreen
  • MyApp.Default
  • MyApp.Default.Amoled

Custom Fonts

Fonts customization provided in this dashboard is limited and will only apply to specific UI elements.

To set custom fonts in these, be sure to fill the following attributes:

  • customFontBold
  • customFontNormal

By default Frames provides some styles that you can keep if you're ok with them (which are the default set there).

To use your custom fonts, create a font folder like app/src/main/res/font. Put your font files there, and also create a custom font family XML there. Learn how to create them here.

Next step is to update the attributes in styles to point to your font family xml s. Be sure to NOT point the font files (.ttf, .otf, etc.)

The result in every style would be something like:

	<item name="customFontBold">@font/my_custom_bold_font_family</item>
	<item name="customFontNormal">@font/my_custom_normal_font_family</item>

@font/my_custom_*_font_family is just for reference. As I said before, it should be the name of your font family xml s.

Bottom Navigation

Check the MyApp.BottomNavigationView style information written in styles.xml

Shape Theming

Check the file app/src/main/res/values/shape_styles.xml and read the Shape Theming documentation

Important Note

If you want to go deeper and change the whole app fonts, or any additional styles, you will have to figure it out on your own, as support will NOT be provided for such kind of changes.

Technically, with these styles you could customize your app as much as you'd like if you're brave enough to try. Learn more about app theming at:

Copyright 2022 by Jahir Fiquitiva. This work is licensed under the CreativeCommons Attribution-ShareAlike 4.0 International License.

Support development 😄

Setup process

This list represents the step-to-step process to setup Kuper. It's organized so it's easier to follow. (Although you can do it in the order you want.)

  1. First steps
  2. Setting build.gradle up
  3. Setting AndroidManifest.xml up
  4. Change app icons
  5. Setting colors up
  6. Setting MainActivity.kt up
  7. Setting strings.xml up
  8. Setting kuper_setup.xml up
  9. Setting frames_setup.xml up
  10. Setting custom styles
  11. Adding Zooper widgets
  12. Adding Kustom assets
  13. Setting up Credits
  14. Optimize your wallpapers
  15. Setting up the wallpapers JSON file
  16. Enabling notifications
  17. Update your app's changelog
  18. Publish your app! 😃
  19. Update to latest version
Clone this wiki locally