RUO主题色 颜色标准：

Geeker 前端代码，页面上写（字体、边框、标题、背景）颜色时，颜色样式按照框架的主题色来统一颜色，例如：

color: var(--el-color-primary);  // var(--el-text-color);  //
var(--el-text-color-regular);    var(--el-color-primary);
background-color: var(--el-bg-color);
 border: 1px solid var(--el-border-color);   // 1px solid
var(--el-border-color-lighter); 更浅  1px solid
var(--el-border-color-darker); 更深


 菜单 或 标题：
 color: var(--el-menu-active-color),
var(--el-menu-bg-color)  //菜单背景的
var(--el-menu-hover-bg-color)  //菜单
var(--el-menu-active-bg-color)  //选中的菜单
var(--el-color-primary-light-9)
var(--el-menu-text-color)
var(--el-menu-active-color)
var(--el-menu-hover-text-color)
var(--el-menu-horizontal-sub-item-height)

 表格：
 background: var(--el-fill-color);  //
var(--el-fill-color-light);

Logo:
var(--el-logo-text-color)  // logo
 ……


深蓝主题

#081e49

export type AsideThemeType = "light" | "inverted" | "dark";


export const asideTheme: Record<AsideThemeType, { [key: string]: string }> = {
  light: {
    "--el-logo-text-color": "#009688",
    "--el-menu-bg-color": "#ffffff",
    "--el-menu-hover-bg-color": "#cccccc",
    "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
    "--el-menu-text-color": "#333333",
    "--el-menu-active-color": "var(--el-color-primary)",
    "--el-menu-hover-text-color": "#333333",
    "--el-menu-horizontal-sub-item-height": "55px"
  },


  inverted: {
    "--el-logo-text-color": "#dadada",
    "--el-menu-bg-color": "#191a20",
    "--el-menu-hover-bg-color": "#000000",
    "--el-menu-active-bg-color": "#000000",
    "--el-menu-text-color": "#bdbdc0",
    "--el-menu-active-color": "#ffffff",
    "--el-menu-hover-text-color": "#ffffff",
    "--el-menu-horizontal-sub-item-height": "55px"
  },


  dark: {
    "--el-logo-text-color": "#dadada",
    "--el-menu-bg-color": "#141414",
    "--el-menu-hover-bg-color": "#000000",
    "--el-menu-active-bg-color": "#000000",
    "--el-menu-text-color": "#bdbdc0",
    "--el-menu-active-color": "#ffffff",
    "--el-menu-hover-text-color": "#ffffff",
    "--el-menu-horizontal-sub-item-height": "55px"
  }
};

lue

https://grafana.com/