theme.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. $themeColor: #5BA7FF;
  2. .body {
  3. // color: #333;
  4. }
  5. #app {
  6. .page-header {
  7. background: $themeColor;
  8. .page-logo {
  9. background: #fff;
  10. }
  11. .data-menu {
  12. .data-menu-dropdown {
  13. color: #fff;
  14. }
  15. .icon-arrows {
  16. background: #fff;
  17. color: $themeColor;
  18. }
  19. // .el-select .el-input--suffix .el-input__inner {
  20. // background: #e3e4e6;
  21. // }
  22. }
  23. .user-menu {
  24. .user-menu-dropdown {
  25. color: #fff;
  26. }
  27. }
  28. }
  29. .page-container {
  30. background: #f2f2f2;
  31. .page-sidebar-wrapper {
  32. // color: azure;
  33. background: #fff;
  34. // .el-menu {
  35. // background: #364150;
  36. // }
  37. }
  38. .page-content-wrapper {
  39. .page-content {
  40. .query-form {
  41. border: 1px solid #dfe6ec;
  42. background-color: #fff;
  43. }
  44. .data-table {
  45. .el-table__header-wrapper {
  46. .el-table__header {
  47. thead tr th {
  48. background-color: #d9d9d9;
  49. // color: #000;
  50. }
  51. }
  52. }
  53. }
  54. }
  55. }
  56. }
  57. .page-footer {
  58. background: #28303b;
  59. }
  60. }