fix: Add dark mode support (#42) - #3

Open
aidandaly24 wants to merge 7 commits into
mainfrom
loopy/issue-42
Open

fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom
loopy/issue-42

Conversation

@aidandaly24

@aidandaly24aidandaly24 commented Mar 13, 2026

Copy link
Copy Markdown
Owner

Summary

This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.

Changes

New Features

  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors

Files Changed

  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration

Tests Added

  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext

Usage

# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system

Backward Compatibility

The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.

Testing

  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained

Closes#42

@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot added the size/l PR size: L label Mar 13, 2026
@aidandaly24aidandaly24 mentioned this pull request Jun 25, 2026
Draft
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

size/lPR size: L

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info

1 participant

@aidandaly24
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix: Add dark mode support (#42) - #3
Open
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Open
fix: Add dark mode support (#42)#3
aidandaly24 wants to merge 7 commits into
mainfrom 
loopy/issue-42
Conversation
@aidandaly24
@aidandaly24aidandaly24
commented
Mar 13, 2026

Copy link


Copy Markdown

Owner
Summary
This PR adds dark mode support to the CLI dashboard. The colors are now configurable and respect system preferences.
Changes
New Features
  • Theme System: Added a comprehensive theme system with light and dark mode color palettes
  • System Detection: Automatically detects system color scheme preference using common environment variables (COLORFGBG, APPLE_INTERFACE_STYLE, TERMINAL_LIGHT_MODE)
  • Manual Override: Users can override the theme via the AGENTCORE_THEME environment variable (light, dark, or system)
  • React Context: Added ThemeProvider and useTheme hook for components to access theme colors
Files Changed
  • src/cli/tui/theme.ts - Expanded with light/dark theme palettes and detection logic
  • src/cli/tui/context/ThemeContext.tsx - New React context for theme management
  • src/cli/tui/context/index.ts - Export new theme context
  • src/cli/tui/App.tsx - Wrapped app with ThemeProvider
  • docs/configuration.md - Added documentation for theme configuration
Tests Added
  • src/cli/tui/__tests__/theme.test.ts - Unit tests for theme functions
  • src/cli/tui/context/__tests__/ThemeContext.test.tsx - Unit tests for ThemeContext
Usage
# Force dark modeexport AGENTCORE_THEME=dark
# Force light mode export AGENTCORE_THEME=light
# Auto-detect from system (default)export AGENTCORE_THEME=system
Backward Compatibility
The existing STATUS_COLORS, INTERACTIVE_COLORS, TEXT_COLORS, and THEME exports are maintained for backward compatibility. They now dynamically return colors based on the current theme mode. These are marked as deprecated in favor of the new useTheme() hook.
Testing
  • Added comprehensive unit tests for theme detection and color selection
  • Added tests for ThemeContext and ThemeProvider
  • Existing tests should continue to pass as backward compatibility is maintained
Closes#42
@aidandaly24
feat: Add dark mode support to theme.ts
6e2b33b
- Add light and dark theme color palettes
- Add system preference detection for automatic theme selection
- Support AGENTCORE_THEME environment variable for manual override
- Maintain backward compatibility with existing color exports
@aidandaly24
feat: Add ThemeContext for dark mode support
4d213a9
- Create ThemeContext to manage theme state
- Add useTheme hook for accessing theme colors
- Add ThemeProvider component for wrapping the app
- Support system detection and manual theme override
@aidandaly24
feat: Export ThemeContext from context index
0122aae
- Add ThemeProvider and useTheme exports
@aidandaly24
feat: Add ThemeProvider to App component
1477fd1
- Wrap app with ThemeProvider for dark mode support
- Theme is automatically detected from system preferences
- Can be overridden via AGENTCORE_THEME environment variable
@aidandaly24
test: Add unit tests for theme functionality
ab3f349
- Test getThemeColors for light and dark modes
- Test getThemeMode with environment variable
- Test detectSystemTheme with various indicators
- Test theme color palette completeness
@aidandaly24
test: Add unit tests for ThemeContext
e5f51f4
- Test useTheme hook returns correct theme colors
- Test ThemeProvider with different initial modes
- Test system detection flag
- Test environment variable override
@aidandaly24
docs: Add dark mode configuration documentation
a55ffbb
- Document AGENTCORE_THEME environment variable
- Explain system detection behavior
- Add examples for light, dark, and system modes
@github-actionsgithub-actionsBot
added
the 
size/l
PR size: L
label
Mar 13, 2026
@aidandaly24aidandaly24
mentioned this pull request
Jun 25, 2026
 Draft

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

size/lPR size: L

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

[P0.5] Regenerate AGENTS.md with latest info


1 participant

@aidandaly24