Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

暗黑主题模式下,按钮风格不一致,有的显示边框,有的不显示,并且鼠标放在按钮上的时候,也没有焦点显示 #6374

Closed
citynook opened this issue Jun 20, 2024 · 1 comment

Comments

@citynook
Copy link

版本号:

3.7.0

问题描述:

暗黑主题模式下,按钮风格不一致,以【用户管理】为例:
查询按钮没有显示边框,鼠标放在上面也没有反应,
重置按钮显示边框,鼠标放在上面会有焦点反应。

工具条上的新增、导出等按钮,以及项目配置面板中的复制按钮,都和查讯按钮一样。

截图&代码:

image

前端安装环境:

如果你是启动报错,请说明你的前端环境

  • 采用的是pnpm安装还是yarn?
  • node版本号:?
  • pnpm版本号:?

友情提示(为了提高issue处理效率):

  • 未按格式要求发帖,会被直接删掉;
  • 请自己初判问题描述是否清楚,是否方便我们调查处理;
  • 描述过于简单或模糊,导致无法处理的,会被直接删掉;
@zhangdaiscott zhangdaiscott transferred this issue from jeecgboot/JeecgBoot-vue3 Jun 21, 2024
@liaozhiyang
Copy link
Contributor

已修复,下一版本发布。

image

你本地可可在src/design/index.less 文件按如下进行修改:

html[data-theme='dark'] {
  .jeecg-form-detail-effect {
    * {
      color: #606266;
    }
    .ant-upload-text-icon, a {
      color:rgba(255, 255, 255, 0.25) ;
    }
    .ant-select-selector,
    .ant-btn,
    .ant-input,
    .ant-input-affix-wrapper,
    .ant-picker,
    .ant-input-number {
      background-color: transparent !important;
    }

    .ant-select-selection-item {
      background-color: transparent !important;
    }
    // 暗黑模式下输入框等icon隐藏
    .ant-picker-suffix,.ant-select-arrow {
      content:" ";
      display: none;
    }
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants