System.obt 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  1. /* Intentionnally left blank */
  2. /* Themes are created using Qt CSS, you can visit */
  3. /* http://doc.qt.io/qt-5/stylesheet-reference.html and */
  4. /* http://doc.qt.io/qt-5/stylesheet-examples.html for examples. */
  5. /* OBS will use the theme filename for the settings. */
  6. /* You can ship images using relative paths in qss. */
  7. /* Dark Theme is a good place to start if you need */
  8. /* a template. */
  9. @OBSThemeMeta {
  10. name: 'System';
  11. id: 'com.obsproject.System';
  12. author: 'Warchamp7';
  13. }
  14. .bg-base {
  15. background-color: #DCD9D7;
  16. }
  17. .text-heading {
  18. font-size: 36px;
  19. font-weight: bold;
  20. }
  21. .text-large {
  22. font-size: 16px;
  23. }
  24. .text-bright {
  25. color: var(--primary_light);
  26. }
  27. /* We need to set back the icons, or the preview wont stick. */
  28. .icon-plus {
  29. qproperty-icon: url(:/res/images/plus.svg);
  30. }
  31. .icon-minus {
  32. qproperty-icon: url(:/res/images/minus.svg);
  33. }
  34. .icon-trash {
  35. qproperty-icon: url(:/res/images/trash.svg);
  36. }
  37. .icon-clear {
  38. qproperty-icon: url(:/res/images/entry-clear.svg);
  39. }
  40. .icon-gear {
  41. qproperty-icon: url(:/res/images/settings/general.svg);
  42. }
  43. .icon-dots-vert {
  44. qproperty-icon: url(:/res/images/dots-vert.svg);
  45. }
  46. .icon-refresh {
  47. qproperty-icon: url(:/res/images/refresh.svg);
  48. }
  49. .icon-cogs {
  50. qproperty-icon: url(:/res/images/cogs.svg);
  51. }
  52. .icon-touch {
  53. qproperty-icon: url(:/res/images/interact.svg);
  54. }
  55. .icon-up {
  56. qproperty-icon: url(:/res/images/up.svg);
  57. }
  58. .icon-down {
  59. qproperty-icon: url(:/res/images/down.svg);
  60. }
  61. .icon-filter {
  62. qproperty-icon: url(:/res/images/filter.svg);
  63. }
  64. .icon-revert {
  65. qproperty-icon: url(:res/images/revert.svg);
  66. }
  67. .indicator-mute {
  68. outline: none;
  69. }
  70. .indicator-mute::indicator:checked {
  71. image: url(:/res/images/mute.svg);
  72. }
  73. .indicator-mute::indicator:indeterminate {
  74. image: url(:/res/images/unassigned.svg);
  75. }
  76. .indicator-mute::indicator:unchecked {
  77. image: url(:/settings/images/settings/audio.svg);
  78. }
  79. .indicator-expand {
  80. background: transparent;
  81. outline: none;
  82. }
  83. .indicator-expand::indicator {
  84. width: 10px;
  85. height: 10px;
  86. }
  87. .indicator-expand::indicator:checked {
  88. image: url(:/res/images/expand.svg);
  89. }
  90. .indicator-expand::indicator:unchecked {
  91. image: url(:/res/images/collapse.svg);
  92. }
  93. /* Volume Control */
  94. VolumeMeter {
  95. qproperty-backgroundNominalColor: rgb(15, 100, 15);
  96. qproperty-backgroundWarningColor: rgb(100, 100, 15);
  97. qproperty-backgroundErrorColor: rgb(100, 15, 15);
  98. qproperty-foregroundNominalColor: rgb(50, 200, 50);
  99. qproperty-foregroundWarningColor: rgb(255, 200, 50);
  100. qproperty-foregroundErrorColor: rgb(200, 50, 50);
  101. qproperty-magnitudeColor: rgb(0, 0, 0);
  102. qproperty-majorTickColor: rgb(0, 0, 0);
  103. qproperty-minorTickColor: rgb(50, 50, 50);
  104. qproperty-meterThickness: 3;
  105. /* The meter scale numbers normally use your QWidget font, with size */
  106. /* multiplied by meterFontScaling to get a proportionally smaller font. */
  107. /* To use a unique font for the numbers, specify font-family and/or */
  108. /* font-size here, and set meterFontScaling to 1.0. */
  109. qproperty-meterFontScaling: 0.7;
  110. }
  111. /* Label warning/error */
  112. .text-warning {
  113. color: rgb(192, 128, 0);
  114. }
  115. .text-danger {
  116. color: rgb(192, 0, 0);
  117. }
  118. .text-success {
  119. color: rgb(0, 128, 0);
  120. }
  121. /* macOS Separator Fix */
  122. QMainWindow::separator {
  123. background: transparent;
  124. width: 4px;
  125. height: 4px;
  126. }
  127. /* Preview background color */
  128. OBSQTDisplay {
  129. qproperty-displayBackgroundColor: rgb(76, 76, 76);
  130. }
  131. /* Preview/Program labels */
  132. .label-preview-title {
  133. font-size: 18px;
  134. font-weight: bold;
  135. color: rgb(122,121,122);
  136. }
  137. /* Settings Icons */
  138. OBSBasicSettings {
  139. qproperty-generalIcon: url(:settings/images/settings/general.svg);
  140. qproperty-appearanceIcon: url(:settings/images/settings/appearance.svg);
  141. qproperty-streamIcon: url(:settings/images/settings/stream.svg);
  142. qproperty-outputIcon: url(:settings/images/settings/output.svg);
  143. qproperty-audioIcon: url(:settings/images/settings/audio.svg);
  144. qproperty-videoIcon: url(:settings/images/settings/video.svg);
  145. qproperty-hotkeysIcon: url(:settings/images/settings/hotkeys.svg);
  146. qproperty-accessibilityIcon: url(:settings/images/settings/accessibility.svg);
  147. qproperty-advancedIcon: url(:settings/images/settings/advanced.svg);
  148. }
  149. OBSBasicSettings QListWidget::item {
  150. padding-top: 5px;
  151. padding-bottom: 5px;
  152. }
  153. .checkbox-icon {
  154. outline: none;
  155. background: transparent;
  156. }
  157. /* Locked CheckBox */
  158. .indicator-lock::indicator:checked {
  159. image: url(:res/images/locked.svg);
  160. }
  161. .indicator-lock::indicator:unchecked {
  162. image: url(:res/images/unlocked.svg);
  163. }
  164. /* Visibility CheckBox */
  165. .indicator-visibility::indicator:checked {
  166. image: url(:res/images/visible.svg);
  167. }
  168. .indicator-visibility::indicator:unchecked {
  169. image: url(:res/images/invisible.svg);
  170. }
  171. OBSMissingFiles {
  172. qproperty-warningIcon: url(:res/images/alert.svg);
  173. }
  174. /* Source Icons */
  175. OBSBasic {
  176. qproperty-imageIcon: url(:res/images/sources/image.svg);
  177. qproperty-colorIcon: url(:res/images/sources/brush.svg);
  178. qproperty-slideshowIcon: url(:res/images/sources/slideshow.svg);
  179. qproperty-audioInputIcon: url(:res/images/sources/microphone.svg);
  180. qproperty-audioOutputIcon: url(:settings/images/settings/audio.svg);
  181. qproperty-desktopCapIcon: url(:settings/images/settings/video.svg);
  182. qproperty-windowCapIcon: url(:res/images/sources/window.svg);
  183. qproperty-gameCapIcon: url(:res/images/sources/gamepad.svg);
  184. qproperty-cameraIcon: url(:res/images/sources/camera.svg);
  185. qproperty-textIcon: url(:res/images/sources/text.svg);
  186. qproperty-mediaIcon: url(:res/images/sources/media.svg);
  187. qproperty-browserIcon: url(:res/images/sources/globe.svg);
  188. qproperty-groupIcon: url(:res/images/sources/group.svg);
  189. qproperty-sceneIcon: url(:res/images/sources/scene.svg);
  190. qproperty-defaultIcon: url(:res/images/sources/default.svg);
  191. qproperty-audioProcessOutputIcon: url(:res/images/sources/windowaudio.svg);
  192. }
  193. /* Scene Tree */
  194. SceneTree {
  195. qproperty-gridItemWidth: 150;
  196. qproperty-gridItemHeight: 24;
  197. }
  198. /* Save icon */
  199. .icon-save {
  200. qproperty-icon: url(:res/images/save.svg);
  201. }
  202. /* Studio Mode T-Bar */
  203. .slider-tbar {
  204. height: 24px;
  205. }
  206. .slider-tbar::groove:horizontal {
  207. border: 1px solid #4c4c4c;
  208. height: 5px;
  209. background: #DCD9D7;
  210. }
  211. .slider-tbar::sub-page:horizontal {
  212. background: #DCD9D7;
  213. border: 1px solid #4c4c4c;
  214. }
  215. .slider-tbar::handle:horizontal {
  216. background-color: #4c4c4c;
  217. width: 12px;
  218. height: 24px;
  219. margin: -24px 0px;
  220. }
  221. /* Source Context */
  222. #contextContainer QPushButton {
  223. padding: 3px 10px;
  224. }
  225. #contextContainer QPushButton#sourcePropertiesButton {
  226. qproperty-icon: url(:/settings/images/settings/general.svg);
  227. }
  228. #contextContainer QPushButton#sourceFiltersButton {
  229. qproperty-icon: url(:/res/images/filter.svg);
  230. }
  231. #contextContainer QPushButton#sourceInteractButton {
  232. qproperty-icon: url(:/res/images/interact.svg);
  233. }
  234. /* Media icons */
  235. .icon-media-play {
  236. qproperty-icon: url(:res/images/media/media_play.svg);
  237. }
  238. .icon-media-pause {
  239. qproperty-icon: url(:res/images/media/media_pause.svg);
  240. }
  241. .icon-media-restart {
  242. qproperty-icon: url(:res/images/media/media_restart.svg);
  243. }
  244. .icon-media-stop {
  245. qproperty-icon: url(:res/images/media/media_stop.svg);
  246. }
  247. .icon-media-next {
  248. qproperty-icon: url(:res/images/media/media_next.svg);
  249. }
  250. .icon-media-prev {
  251. qproperty-icon: url(:res/images/media/media_previous.svg);
  252. }
  253. /* YouTube Integration */
  254. OBSYoutubeActions {
  255. qproperty-thumbPlaceholder: url(:res/images/sources/image.svg);
  256. }
  257. #ytEventList QLabel {
  258. background-color: #e1e1e1;
  259. border: 1px solid #ddd;
  260. }
  261. #ytEventList QLabel:hover {
  262. background-color: #eee;
  263. border: 1px solid #777;
  264. }
  265. #ytEventList .row-selected {
  266. background-color: #ccc;
  267. border: 1px solid #444;
  268. }
  269. /* Calendar Widget */
  270. QCalendarWidget QToolButton {
  271. padding: 0px 12px;
  272. }
  273. #qt_calendar_monthbutton::menu-indicator {
  274. image: url(:/res/images/down.svg);
  275. subcontrol-position: right;
  276. padding-top: 2px;
  277. padding-right: 2px;
  278. height: 8px;
  279. width: 8px;
  280. }
  281. #qt_calendar_monthbutton::menu-indicator:hover {
  282. image: url(:/res/images/down.svg);
  283. color: red;
  284. }
  285. QCalendarWidget #qt_calendar_prevmonth {
  286. padding: 2px;
  287. qproperty-icon: url(:/res/images/left.svg);
  288. icon-size: 16px;
  289. }
  290. QCalendarWidget #qt_calendar_nextmonth {
  291. padding: 2px;
  292. qproperty-icon: url(:/res/images/right.svg);
  293. icon-size: 16px;
  294. }
  295. /* Status Bar */
  296. StatusBarWidget > QFrame {
  297. padding: 0px 12px 8px;
  298. }