theme-light.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .hevue-imgpreview-wrap {
  2. color: rgba(52, 52, 52, 0.6);
  3. }
  4. /* 遮罩层 */
  5. .hevue-imgpreview-wrap .he-img-wrap {
  6. background: rgba(70, 70, 70, 0.3);
  7. backdrop-filter: blur(8px);
  8. }
  9. /* 控制条 */
  10. .hevue-imgpreview-wrap .he-control-bar {
  11. background: rgba(255, 255, 255, .8);
  12. backdrop-filter: blur(5px);
  13. /* box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%); */
  14. /* border: 1px solid rgba(160, 160, 160, .15); */
  15. }
  16. /* 左右箭头 */
  17. .hevue-imgpreview-wrap .arrow {
  18. background: rgba(255, 255, 255, .8);
  19. backdrop-filter: blur(5px);
  20. /* box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%); */
  21. /* border: 1px solid rgba(160, 160, 160, .15); */
  22. }
  23. /* 关闭按钮 */
  24. .hevue-imgpreview-wrap .he-close-icon {
  25. background: rgba(255, 255, 255, .8);
  26. backdrop-filter: blur(5px);
  27. /* box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%); */
  28. /* border: 1px solid rgba(160, 160, 160, .15); */
  29. }
  30. /* 页码指示器 */
  31. .hevue-imgpreview-wrap .he-control-num {
  32. background: rgba(255, 255, 255, .8);
  33. backdrop-filter: blur(5px);
  34. /* box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%); */
  35. /* border: 1px solid rgba(160, 160, 160, .15); */
  36. }