mealie-recipes/mealie

[v1.0.0b] [Task] - Color Code Tags/Categories

Open

#1,241 opened on May 18, 2022

View on GitHub
 (7 comments) (1 reaction) (0 assignees)Python (4,270 stars) (455 forks)batch import
featuregood first issuetaskv1

Description

What is the problem this task addresses?

TLDR: Add color options for Tags and Categories for displaying when in chip format like on the recipe pages

Proposed/Possible Solution(s)?

The MultiPurposeLabels components does nearly the same thing that is requested here, most of the logic can be utilized to determine text color and default colors with the caveat that the existing behavior should be kept in that the default color for the chips should be the accent of the theme.

Contributor guide

Tech stack
vue
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Vue component development
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Examine the MultiPurposeLabels component to understand how it determines text color and default colors. Review the existing chip display code for Tags and Categories. Adapt the logic to apply to Tags and Categories while preserving the default accent color behavior. Refer to discussion #1220 and the existing MultiPurposeLabels implementation in the codebase.