Open
Conversation
Add [data-theme="dark"] selector block with complete set of dark mode CSS variable values. Covers page, header, sidebar, content, input, card, badge, and shadow variables. Co-Authored-By: Claude <noreply@anthropic.com>
Add toggleTheme() function that switches data-theme attribute between 'light' and 'dark' on the html element. Exposed globally for the toggle button to call. Co-Authored-By: Claude <noreply@anthropic.com>
Add dark mode toggle button at bottom of icon bar with moon (light) and sun (dark) SVG icons. Calls toggleTheme() on click. Co-Authored-By: Claude <noreply@anthropic.com>
Save selected theme to localStorage and restore on page load. Toggle icon (moon/sun) updates to match the active theme. Co-Authored-By: Claude <noreply@anthropic.com>
Fall back to prefers-color-scheme when no theme is saved in localStorage. Listen for OS-level theme changes and auto-switch when the user hasn't made an explicit choice. Co-Authored-By: Claude <noreply@anthropic.com>
Override badge CSS variable colors for dark mode with darker backgrounds and lighter text. Covers domain, service, event, command, query, and default badge variants. Co-Authored-By: Claude <noreply@anthropic.com>
Type badges (capability, component, system, data, api, process), status badges (active, new, planned, deprecated, retired), sourcing badges (in-house, vendor, hybrid) and maturity badges (excellent, good, developing) all used hardcoded RGB values. Added [data-theme="dark"] overrides with dark-friendly background/text color pairs. Co-Authored-By: Claude <noreply@anthropic.com>
Card hover border-color was hardcoded light gray (203 213 225) — added dark override with slate-600 (71 85 105). Code block pre background gets deeper slate-900 with subtle border to distinguish from page bg. Co-Authored-By: Claude <noreply@anthropic.com>
Relationship group icons and column dots used hardcoded blue/purple hex colors optimized for light backgrounds. Added dark overrides with lighter variants (#60a5fa, #a78bfa) and slightly higher-opacity backgrounds for better visibility on dark surfaces. Co-Authored-By: Claude <noreply@anthropic.com>
Added inline script in <head> to apply saved theme before first paint, preventing flash of wrong theme on page load. Theme toggle now adds a temporary .theme-transition class that enables smooth 300ms transitions on background-color, color, border-color, and box-shadow — removed after animation completes to avoid interfering with normal interactions. Co-Authored-By: Claude <noreply@anthropic.com>
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.
No description provided.