123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- .theme-white {
- .el-menu--popup{
- .el-menu-item{
- background-color: #fff;
- i,span{
- color:#666;
- }
- &:hover{
- i,span{
- color:#333;
- }
- }
- &.is-active {
- background-color: #409EFF;
- &:before {
- content: '';
- top: 0;
- left: 0;
- bottom: 0;
- width: 4px;
- background: #409eff;
- position: absolute;
- }
- i,span{
- color:#fff;
- }
- }
- }
- }
- .avue-header,
- .avue-logo,
- .tags-container {
- background-color: #409EFF;
- }
- .avue-sidebar--tip{
- background-color:transparent;
- color:#333;
- }
- .el-dropdown{
- color:#fff;
- }
- .avue-logo_title{
- font-weight: 400;
- color:#fff;
- }
- .logo_title,
- .avue-breadcrumb
- {
- color: #fff ;
- i {
- color: #fff;
- }
- }
- .avue-top{
- .el-menu-item {
- i,
- span {
- color: #fff ;
- }
- &:hover {
- i,
- span {
- color: #fff ;
- }
- }
- }
- }
- .avue-sidebar{
- box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
- background-color: #fff;
- padding-top: 70px;
- .el-menu-item,.el-submenu__title{
- i,span{
- color:#666
- }
- &:hover{
- background: transparent;
- i,span{
- color:#333;
- }
- }
- &.is-active {
- background-color: #409EFF;
- i,span{
- color:#fff;
- }
- }
- }
- }
- .top-search {
- .el-input__inner{
- color: #333;
- }
- input::-webkit-input-placeholder,
- textarea::-webkit-input-placeholder {
- /* WebKit browsers */
- color: #fff;
- }
- input:-moz-placeholder,
- textarea:-moz-placeholder {
- /* Mozilla Firefox 4 to 18 */
- color: #fff;
- }
- input::-moz-placeholder,
- textarea::-moz-placeholder {
- /* Mozilla Firefox 19+ */
- color: #fff;
- }
- input:-ms-input-placeholder,
- textarea:-ms-input-placeholder {
- /* Internet Explorer 10+ */
- color: #fff;
- }
- }
- .top-bar__item {
- i {
- color: #fff;
- }
- }
- }
|