refactor: Redesign UI with design tokens and simplify component styling#157
Merged
jplanckeel merged 9 commits intomainfrom Apr 1, 2026
Merged
refactor: Redesign UI with design tokens and simplify component styling#157jplanckeel merged 9 commits intomainfrom
jplanckeel merged 9 commits intomainfrom
Conversation
…mponents - Add Vanguard font family imports (Space Grotesk and JetBrains Mono) to index.html - Replace shadcn/ui components with custom styled components using design token system - Implement comprehensive design token palette (T object) for consistent theming across dark UI - Create StatusBadge component with dynamic colorages
- Replace hardcoded colors with design token variables (hud-primary, hud-surface, hud-on-surface, etc.) - Simplify Footer component with token-based colors and remove dark mode class duplication - Refactor Layout component to use shared CSS classes and reduce code verbosity - Update ThemeToggle component styling to use design tokens - Consolidate Dashboard page styling with new token system - Update Tailwind configuration to support design token color palette - Remove inline dark mode utilities in favor of token-based theming - Improve code maintainability by centralizing color definitions
- Migrate EventDetailsModal to use design token color system (hud variables) - Add quick status dropdown with visual color indicators for rapid status updates - Implement glassmorphism backdrop with ambient glow effects for modern aesthetic - Refactor modal layout with improved responsive design (mobile-first approach) - Add owner initials display and enhanced visual hierarchy - Integrate Slack message URL utilities for better event linking - Update styling from Tailwind dark mode to token-based color variables - Improve modal header with event ID badge and type indicator with pulse animation - Enhance form inputs and controls with consistent design token styling - Optimize modal scrolling and overflow behavior for better UX on smaller screensda
- Add theme context integration to EventDetailsModal for dynamic dark/light mode support - Update modal background styling with theme-aware opacity and blur effects - Replace hardcoded surfaceHigh colors with dynamic blockBg variable across info cards - Add subtle borders to info card blocks for improved visual hierarchy - Enhance status dropdown styling with theme-aware backgrounds - Update Vite configuration for improved build optimization - Refactor Layout, CreateEvent, Dashboard, and EventsTimeline components for theme consistency - Improve visual contrast and readability across light and dark themes
- Extract selected service catalog data to identify downstream dependencies - Add new "Downstream Services" section that displays when a service is selected - Show list of downstream services with visual indicators (error color styling) - Display helpful message when no downstream dependencies are found - Improves event creation form by providing visibility into service impact chain
- Remove unused imports (Link, Plus, EventLinks, color/icon utility functions) - Replace hardcoded Tailwind classes with design token CSS variables for backgrounds, borders, and text colors - Update query configuration to use consistent staleTime instead of monthly cache key rotation - Remove "Create Event" button from calendar header - Simplify calendar grid styling with reduced gap spacing and updated border styling - Replace French day labels with English equivalents (Lun → Mon, etc.) - Remove loading spinner overlay and simplify event display logic - Update day cell styling to use design tokens for selected/current day states - Improve visual hierarchy with refined padding and typography using Space Grotesk font - Streamline filter tags section layout and remove unnecessary comments
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Fixes # (issue)
Type of change
Please delete options that are not relevant.
How Has This Been Tested?
Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
Checklist: