date-popper.scss 870 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. color: #c0c4cc;
  8. button {
  9. color: #c0c4cc;
  10. }
  11. }
  12. /* 周一~周日下的白色分割线 */
  13. .el-date-table th {
  14. border-bottom-color: #606266;
  15. }
  16. // 字体颜色
  17. .available {
  18. color: #c0c4cc;
  19. }
  20. // 上个月和下个月的字体颜色
  21. .next-month,
  22. .prev-month {
  23. color: #606266 !important;
  24. }
  25. // 选中日期范围的背景色
  26. .el-date-table td.in-range div,
  27. .el-date-table td.in-range div:hover,
  28. .el-date-table.is-week-mode .el-date-table__row.current div,
  29. .el-date-table.is-week-mode .el-date-table__row:hover div {
  30. background: #606266;
  31. }
  32. // 左边日期和右边日期之间的分割线
  33. .el-date-range-picker__content.is-left {
  34. border-right: 1px solid #606266;
  35. }
  36. }