ldraney/daily-100
Archived
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

Prototype: style.css dark theme and component styles #2

New issue
Open
opened 2026-03-28 02:08:46 +00:00 by forgejo_admin · 0 comments
forgejo_admin commented 2026-03-28 02:08:46 +00:00
Copy link

Type

Feature

Lineage

Standalone — scoped from Daily 100 design spec.

Repo

forgejo_admin/daily-100

User Story

As a user
I want a polished dark-themed mobile interface
So that the app looks professional and is easy to use at night

Context

Dark theme colors: slate-900 background (#0f172a), slate-800 cards (#1e293b), green completed (#22c55e), orange streak/fire (#f97316), purple level/rank (#a78bfa). System font stack, bold weights for numbers, min 48px touch targets on checklist items, rounded corners on cards.

File Targets

Files the agent should modify or create:

  • prototype/style.css -- all component styles, dark theme, responsive layout

Files the agent should NOT touch:

  • (none — greenfield)

Acceptance Criteria

  • Dark theme fully implemented with specified color palette
  • Min 48px touch targets on interactive elements
  • All component styles: checklist rows, score display, heat map grid, stats cards, header bar
  • Mobile-first responsive design

Test Expectations

  • Visual inspection across mobile viewports (375px, 390px, 414px)
  • Run command: open prototype/index.html in browser

Constraints

  • CSS custom properties for color tokens
  • Mobile-first media queries
  • System font stack

Checklist

  • PR opened
  • Tests pass
  • No unrelated changes

Related

  • daily-100 -- project
### Type Feature ### Lineage Standalone — scoped from Daily 100 design spec. ### Repo `forgejo_admin/daily-100` ### User Story As a user I want a polished dark-themed mobile interface So that the app looks professional and is easy to use at night ### Context Dark theme colors: slate-900 background (#0f172a), slate-800 cards (#1e293b), green completed (#22c55e), orange streak/fire (#f97316), purple level/rank (#a78bfa). System font stack, bold weights for numbers, min 48px touch targets on checklist items, rounded corners on cards. ### File Targets Files the agent should modify or create: - `prototype/style.css` -- all component styles, dark theme, responsive layout Files the agent should NOT touch: - (none — greenfield) ### Acceptance Criteria - [ ] Dark theme fully implemented with specified color palette - [ ] Min 48px touch targets on interactive elements - [ ] All component styles: checklist rows, score display, heat map grid, stats cards, header bar - [ ] Mobile-first responsive design ### Test Expectations - [ ] Visual inspection across mobile viewports (375px, 390px, 414px) - Run command: open `prototype/index.html` in browser ### Constraints - CSS custom properties for color tokens - Mobile-first media queries - System font stack ### Checklist - [ ] PR opened - [ ] Tests pass - [ ] No unrelated changes ### Related - `daily-100` -- project
Commenting is not possible because the repository is archived.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
ldraney/daily-100#2
No description provided.