38 lines
1.2 KiB
CSS
38 lines
1.2 KiB
CSS
/**
|
|
* 外部主题示例：只允许改 CSS 变量，不写选择器。
|
|
*
|
|
* 用法：在应用入口里、`@stash/ui/style.css` 之后引入
|
|
* import '@stash/ui/style.css'
|
|
* import './themes/example.css'
|
|
*
|
|
* 这个文件演示「换一套品牌色 + 换形态」，组件代码完全不动。
|
|
*/
|
|
:root {
|
|
/* ---------- 颜色（语义令牌） ---------- */
|
|
--su-color-primary: #6c5ce7;
|
|
--su-color-primary-hover: #5a4bd1;
|
|
--su-color-primary-soft: rgb(108 92 231 / 10%);
|
|
|
|
/* ---------- 形态（半径 / 阴影 / 控件高度） ---------- */
|
|
--su-radius-sm: 8px;
|
|
--su-radius-md: 16px;
|
|
--su-radius-cover: 10px;
|
|
--su-shadow-card: 0 8px 24px rgb(20 18 40 / 6%);
|
|
--su-shadow-hover: 0 10px 28px rgb(20 18 40 / 10%);
|
|
--su-control-height-md: 40px;
|
|
--su-control-height-lg: 48px;
|
|
|
|
/* ---------- 字体 ---------- */
|
|
--su-font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
|
|
--su-reading-line-height: 1.75;
|
|
}
|
|
|
|
/* 深色主题同样只改变量 */
|
|
:root[data-scheme='dark'] {
|
|
--su-color-primary: #8b7bff;
|
|
--su-color-primary-hover: #9d90ff;
|
|
--su-bg-page: #0d0d12;
|
|
--su-bg-card: #17171f;
|
|
--su-shadow-card: 0 8px 24px rgb(0 0 0 / 55%);
|
|
}
|