theming-context

用途：用于在基于 Optics 的项目中实现设计系统规范、主题化与颜色比例调整。核心做法是在主 CSS 中先导入 Optics，再导入自定义主题文件，使令牌覆盖优先生效。示例：@import '@rolemodel/optics'; 后接 @import 'stylesheets/theme/my_app_theme';。主要能力：可覆盖颜色、圆角、字体等令牌，甚至重定义明度与语义比例；支持通过 :root 修改变量，并在深色模式下借助 prefers-color-scheme 或 [data-theme-mode='dark'] 提供不同字体等设置。颜色覆盖需重定义该颜色的全部变体以保证一致性，例如在 :root 中设置 --op-color-primary-h、--op-color-primary-s、--op-color-primary-l，并重定义 --op-color-primary-plus-two、--op-color-primary-plus-one 以及对应的 on 系列变体。限制：资料未提供安装命令、收费与平台信息；具体组件用法、令牌参考与颜色系统细节需查阅 Optics 文档链接。