Skip to content

Setting custom styles

Jump to bottom
Jahir Fiquitiva edited this page Apr 22, 2020 · 1 revision

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:

Wiki written by Patryk Goworowski, Lumiq Creative, and Jackson Hayes. Special thanks to Sanchith Hegde. Copyright © 2018 Jahir Fiquitiva.

Licensed under the CreativeCommons Attribution-ShareAlike 4.0 International License. You may not use this file except in compliance with the License. You may obtain a copy of the License at http://creativecommons.org/licenses/by-sa/4.0/legalcode.

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Useful Links

Setup Process

Optional Modifications

Clone this wiki locally