Frontend Style Guide

Styling

• Always use SCSS/CSS variables for colors, spacing, typography, and other repeatable values to ensure consistency and easy theming.
• Do not use inline HTML style (e.g., <div style="color: red">,...)
• All styles should be defined in the corresponding .scss files.

Color Scheme

• Use the colors (e.g. primary, warn, ...) provided by the prebuilt-theme of MaterialUI

Components

• Whenever possible, use the existing Angular Material UI Components.
• Avoid custom implementations if a suitable Material component exists.

Useful Links

• Angular Documentation
• Angular Style Guide
• TypeScript Style Guide
• MaterialUI Documentation