elementTheme.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* 修改主题的时候 去掉registerComponents.ts文件里面的全局导入*/
  2. @forward "element-plus/theme-chalk/src/common/var.scss" with (
  3. $colors: (
  4. "primary": (
  5. "base": #f5c42d
  6. )
  7. ),
  8. // $text-color: (
  9. // "regular": red
  10. // )
  11. );
  12. @use "element-plus/theme-chalk/src/index.scss" as *;
  13. /* 普通模式 */
  14. // :root {}
  15. /* 暗黑模式 */
  16. //html.dark {}
  17. //表头加颜色
  18. .el-table .el-table__header thead th {
  19. background-color: var(--el-bg-color-page);
  20. }
  21. .el-empty .el-empty__description p {
  22. font-weight: 400;
  23. font-size: 2.2rem;
  24. color: #aaaaaa;
  25. }
  26. .el-cascader__dropdown {
  27. .el-cascader-menu__list {
  28. padding: 12px 0;
  29. }
  30. .el-cascader-node:not(.is-disabled):hover,
  31. .el-cascader-node:not(.is-disabled):focus {
  32. background-color: transparent;
  33. }
  34. .el-cascader-menu:last-child .el-cascader-node {
  35. padding: 0 12px;
  36. line-height: 40px;
  37. height: 40px;
  38. }
  39. .el-cascader-node__prefix {
  40. display: none;
  41. }
  42. .is-active .el-cascader-node__label {
  43. color: #994d1c;
  44. }
  45. .el-cascader-node__label {
  46. font-size: 16px;
  47. border-radius: 8px;
  48. &:hover {
  49. color: #994d1c;
  50. background: #fff3d7;
  51. }
  52. }
  53. }
  54. .el-popper.is-light {
  55. box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 17px 0px;
  56. border-radius: 12px;
  57. border: none;
  58. .el-popper__arrow {
  59. display: none;
  60. }
  61. }
  62. .el-scrollbar__thumb {
  63. opacity: 1;
  64. background-color: #ececec;
  65. }