check_box.qss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. CheckBox {
  2. color: black;
  3. font: 14px 'Segoe UI', 'Microsoft YaHei';
  4. spacing: 8px;
  5. min-width: 28px;
  6. min-height: 20px;
  7. }
  8. CheckBox::indicator {
  9. width: 18px;
  10. height: 18px;
  11. border-radius: 5px;
  12. border: 1px solid rgb(135, 135, 135);
  13. background-color: rgb(241, 241, 241);
  14. }
  15. CheckBox::indicator:hover {
  16. border: 1px solid rgb(132, 132, 132);
  17. background-color: rgb(232, 232, 232);
  18. }
  19. CheckBox::indicator:pressed {
  20. border: 1px solid rgb(184, 184, 184);
  21. background-color: rgb(224, 224, 224);
  22. }
  23. CheckBox::indicator:checked,
  24. CheckBox::indicator:indeterminate {
  25. border: 1px solid --ThemeColorPrimary;
  26. background-color: --ThemeColorPrimary;
  27. }
  28. CheckBox::indicator:checked {
  29. image: url(:/qfluentwidgets/images/check_box/Accept_white.svg);
  30. }
  31. CheckBox::indicator:indeterminate {
  32. image: url(:/qfluentwidgets/images/check_box/PartialAccept_white.svg);
  33. }
  34. CheckBox::indicator:checked:hover,
  35. CheckBox::indicator:indeterminate:hover {
  36. border: 1px solid --ThemeColorLight1;
  37. background-color: --ThemeColorLight1;
  38. }
  39. CheckBox::indicator:checked:pressed,
  40. CheckBox::indicator:indeterminate:pressed {
  41. border: 1px solid --ThemeColorLight3;
  42. background-color: --ThemeColorLight3;
  43. }
  44. CheckBox:disabled {
  45. color: rgba(0, 0, 0, 110);
  46. }
  47. CheckBox::indicator:disabled {
  48. border: 1px solid #bbbbbb;
  49. background-color: rgb(224, 224, 224);
  50. }
  51. CheckBox::indicator:checked:disabled,
  52. CheckBox::indicator:indeterminate:disabled {
  53. border: 1px solid rgb(199, 199, 199);
  54. background-color: rgb(199, 199, 199);
  55. }