/**
|
* 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* 衔接。
|
*/
|
|
/* ---------- 主题色 ---------- */
|
$--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;
|
|
/* ---------- 表格 ---------- */
|
$--table-border: 1px solid #E5E7EB;
|
|
/* icon font path, required */
|
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
|
@import "~element-ui/packages/theme-chalk/src/index";
|
|
// the :export directive is the magic sauce for webpack
|
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
:export {
|
theme: $--color-primary;
|
}
|
