Skip to content

Minor dashboard UI polish (typography, palette, modal cleanup) - #1440

Merged
opcode81 merged 1 commit into
oraios:mainfrom
paul-basanets:dashboard
May 12, 2026
Merged

Minor dashboard UI polish (typography, palette, modal cleanup)#1440
opcode81 merged 1 commit into
oraios:mainfrom
paul-basanets:dashboard

Conversation

@paul-basanets

Copy link
Copy Markdown
Contributor
  • Switch UI font to Inter, keep JetBrains Mono only for code/logs/paths/ identifiers (loaded via Google Fonts; system fallbacks)
  • Refine the light/dark palette with softer borders, clearer text hierarchy, and a more nuanced shadow/elevation system; introduce --bg-elevated, --border-strong, --shadow-elevated tokens; retain the orange accent
  • Introduce a consistent spacing scale (--space-1..6) and apply it across sections, modals, and controls
  • Extract shared modal CSS classes (.modal-info, .modal-hint, .modal-prompt, .modal-field, .modal-input, .modal-select, .modal-textarea, .modal-actions, .btn-secondary) and strip duplicated inline styles from all seven modals; add an accent-colored focus ring for inputs/textareas and a subtle backdrop blur
  • Default-expand the "Registered Projects" sidebar so the right column is not visually empty on first load
  • Replace the native in Add Language with a filterable combobox: type to filter, keyboard navigation (Up/Down/Enter/Esc), substring highlight, click-outside to close; the typed value is validated against the available languages list before submission Update CHANGELOG accordingly

@paul-basanets paul-basanets changed the title Minor dashboard cleanup: UI polish (typography, palette, modal cleanup) Minor dashboard UI polish (typography, palette, modal cleanup) Apr 30, 2026
- Switch UI font to Inter, keep monospace only for code/logs/paths/
  identifiers (loaded via Google Fonts; system fallbacks)
- Refine the light/dark palette with softer borders, clearer text
  hierarchy, and a more nuanced shadow/elevation system; introduce
  --bg-elevated, --border-strong, --shadow-elevated tokens; retain the
  orange accent
- Introduce a consistent spacing scale (--space-1..6) and apply it across
  sections, modals, and controls
- Extract shared modal CSS classes (.modal-info, .modal-hint,
  .modal-prompt, .modal-field, .modal-input, .modal-select,
  .modal-textarea, .modal-actions, .btn-secondary) and strip duplicated
  inline styles from all seven modals; add an accent-colored focus ring
  for inputs/textareas and a subtle backdrop blur
- Replace the native <select> in Add Language with a filterable combobox:
  type to filter, keyboard navigation (Up/Down/Enter/Esc), substring
  highlight, click-outside to close; the typed value is validated against
  the available languages list before submission
- Update CHANGELOG accordingly

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Dominik Jain <dominik.jain@oraios-ai.de>
@opcode81

Copy link
Copy Markdown
Contributor

Thanks for the improvements; I made some tweaks, and we can now merge this.

@opcode81
opcode81 merged commit d3454bc into oraios:main May 12, 2026
6 of 8 checks passed
@paul-basanets
paul-basanets deleted the dashboard branch May 12, 2026 15:57
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