claude-code-marketplace 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/public/app.js +8 -0
  3. package/public/style.css +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "claude-code-marketplace",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "description": "Web UI for browsing and managing Claude Code marketplace plugins",
5
5
  "main": "server.js",
6
6
  "bin": {
package/public/app.js CHANGED
@@ -120,6 +120,7 @@ document.addEventListener('DOMContentLoaded', () => {
120
120
  document.body.classList.add('light');
121
121
  }
122
122
  syncHljsTheme();
123
+ updateThemeColor(savedTheme !== 'dark');
123
124
 
124
125
  document.addEventListener('keydown', handleKeydown);
125
126
  });
@@ -132,6 +133,12 @@ function syncHljsTheme() {
132
133
  if (lightSheet) lightSheet.disabled = !light;
133
134
  }
134
135
 
136
+ function updateThemeColor(isLight) {
137
+ document.querySelectorAll('meta[name="theme-color"]').forEach((m) => {
138
+ m.setAttribute('content', isLight ? '#e8e6e3' : '#101114');
139
+ });
140
+ }
141
+
135
142
  function toggleTheme() {
136
143
  const isLight = document.body.classList.contains('light');
137
144
  document.body.classList.remove('light', 'dark-forced');
@@ -143,6 +150,7 @@ function toggleTheme() {
143
150
  localStorage.setItem('theme', 'light');
144
151
  }
145
152
  syncHljsTheme();
153
+ updateThemeColor(!isLight);
146
154
  }
147
155
 
148
156
  async function loadProject() {
package/public/style.css CHANGED
@@ -42,9 +42,9 @@ body.light {
42
42
  --bg-hover: #d2d0cc;
43
43
  --border: #a09b94;
44
44
  --text-primary: #0a0a0a;
45
- --text-secondary: #444444;
46
- --text-tertiary: #666666;
47
- --text-muted: #888888;
45
+ --text-secondary: #333333;
46
+ --text-tertiary: #555555;
47
+ --text-muted: #777777;
48
48
  --accent-text: #b85a20;
49
49
  --accent-dim: rgba(232, 111, 51, 0.18);
50
50
  --accent-glow: rgba(232, 111, 51, 0.5);