light-style.qss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. /* Window bar */
  2. QWK--WindowBar[bar-active=true] {
  3. background-color: #195ABE;
  4. /* background-color: transparent; */
  5. }
  6. QWK--WindowBar[bar-active=false] {
  7. background-color: #195ABE;
  8. /* background-color: transparent; */
  9. }
  10. /* Title label */
  11. QWK--WindowBar>QLabel#win-title-label {
  12. padding: 0;
  13. border: none;
  14. color: #ECECEC;
  15. background-color: transparent;
  16. min-height: 28px;
  17. }
  18. /* System buttons */
  19. QWK--WindowBar>QAbstractButton[system-button=true] {
  20. qproperty-iconSize: 12px 12px;
  21. min-width: 50px;
  22. border: none;
  23. padding: 0;
  24. background-color: transparent;
  25. }
  26. QWK--WindowBar>QAbstractButton#pin-button {
  27. qproperty-iconNormal: url(":/window-bar/pin.svg");
  28. qproperty-iconChecked: url(":/window-bar/pin-fill.svg");
  29. qproperty-iconSize: 15px 15px;
  30. }
  31. QWK--WindowBar>QAbstractButton#pin-button:hover,
  32. QWK--WindowBar>QAbstractButton#pin-button:pressed {
  33. background-color: rgba(0, 0, 0, 15%);
  34. }
  35. QWK--WindowBar>QAbstractButton#min-button {
  36. qproperty-iconNormal: url(":/window-bar/minimize.svg");
  37. }
  38. QWK--WindowBar>QAbstractButton#min-button:hover,
  39. QWK--WindowBar>QAbstractButton#min-button:pressed {
  40. background-color: rgba(0, 0, 0, 15%);
  41. }
  42. QWK--WindowBar>QAbstractButton#max-button {
  43. qproperty-iconNormal: url(":/window-bar/maximize.svg");
  44. qproperty-iconChecked: url(":/window-bar/restore.svg");
  45. }
  46. QWK--WindowBar>QAbstractButton#max-button:hover,
  47. QWK--WindowBar>QAbstractButton#max-button:pressed {
  48. background-color: rgba(0, 0, 0, 15%);
  49. }
  50. QWK--WindowBar>QAbstractButton#close-button {
  51. qproperty-iconNormal: url(":/window-bar/close.svg");
  52. }
  53. QWK--WindowBar>QAbstractButton#close-button:hover,
  54. QWK--WindowBar>QAbstractButton#close-button:pressed {
  55. background-color: #e81123;
  56. }
  57. /* Icon button */
  58. QWK--WindowBar>QAbstractButton#icon-button {
  59. qproperty-iconNormal: url(":/app/example.png");
  60. qproperty-iconSize: 18px 18px;
  61. min-width: 40px;
  62. border: none;
  63. padding: 0;
  64. background-color: transparent;
  65. }
  66. /* Menu Bar */
  67. QMenuBar {
  68. background-color: transparent;
  69. border: none;
  70. }
  71. QMenuBar>QToolButton#qt_menubar_ext_button {
  72. qproperty-icon: url(":/window-bar/more-line.svg");
  73. }
  74. QMenuBar>QToolButton#qt_menubar_ext_button:hover,
  75. QMenuBar>QToolButton#qt_menubar_ext_button:pressed {
  76. background-color: rgba(255, 255, 255, 10%);
  77. }
  78. QMenuBar::item {
  79. color: #EEEEEE;
  80. border: none;
  81. padding: 8px 12px;
  82. }
  83. QMenuBar::item:selected {
  84. background-color: rgba(255, 255, 255, 10%);
  85. }
  86. /* Menu */
  87. QMenu {
  88. padding: 4px;
  89. background: white;
  90. border: 1px solid #E0E0E0;
  91. }
  92. QMenu::indicator {
  93. left: 6px;
  94. width: 20px;
  95. height: 20px;
  96. }
  97. QMenu::icon {
  98. left: 6px;
  99. }
  100. QMenu::item {
  101. background: transparent;
  102. color: #333333;
  103. padding: 6px 24px;
  104. }
  105. QMenu::item:selected {
  106. background-color: rgba(0, 0, 0, 10%);
  107. }
  108. QMenu::item:disabled {
  109. color: #CCCCCC;
  110. }
  111. QMenu::separator {
  112. height: 2px;
  113. background-color: #CCCCCC;
  114. margin: 6px 0;
  115. }
  116. /* Window */
  117. MainWindow {
  118. background-color: #F3F3F3;
  119. }
  120. MainWindow[custom-style=true] {
  121. background-color: transparent;
  122. }
  123. QWidget#clock-widget {
  124. font-size: 75px;
  125. color: #333333;
  126. font-weight: bold;
  127. background-color: transparent;
  128. }