CSS Output Generation 📝

[lalithaar]

Priority: High | Difficulty: Medium | Estimated: 1 week

Problem

After processing colors through CM-Colors, need to generate valid CSS with the accessible colors.

Scope

• Take original CSS + color changes
• Generate new CSS file with accessible colors
• Preserve formatting, comments, and structure as much as possible
• Handle edge cases (colors that couldn't be fixed)

Acceptance Criteria

/* Input */
.header { color: #666; background: #f8f8f8; font-size: 16px; }

/* Output */
.header { color: #5a5a5a; background: #f8f8f8; font-size: 16px; }
/* CM-Colors: #666 → #5a5a5a (AA → AAA, +2.3% contrast) */

Technical Requirements

• Preserve original CSS structure
• Add optional comments showing changes
• Handle colors that couldn't be improved
• Validate output CSS syntax

Dependencies

• Requires Issue # 7 (CSS extraction)
• Requires Issue # 8 (CLI interface)

[venom827]

hey I want to contribute to this issue, but I have never actually contributed to a github repo. Can you point me in the right direction?
I know css, and python but I dont know which file to start working on mostly

[lalithaar]

hey I want to contribute to this issue, but I have never actually contributed to a github repo. Can you point me in the right direction?
I know css, and python but I dont know which file to start working on mostly

Hii @venom827
I am so proud of you for taking your first steps 🎉
Ik it could feel really intimidating but reaching out itself is half the battle done

I created a guide for first time contributors - Do check it out :>

Do checkout the CONTRIBUTION.md too

Then try reading this issue description to see if you understand,

In a nutshell, we are trying to bulk process the colors by extracting it from the css file directly

To get started,

1. Fork this repo
2. Create processor.py or similar title under cli folder
3. Create a draft pull request with an appropriate title of what it does and mention this issue
4. Under the py file, try to break down the tasks into steps in comments
   #Do x
   #Do y...
5. Try to execute them and anytime you face an issue, try googling how to achieve x or solve x, ask chatgpt, and if you need more opinion or have a question to clarify, do comment under this issue

We are here for you and I am so excited to see what you make

Good luck :>