| | |
|---|
| | | /** |
|---|
| | | * I think element-ui's default theme color is too light for long-term use. |
|---|
| | | * So I modified the default color and you can modify it to your liking. |
|---|
| | | **/ |
|---|
| | | * Element UI 主题变量（编译期） |
|---|
| | | * ------------------------------------------------------------ |
|---|
| | | * 品牌主色：取自 src/assets/logo/OPO_Logo.png 圆环青 #0E768F |
|---|
| | | * 危险色： 取自同图心形玫红 #CD1D4E（白字对比度 5.41，优于原 #F56C6C 的 3.4） |
|---|
| | | * |
|---|
| | | * 说明：这里决定"编译进 CSS 的默认皮肤"； |
|---|
| | | * 运行时换肤由 assets/styles/theme-runtime.scss + utils/theme.js 负责， |
|---|
| | | * 二者通过 CSS 变量 --opo-primary* 衔接。 |
|---|
| | | */ |
|---|
| | | |
|---|
| | | /* theme color */ |
|---|
| | | $--color-primary: #1890ff; |
|---|
| | | $--color-success: #13ce66; |
|---|
| | | $--color-warning: #ffba00; |
|---|
| | | $--color-danger: #ff4949; |
|---|
| | | // $--color-info: #1E1E1E; |
|---|
| | | /* ---------- 主题色 ---------- */ |
|---|
| | | $--color-primary: #0E768F; |
|---|
| | | $--color-success: #67C23A; |
|---|
| | | $--color-warning: #E6A23C; |
|---|
| | | $--color-danger: #CD1D4E; |
|---|
| | | $--color-info: #909399; |
|---|
| | | |
|---|
| | | /* ---------- 文字 ---------- */ |
|---|
| | | $--color-text-primary: #1F2937; |
|---|
| | | $--color-text-regular: #4B5563; |
|---|
| | | $--color-text-secondary: #6B7280; |
|---|
| | | $--color-text-placeholder: #9CA3AF; |
|---|
| | | |
|---|
| | | /* ---------- 边框 ---------- */ |
|---|
| | | $--border-color-base: #E5E7EB; |
|---|
| | | $--border-color-light: #F0F2F5; |
|---|
| | | $--border-color-lighter: #F5F7FA; |
|---|
| | | $--border-color-extra-light: #FAFBFC; |
|---|
| | | |
|---|
| | | /* ---------- 背景 ---------- */ |
|---|
| | | $--background-color-base: #F5F7FA; |
|---|
| | | |
|---|
| | | /* ---------- 圆角 ---------- */ |
|---|
| | | $--border-radius-base: 4px; |
|---|
| | | $--border-radius-small: 2px; |
|---|
| | | |
|---|
| | | /* ---------- 字号（2026-10-22 整体上调一号） ---------- */ |
|---|
| | | $--font-size-extra-large: 22px; |
|---|
| | | $--font-size-large: 20px; |
|---|
| | | $--font-size-medium: 18px; |
|---|
| | | $--font-size-base: 16px; |
|---|
| | | $--font-size-small: 14px; |
|---|
| | | $--font-size-extra-small: 13px; |
|---|
| | | |
|---|
| | | /* 按钮字号默认在小尺寸里被硬编码成 12px，一并上调 */ |
|---|
| | | $--button-font-size: 16px; |
|---|
| | | $--button-medium-font-size: 16px; |
|---|
| | | $--button-small-font-size: 14px; |
|---|
| | | $--button-mini-font-size: 14px; |
|---|
| | | |
|---|
| | | /* 侧边栏菜单字号（2026-10-22 由 18px 回调一号） */ |
|---|
| | | $--menu-item-font-size: 16px; |
|---|
| | | |
|---|
| | | $--button-font-weight: 400; |
|---|
| | | |
|---|
| | | // $--color-text-regular: #1f2d3d; |
|---|
| | | |
|---|
| | | $--border-color-light: #dfe4ed; |
|---|
| | | $--border-color-lighter: #e6ebf5; |
|---|
| | | |
|---|
| | | $--table-border:1px solid#dfe6ec; |
|---|
| | | /* ---------- 表格 ---------- */ |
|---|
| | | $--table-border: 1px solid #E5E7EB; |
|---|
| | | |
|---|
| | | /* icon font path, required */ |
|---|
| | | $--font-path: '~element-ui/lib/theme-chalk/fonts'; |
|---|
