/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-NavMenu-vars() {
  // 导航菜单栏高度
  --tv-NavMenu-height: 48px;
  // 导航菜单栏背景色
  --tv-NavMenu-bg-color: var(--tv-color-bg-3, #ffffff);
  // 导航菜单栏字号
  --tv-NavMenu-item-font-size: var(--tv-font-size-default, 14px);
  // 单个导航菜单外边距
  --tv-NavMenu-item-li-margin: var(--tv-space-xl, 16px);
  // 导航菜单栏内边距
  --tv-NavMenu-padding: var(--tv-space-xl, 16px);
  // 导航菜单栏文本色
  --tv-NavMenu-item-text-color: var(--tv-color-text, #191919);
  // 导航菜单栏更多图标
  --tv-NavMenu-item-more-button-fill: var(--tv-color-icon-active, #191919);
  // 导航菜单栏选中后字体大小
  --tv-NavMenu-item-text-font-weight: var(--tv-font-weight-bold, 600);
  // 导航菜单栏项悬浮背景色
  --tv-NavMenu-item-hover-bg-color: var(--tv-color-bg-hover-secondary, #ffffff);
  // 导航菜单栏项选中下划线背景色
  --tv-NavMenu-item-selected-underline-bg-color: var(--tv-color-bg-primary, #191919);
  // 导航菜单菜单栏阴影
  --tv-NavMenu-box-shadow: var(--tv-shadow-1-down, 0 1px 4px 0 rgba(0, 0, 0, 0.08));
  // 导航菜单菜单栏下拉框阴影
  --tv-NavMenu-popmenu-box-shadow: var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));
  // 导航菜单菜单栏下拉框选中文本色
  --tv-NavMenu-popmenu-selected-text-color: var(--tv-color-text, #191919);
  // 导航菜单菜单栏下拉背景色
  --tv-NavMenu-popmenu-bg-color: var(--tv-color-bg-3, #fff);
  // 导航菜单菜单栏下拉框选中字重
  --tv-NavMenu-popmenu-selected-font-weight: var(--tv-font-weight-bold, 600);
  // 导航菜单菜单栏下拉框文本色
  --tv-NavMenu-popmenu-text-color: var(--tv-color-text, #191919);
  // 导航菜单更多按钮展示的下拉框右边框色
  --tv-NavMenu-popmenu-more-menu-border-color-right: var(--tv-color-border, #c2c2c2);
  // 导航菜单更多按钮展示的下拉框字体大小
  --tv-NavMenu-popmenu-more-menu-font-size: var(--tv-font-size-default, 14px);
  // 导航菜单更多按钮展示的下拉框图标大小
  --tv-NavMenu-popmenu-more-menu-icon-size: 14px;
  // 导航菜单更多按钮展示的下拉框高度
  --tv-NavMenu-popmenu-more-item-height: 40px;
  // 导航菜单栏下拉框文字高度
  --tv-NavMenu-popmenu-text-height: var(--tv-size-height-md, 32px);
  // 导航菜单更多按钮展示的下拉框列表项图标文本色
  --tv-NavMenu-popmenu-more-item-icon-color: var(--tv-color-icon, #808080);
  // 导航菜单更多按钮展示的下拉框列表项文本色
  --tv-NavMenu-popmenu-more-item-text-color: var(--tv-color-text, #191919);
  // 导航下拉框列表项二级菜单文本色
  --tv-NavMenu-popmenu-text-color-normal: var(--tv-color-text-secondary, #595959);
  // 导航菜单更多按钮展示的下拉框列表项图标悬浮文本色
  --tv-NavMenu-popmenu-more-item-hover-icon-color: var(--tv-color-icon-hover, #191919);
  // 导航菜单更多按钮展示的下拉框列表项 悬浮 文本色
  --tv-NavMenu-popmenu-more-item-hover-text-color: var(--tv-color-text, #191919);
  // 导航菜单更多按钮展示的下拉框列表项选中背景色
  --tv-NavMenu-popmenu-more-item-selected-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 导航菜单下拉框可点选项的 悬浮 背景色
  --tv-NavMenu-popmenu-more-item-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
  // 导航菜单下拉框非标题选项点击瞬间背景色
  --tv-NavMenu-popmenu-more-item-active-bg-color: var(--tv-color-bg-hover-secondary, #ffffff);
  // 导航菜单下拉框标题字号
  --tv-NavMenu-popmenu-node-title-font-size: var(--tv-font-size-default, 14px);
  // 导航菜单下拉框标题字号
  --tv-NavMenu-popmenu-text-font-size: var(--tv-font-size-sm, 12px);
  // 导航菜单下拉框圆角
  --tv-NavMenu-popmenu-box-radius: var(--tv-border-radius-md, 6px);
  // 导航菜单下拉框非标题项字号
  --tv-NavMenu-popmenu-node-item-font-size: var(--tv-font-size-default, 14px);
  // 自定义 Logo颜色
  --tv-NavMenu-slot-logo-icon-color: var(--tv-color-icon-hover, #191919);
  // 自定义 Logo大小
  --tv-NavMenu-slot-logo-icon-size: var(--tv-icon-size, 16px);
}
