Skip to content

Refine OpenChoreo theme with modern minimal design#56

Merged
kaviththiranga merged 1 commit intoopenchoreo:mainfrom
kaviththiranga:theme-update
Nov 4, 2025
Merged

Refine OpenChoreo theme with modern minimal design#56
kaviththiranga merged 1 commit intoopenchoreo:mainfrom
kaviththiranga:theme-update

Conversation

@kaviththiranga
Copy link
Copy Markdown
Contributor

@kaviththiranga kaviththiranga commented Nov 4, 2025

Updates theme styling for improved readability, spacing, and visual consistency across home page, catalog, and sidebar with a modern minimal aesthetic.

theme-update.mov

Color palette improvements:

  • Softer primary blue (#5567d5 → #6c7fd8) for reduced saturation
  • Enhanced text contrast for WCAG AA compliance
  • Expanded gray scale (50-400) for better color relationships
  • Lighter borders and backgrounds for cleaner look

Typography enhancements:

  • Refined heading sizes with improved letter-spacing
  • Better line-height for body text (1.6/1.5)
  • Consistent font weights across components

Component updates:

  • Header: reduced height (98px → 72px), subtle gradient
  • Cards: increased border-radius (8px → 12px), generous padding (24px)
  • Buttons: improved shadows, transitions, and hover states
  • Tables: increased cell padding, lighter borders
  • Search bar: enhanced focus states, subtle elevation
  • Badges: translucent backgrounds with softer styling
  • Sidebar: improved spacing and hover interactions

Layout spacing:

  • Increased widget gaps (24px → 32px) for breathing room
  • More generous card content padding throughout
  • Consistent spacing scale based on 8px increments

Related to: openchoreo/openchoreo#771

Updates theme styling for improved readability, spacing, and visual consistency
across home page, catalog, and sidebar with a modern minimal aesthetic.

Color palette improvements:
- Softer primary blue (#5567d5 → #6c7fd8) for reduced saturation
- Enhanced text contrast for WCAG AA compliance
- Expanded gray scale (50-400) for better color relationships
- Lighter borders and backgrounds for cleaner look

Typography enhancements:
- Refined heading sizes with improved letter-spacing
- Better line-height for body text (1.6/1.5)
- Consistent font weights across components

Component updates:
- Header: reduced height (98px → 72px), subtle gradient
- Cards: increased border-radius (8px → 12px), generous padding (24px)
- Buttons: improved shadows, transitions, and hover states
- Tables: increased cell padding, lighter borders
- Search bar: enhanced focus states, subtle elevation
- Badges: translucent backgrounds with softer styling
- Sidebar: improved spacing and hover interactions

Layout spacing:
- Increased widget gaps (24px → 32px) for breathing room
- More generous card content padding throughout
- Consistent spacing scale based on 8px increments
@kaviththiranga kaviththiranga merged commit 78df948 into openchoreo:main Nov 4, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants