/* UI Library Theme — Silver Usage: 1. Include after ui.css: 2. Activate: or via JS: document.documentElement.dataset.uiTheme = 'silver' Polished silver — cool, bright metallic sheen. */ [data-ui-theme="silver"] { --ui-primary: #6e7a88; --ui-primary-text: #ffffff; --ui-secondary: #8c929c; --ui-secondary-text: #ffffff; --ui-success: #4e9068; --ui-success-text: #ffffff; --ui-danger: #b84450; --ui-danger-text: #ffffff; --ui-warning: #b89838; --ui-warning-text: #1a1d26; --ui-bg: #f4f5f7; --ui-bg-subtle: #eaecf0; --ui-surface: #ffffff; --ui-border: #cdd0d8; --ui-text: #1e2028; --ui-text-muted: #686e7a; --ui-text-inverse: #ffffff; } [data-ui-theme="silver"][data-theme="dark"] { --ui-primary: #a0aab8; --ui-primary-text: #1a1d26; --ui-secondary: #808892; --ui-secondary-text: #ffffff; --ui-success: #68b080; --ui-success-text: #1a1d26; --ui-danger: #d06068; --ui-danger-text: #ffffff; --ui-warning: #d0b448; --ui-warning-text: #1a1d26; --ui-bg: #1a1c20; --ui-bg-subtle: #121418; --ui-surface: #26282e; --ui-border: #3a3e44; --ui-text: #dee0e6; --ui-text-muted: #888e98; --ui-text-inverse: #1a1c20; }