Material Theming with MDC: Color. Color theming on Android using the MDC

 By Medium - 2020-09-01

Description

Material Theming is a way to customize Material Components to align with your brand. A Material theme includes color, typography and shape parameters which you can adjust to get near-infinite…

Summary

  • Material Theming with MDC: Material color tool (left) and Material palette generator (right) Things to consider You almost always want to override colorPrimary, colorSecondary and their variants, unless your brand happens to use the exact same purple/teal hex values as the baseline Material Theme.
  • Despite being separate attributes, there’s an inherent link between a color, its variant (if one exists) and its “On” color (eg.
  • Build a Material Theme Build a Material Theme is an interactive Android project that lets you create your own Material theme by customizing values for color, typography, and shape.

 

Topics

  1. Mobile (0.39)
  2. UX (0.14)
  3. Frontend (0.1)

Similar Articles

The Principles of Dark UI Design

By Medium - 2020-12-16

Dark UIs can be stylish, dramatic, and elegant. But despite the potential benefits, they come with many challenges and potential pitfalls.

Accessible colors for user interfaces

By Medium - 2020-12-08

As a designer, you should use high contrast colors. It will help users of websites and apps to perceive the content, regardless of visual impairments, technical restrictions, and external influences…

Creating beautiful maps with Python

By Medium - 2021-01-31

I always liked city maps and a few weeks ago I decided to build my own artistic versions of it. After googling a little bit I discovered this incredible tutorial written by Frank Ceballos. It is a…

Aurora UI — new visual trend for

By Medium - 2021-03-09

UI design and especially its more artistic, visual side is constantly evolving. While most current products repeat the same, trusted and well-known IA patterns, UI and the Value Proposition are the…

mrousavy/react-native-blurhash

By GitHub - 2021-03-03

🖼️ A library to show colorful blurry placeholders while your content loads. - mrousavy/react-native-blurhash