aaaalabs/arkify

Design a dark mode color palette

Open

#2 opened on Oct 22, 2025

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)Python (1 fork)auto 404
enhancementgood first issue

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Description: Design a dark theme alternative to the current purple gradient.

Requirements:

  • High contrast (WCAG AA compliant, contrast ratio >4.5:1)
  • Works well for LinkedIn/Twitter dark mode
  • Maintain professional indie hacker aesthetic
  • 5-6 colors: background, panel_bg, primary, secondary, text, accent

Todo:

  • Design color palette (provide hex codes)
  • Create mockup or color swatch image
  • (Optional) Update agents/layout_compositor.py colors dict
  • Add example output showing dark theme

Good for: Designers (no coding required! Just submit hex codes in a comment)

Current colors (for reference):

colors = {
    'background': '#f8f9fa',
    'panel_bg': '#ffffff',
    'primary': '#667eea',
    'secondary': '#764ba2',
    'text': '#1a202c',
    'accent': '#43e97b',
}

Resources:

Contributor guide

Research direction
Study the current color palette and WCAG contrast guidelines to design a dark mode palette with high contrast. Provide hex codes and optionally create a mockup or update the Python config.
Tech stack
None
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
90