Skip to content

feat: add theme toggle and thumbnail labels#7

Merged
CodeWithDennis merged 2 commits into
mainfrom
feat/theme-and-labels
Jul 26, 2026
Merged

feat: add theme toggle and thumbnail labels#7
CodeWithDennis merged 2 commits into
mainfrom
feat/theme-and-labels

Conversation

@CodeWithDennis

@CodeWithDennis CodeWithDennis commented Jul 26, 2026

Copy link
Copy Markdown
Owner

Summary

  • Light / dark / auto UI theme in the header, with persistent preference and system theme when Auto
  • Overlay labels on thumbnails: Left/Right (or Top/Bottom), optional badge, per-label position, size slider
  • Labels are included in export and saved in presets; dark tokens and button styling work in dark mode

Key changes

  • resources/views/app.blade.php: theme segment, Labels panel, boot-screen dark styles, FOUC prevention
  • resources/js/app.js: theme state + localStorage, label settings in preview/export/presets
  • resources/js/compositor.js: draw pill labels after the split/overlap render
  • resources/css/app.css: missing dark tokens, color-scheme, label input styles

Behavior / impact

  • Default theme is Auto (follows OS); choice is stored in pairframe.theme
  • Labels are off by default; when On they appear in preview and export
  • Per-label position: Top/Middle/Bottom (for horizontal: Left/Center/Right)

Test plan

  • Switch theme Light / Dark / Auto; reload keeps the choice
  • Auto follows OS dark/light (and updates live on OS change)
  • Labels On: Left/Right/Badge text visible on preview
  • Diagonal + different positions per label
  • Horizontal: Top/Bottom labels + Left/Center/Right positions
  • Export PNG/JPG includes the same labels
  • Save/load preset keeps label settings
  • Dark mode: buttons, inputs, and panels stay readable

Support light/dark/auto UI themes and overlay left/right/badge labels on exports.
@CodeWithDennis CodeWithDennis added the enhancement New feature or request label Jul 26, 2026
@CodeWithDennis
CodeWithDennis merged commit 1fde040 into main Jul 26, 2026
4 checks passed
@CodeWithDennis
CodeWithDennis deleted the feat/theme-and-labels branch July 26, 2026 10:34
@CodeWithDennis CodeWithDennis changed the title feat: voeg thema-toggle en thumbnail-labels toe feat: add theme toggle and thumbnail labels Jul 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant