openvibers/openvibe.search Commits
Search's palette follows the network theme: --bg, --fg, --muted and --line now derive from --bg-primary, --text-primary, --text-secondary and --border, which the Frame's theme loader sets on <html>, with the old light and dark values as defaults. Before this, the theme loader applied the dark default theme while the body stayed white, and the shared shipped.js widget (theme tokens) failed axe color-contrast on the home page (0c00ac0 mapped the other way and did not fix it).
Changes
@@@ -91,10 +91,12 @@ ${require('openvibe-shared/app-icon').headTags({ site: 'network', iconBase: `${N<script src="${ovServe.url('footer.js')}" defer></script><script src="/frame-init.js" defer></script><style>--:root { --bg: #fff; --fg: #1a1a1a; --muted: #5c5c66; --line: #dcdce3; --accent: #2456d6; --mark: #fff2a8; --bg-secondary: #f3f4f7; }--@media (prefers-color-scheme: dark) { :root { --bg: #111317; --fg: #e8e8ec; --muted: #a0a0ab; --line: #2c2f36; --accent: #7aa2ff; --mark: #5a4b00; --bg-secondary: #1a1d23; } }--/* The shared widgets (shipped.js, the Frame) read the network token names: map them onto this palette. */--:root { --text-primary: var(--fg); --text-secondary: var(--muted); --border: var(--line); }++/* The network theme (the Frame's theme loader sets these tokens on <html>) wins; the values here are the++ defaults when it does not load. Search's own names follow them, so the page and the shared widgets++ (shipped.js, the navbar) always agree on background and text. */++:root { --bg-primary: #fff; --bg-secondary: #f3f4f7; --text-primary: #1a1a1a; --text-secondary: #5c5c66; --border: #dcdce3; --accent: #2456d6; --mark: #fff2a8; }++@media (prefers-color-scheme: dark) { :root { --bg-primary: #111317; --bg-secondary: #1a1d23; --text-primary: #e8e8ec; --text-secondary: #a0a0ab; --border: #2c2f36; --accent: #7aa2ff; --mark: #5a4b00; } }++:root { --bg: var(--bg-primary); --fg: var(--text-primary); --muted: var(--text-secondary); --line: var(--border); }* { box-sizing: border-box; }body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
@@ -91,10 +91,12 @@ ${require('openvibe-shared/app-icon').headTags({ site: 'network', iconBase: `${N
@@ -91,10 +91,12 @@ ${require('openvibe-shared/app-icon').headTags({ site: 'network', iconBase: `${N
<script src="${ovServe.url('footer.js')}" defer></script>
<script src="${ovServe.url('footer.js')}" defer></script>
<script src="/frame-init.js" defer></script>
<script src="/frame-init.js" defer></script>
<style>
<style>
-:root { --bg: #fff; --fg: #1a1a1a; --muted: #5c5c66; --line: #dcdce3; --accent: #2456d6; --mark: #fff2a8; --bg-secondary: #f3f4f7; }
-@media (prefers-color-scheme: dark) { :root { --bg: #111317; --fg: #e8e8ec; --muted: #a0a0ab; --line: #2c2f36; --accent: #7aa2ff; --mark: #5a4b00; --bg-secondary: #1a1d23; } }
-/* The shared widgets (shipped.js, the Frame) read the network token names: map them onto this palette. */
-:root { --text-primary: var(--fg); --text-secondary: var(--muted); --border: var(--line); }
+/* The network theme (the Frame's theme loader sets these tokens on <html>) wins; the values here are the
+ defaults when it does not load. Search's own names follow them, so the page and the shared widgets
+ (shipped.js, the navbar) always agree on background and text. */
+:root { --bg-primary: #fff; --bg-secondary: #f3f4f7; --text-primary: #1a1a1a; --text-secondary: #5c5c66; --border: #dcdce3; --accent: #2456d6; --mark: #fff2a8; }
+@media (prefers-color-scheme: dark) { :root { --bg-primary: #111317; --bg-secondary: #1a1d23; --text-primary: #e8e8ec; --text-secondary: #a0a0ab; --border: #2c2f36; --accent: #7aa2ff; --mark: #5a4b00; } }
+:root { --bg: var(--bg-primary); --fg: var(--text-primary); --muted: var(--text-secondary); --line: var(--border); }
* { box-sizing: border-box; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }