white.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. .theme-white {
  2. .el-menu--popup{
  3. .el-menu-item{
  4. background-color: #fff;
  5. i,span{
  6. color:#666;
  7. }
  8. &:hover{
  9. i,span{
  10. color:#333;
  11. }
  12. }
  13. &.is-active {
  14. background-color: #409EFF;
  15. &:before {
  16. content: '';
  17. top: 0;
  18. left: 0;
  19. bottom: 0;
  20. width: 4px;
  21. background: #409eff;
  22. position: absolute;
  23. }
  24. i,span{
  25. color:#fff;
  26. }
  27. }
  28. }
  29. }
  30. .avue-header,
  31. .avue-logo,
  32. .tags-container {
  33. background-color: #409EFF;
  34. }
  35. .avue-sidebar--tip{
  36. background-color:transparent;
  37. color:#333;
  38. }
  39. .el-dropdown{
  40. color:#fff;
  41. }
  42. .avue-logo_title{
  43. font-weight: 400;
  44. color:#fff;
  45. }
  46. .logo_title,
  47. .avue-breadcrumb
  48. {
  49. color: #fff ;
  50. i {
  51. color: #fff;
  52. }
  53. }
  54. .avue-top{
  55. .el-menu-item {
  56. i,
  57. span {
  58. color: #fff ;
  59. }
  60. &:hover {
  61. i,
  62. span {
  63. color: #fff ;
  64. }
  65. }
  66. }
  67. }
  68. .avue-sidebar{
  69. box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
  70. background-color: #fff;
  71. padding-top: 70px;
  72. .el-menu-item,.el-submenu__title{
  73. i,span{
  74. color:#666
  75. }
  76. &:hover{
  77. background: transparent;
  78. i,span{
  79. color:#333;
  80. }
  81. }
  82. &.is-active {
  83. background-color: #409EFF;
  84. i,span{
  85. color:#fff;
  86. }
  87. }
  88. }
  89. }
  90. .top-search {
  91. .el-input__inner{
  92. color: #333;
  93. }
  94. input::-webkit-input-placeholder,
  95. textarea::-webkit-input-placeholder {
  96. /* WebKit browsers */
  97. color: #fff;
  98. }
  99. input:-moz-placeholder,
  100. textarea:-moz-placeholder {
  101. /* Mozilla Firefox 4 to 18 */
  102. color: #fff;
  103. }
  104. input::-moz-placeholder,
  105. textarea::-moz-placeholder {
  106. /* Mozilla Firefox 19+ */
  107. color: #fff;
  108. }
  109. input:-ms-input-placeholder,
  110. textarea:-ms-input-placeholder {
  111. /* Internet Explorer 10+ */
  112. color: #fff;
  113. }
  114. }
  115. .top-bar__item {
  116. i {
  117. color: #fff;
  118. }
  119. }
  120. }