check_box.qss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. CheckBox {
  2. color: white;
  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(159, 159, 159);
  13. background-color: rgb(42, 42, 42);
  14. }
  15. CheckBox::indicator:hover {
  16. border: 1px solid rgb(161, 161, 161);
  17. background-color: rgb(56, 56, 56);
  18. }
  19. CheckBox::indicator:pressed {
  20. border: 1px solid rgb(86, 86, 86);
  21. background-color: rgb(62, 62, 62);
  22. }
  23. CheckBox::indicator:checked,
  24. CheckBox::indicator:indeterminate {
  25. background-color: --ThemeColorPrimary;
  26. border: 1px solid --ThemeColorPrimary;
  27. }
  28. CheckBox::indicator:checked {
  29. image: url(:/qfluentwidgets/images/check_box/Accept_black.svg);
  30. }
  31. CheckBox::indicator:indeterminate {
  32. image: url(:/qfluentwidgets/images/check_box/PartialAccept_black.svg);
  33. }
  34. CheckBox::indicator:checked:hover,
  35. CheckBox::indicator:indeterminate:hover {
  36. border: 1px solid --ThemeColorDark1;
  37. background-color: --ThemeColorDark1;
  38. }
  39. CheckBox::indicator:checked:pressed,
  40. CheckBox::indicator:indeterminate:pressed {
  41. border: 1px solid --ThemeColorDark2;
  42. background-color: --ThemeColorDark2;
  43. }
  44. CheckBox:disabled {
  45. color: rgba(255, 255, 255, 110);
  46. }
  47. CheckBox::indicator:disabled {
  48. border: 1px solid rgb(82, 82, 82);
  49. background-color: rgb(45, 45, 45);
  50. }
  51. CheckBox::indicator:checked:disabled,
  52. CheckBox::indicator:indeterminate:disabled {
  53. border: 1px solid rgb(82, 82, 82);
  54. background-color: rgb(82, 82, 82);
  55. }