[Story] CSS

Janis commented

2025-10-23 10:08:11 +02:00

Owner

🧍‍♂️ User Story

As a Developer
I want to create CSS classes and layouts
So that I have control over the UI/Layout

📋 Description

We need to create a seperate stylesheet which contains our style and layouts.
Less needs to be implemented as well and used accordingly.
To make sure we get extra points we should implement a light / dark mode or different designs.

🎯 Acceptance Criteria

CSS in seperate stylesheet - 10m
Create a default theme with Less - 1h
Create a dark mode theme - 20m
Select the theme using prefers-color-scheme - 30m
Implement simple animations using CSS - 90m

🧱 Implementation Notes

Important Docs:

🧵 Linked Issues

Related Subtasks:

## 🧍‍♂️ User Story **As a** Developer **I want to** create CSS classes and layouts **So that** I have control over the UI/Layout --- ## 📋 Description We need to create a seperate stylesheet which contains our style and layouts. `Less` needs to be implemented as well and used accordingly. To make sure we get extra points we should implement a light / dark mode or different designs. --- ## 🎯 Acceptance Criteria - [x] CSS in seperate stylesheet - 10m - [x] Create a default theme with Less - 1h - [x] Create a dark mode theme - 20m - [x] Select the theme using `prefers-color-scheme` - 30m - [x] Implement simple animations using CSS - 90m --- ## 🧱 Implementation Notes Important Docs: * https://stackoverflow.com/questions/12236418/can-i-create-less-color-themes-with-variables-that-rely-on-other-variables * https://lesscss.org/features/ * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme --- ## 🧵 Linked Issues - Related Subtasks: - [x] #14 - [x] #15 - [x] #16 - [x] #17 - [x] #18