date-popper.scss 943 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .el-picker-panel {
  2. // 整个背景色
  3. background-color: #232526;
  4. border-color: rgba(96, 98, 102, 0.8);
  5. // 头部年月文字颜色
  6. .el-date-range-picker__header,
  7. .el-date-picker__time-header {
  8. color: #c0c4cc;
  9. button {
  10. color: #c0c4cc;
  11. }
  12. }
  13. /* 周一~周日下的白色分割线 */
  14. .el-date-table th {
  15. border-bottom-color: #606266;
  16. }
  17. // 字体颜色
  18. .available {
  19. color: #c0c4cc;
  20. }
  21. // 上个月和下个月的字体颜色
  22. .next-month,
  23. .prev-month {
  24. color: #606266 !important;
  25. }
  26. // 选中日期范围的背景色
  27. .el-date-table td.in-range div,
  28. .el-date-table td.in-range div:hover,
  29. .el-date-table.is-week-mode .el-date-table__row.current div,
  30. .el-date-table.is-week-mode .el-date-table__row:hover div {
  31. background: #606266;
  32. }
  33. // 左边日期和右边日期之间的分割线
  34. .el-date-range-picker__content.is-left {
  35. border-right: 1px solid #606266;
  36. }
  37. }