Apply Material Color Scheme

[tbsbdr]

Description

User Stories

• As a user I want harmonised colors in the UI so that I feel comfortable.

Value

• Design Aesthetics without a Designer
• Simplifies Maintenance
• Consistency and Standardization
• Accessibility Built-in
• Cross-Platform and Scalability
• Customization Flexibility

Acceptance Criteria

• Make web consume one of the export formats of the Material Theme Builder Figma plugin (https://www.figma.com/community/plugin/1034969338659738588/material-theme-builder)

  • Android Views XML or
  • Jetpack Compose Theme.kt or
  • Flutter Dart or
  • Web CSS or
  • Material Theme Json

📦 Download all as zip: Material Colors owncloud.zip

• Implementation details: Appropriately apply Material Color Roles to Web UI (https://m3.material.io/styles/color/roles)

Definition of ready

• Everybody needs to understand the value written in the user story
• Acceptance criteria have to be defined
• All dependencies of the user story need to be identified
• Feature should be seen from an end user perspective
• Story has to be estimated
• Story points need to be less than 20

Definition of done

• Functional requirements
  • Functionality described in the user story works
  • Acceptance criteria are fulfilled
• Quality
  • Code review happened
  • CI is green (that includes new and existing automated tests)
  • Critical code received unit tests by the developer
• Non-functional requirements
  • No sonar cloud issues

Visuals

Material Color Roles

Plugin export formats