mirror of
https://github.com/kiwix/kiwix-android.git
synced 2025-09-22 03:54:18 -04:00
Update DESIGN.md
This commit is contained in:
parent
76a427bcd6
commit
cd249d4bab
@ -22,8 +22,8 @@ Kiwix uses themes to apply styles to views. This means that instead of adding a
|
||||
Themes are defined in res/values/themes.xml or res/values-night/themes.xml depending on night/day.
|
||||
The following steps should be followed to set a color or style of a view.
|
||||
1. Define the color or style:
|
||||
a. Define the color in core/colors.xml. Use good naming (denim_blue, min_shaft_gray etc..).
|
||||
b. Define the style in core/styles.xml. Follow the naming convention. TODO: (what is the naming convention for styles?)
|
||||
* Define the color in core/colors.xml. Use good naming (denim_blue, min_shaft_gray etc..).
|
||||
* Define the style in core/styles.xml. Follow the naming convention. TODO: (what is the naming convention for styles?)
|
||||
2. Add the color or style to a specific theme item in themes.xml
|
||||
3. Make sure that the color or style works in both day and night mode. If it does not, add a night compatible color/style to values-night/themes.xml.
|
||||
|
||||
@ -39,7 +39,7 @@ Following is a list of resources that can and should be used to support a design
|
||||
1. [Material Design](https://material.io/) - Googles design guide that should be followed to keep Android applications consistent.
|
||||
2. [Design for Android](https://developer.android.com/design) - Another design guide by Google, this one is specifically for Android while Material Design is more general.
|
||||
3. [Figma](https://www.figma.com) - A tool that can be used to mock design ideas.
|
||||
4. [Themes Vs. Styles](google io link)
|
||||
4. [Developing Themes with Style (Android Dev Summit '19)](https://www.youtube.com/watch?v=Owkf8DhAOSo)
|
||||
|
||||
## Accessibility
|
||||
Accessibility is an important part of Android applications. Especially applications that are as widely used as Kiwix. As such, accessibility should be part of design decisions. This can include choices such as:
|
||||
|
Loading…
x
Reference in New Issue
Block a user