var.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. //字体颜色定义规范
  2. @text_color: rgba(255, 255, 255, 0.6);
  3. @text_color_active: #fff; //重点部分
  4. //active颜色
  5. @active_color: #fff;
  6. //遮罩层颜色
  7. @mask_color: rgba(0, 0, 0, 0.4);
  8. //loading背景颜色
  9. @load_bg_color: rgba(0, 0, 0, 0.2);
  10. //header背景颜色
  11. @header_bg_color: rgba(0, 0, 0, 0.3);
  12. //search-head
  13. @search_bg_coloe: rgba(0, 0, 0, 0.2);
  14. //dialog相关
  15. @dialog_bg_color: rgba(0, 0, 0, 0.5);
  16. @dialog_content_bg_color: rgba(0, 0, 0, 0.6);
  17. @dialog_text_color: rgba(255, 255, 255, 0.7);
  18. @dialog_line_color: rgba(0, 0, 0, 0.35);
  19. //btn相关
  20. @btn_color: rgba(255, 255, 255, 0.6);
  21. @btn_color_active: #fff;
  22. //歌词高亮颜色
  23. @lyric_color_active: #40ce8f;
  24. //进度条
  25. @bar_color: rgba(255, 255, 255, 0.15);
  26. @line_color: #fff;
  27. @dot_color: #fff;
  28. //列表
  29. @list_head_line_color: rgba(255, 255, 255, 0.8);
  30. @list_item_line_color: rgba(255, 255, 255, 0.1);
  31. //评论
  32. @comment_head_line_color: rgba(255, 255, 255, 0.8);
  33. @comment_item_line_color: rgba(255, 255, 255, 0.1);
  34. @comment_replied_line_color: rgba(255, 255, 255, 0.3);
  35. //字体大小定义规范
  36. @font_size_small: 12px;
  37. @font_size_medium: 14px;
  38. @font_size_medium_x: 16px;
  39. @font_size_large: 18px;
  40. @font_size_large_x: 22px;