Acri.qss 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098
  1. /* OBSTheme, main QApplication palette and QML values */
  2. OBSTheme {
  3. window: #181819;
  4. windowText: rgb(225,224,225);
  5. base: rgb(18,18,21);
  6. alternateBase: rgb(0,0,0);
  7. text: rgb(225,224,225);
  8. button: #162458;
  9. buttonText: rgb(225,224,225);
  10. brightText: #484848;
  11. light: #162458;
  12. mid: #181819;
  13. dark: rgb(18,18,21);
  14. shadow: rgb(0,0,0);
  15. highlight: #252458;
  16. highlightText: #FFFFFF;
  17. link: #605ee6;
  18. linkVisited: #605ee6;
  19. }
  20. OBSTheme::disabled {
  21. text: #484848;
  22. buttonText: #484848;
  23. brightText: #484848;
  24. }
  25. OBSTheme::inactive {
  26. highlight: rgb(48,47,48);
  27. highlightText: rgb(255, 255, 255);
  28. }
  29. /* General style, we override only what is needed. */
  30. QWidget {
  31. background-color: #181819;
  32. alternate-background-color: rgb(18,18,21);
  33. color: rgb(225,224,225);
  34. selection-background-color: #252458;
  35. selection-color: white;
  36. outline: none;
  37. font-family: "Open Sans", "Tahoma", "Arial", sans-serif;
  38. font-size: 12px;
  39. }
  40. #menubar {
  41. padding: 2px 8px 0px;
  42. }
  43. QLabel:link {
  44. color: #2a3a75;
  45. }
  46. QMenu {
  47. border: 1px solid #333336;
  48. padding: 4px;
  49. }
  50. * [frameShape="1"], * [frameShape="2"], * [frameShape="3"], * [frameShape="4"], * [frameShape="5"], * [frameShape="6"] {
  51. /*border: 1px solid rgb(231,30,31); */
  52. border: none;
  53. }
  54. * [frameShape="2"],
  55. * [frameShape="4"] {
  56. border: 1px solid #333336;
  57. }
  58. QSizeGrip {
  59. background-color: transparent;
  60. image: url(./Acri/sizegrip.png);
  61. }
  62. /* Misc */
  63. QWidget::disabled {
  64. color: #484848;
  65. }
  66. * [themeID="error"] {
  67. color: #d91740;
  68. }
  69. * [themeID="warning"] {
  70. color: #d9af17;
  71. }
  72. /* Dropdown menus, Scenes box, Sources box */
  73. QAbstractItemView {
  74. background-color: #181819;
  75. border: 1px solid #333336;
  76. }
  77. /* Group Box */
  78. QGroupBox {
  79. border: 2px solid #2f2f2f;
  80. margin-bottom: 8px;
  81. padding-top: 32px;
  82. font-weight: bold;
  83. font-size: 14px;
  84. }
  85. QGroupBox::title {
  86. left: 4px;
  87. right: 0;
  88. top: 8px;
  89. font-weight: bold;
  90. padding-left: 8px;
  91. padding-right: 8px;
  92. padding-bottom: 8px;
  93. font-size: 16px;
  94. }
  95. /* --- */
  96. /* Tooltips */
  97. QToolTip {
  98. background-color: #212121;
  99. color: rgb(205,205,205);
  100. border: 1px solid #343335;
  101. border-radius: 4px;
  102. }
  103. /* Top Menu Bar Items */
  104. QMenuBar::item {
  105. background-color: rgb(24,24,25);
  106. padding: 6px;
  107. }
  108. QMenuBar::item:selected {
  109. background: #2a3a75;
  110. }
  111. /* Listbox item */
  112. QListWidget::item,
  113. SourceTree::item {
  114. padding: 4px 2px;
  115. margin-bottom: 2px;
  116. margin-top: 0px;
  117. border: 1px solid transparent;
  118. }
  119. QListWidget QLineEdit {
  120. padding-top: 0px;
  121. padding-bottom: 0px;
  122. padding-right: 0;
  123. padding-left: 2px;
  124. border: none;
  125. border-radius: none;
  126. }
  127. /* Dock stuff */
  128. QDockWidget {
  129. background: #181819;
  130. border: none;
  131. font-size: 14px;
  132. font-weight: bold;
  133. border-bottom: 2px solid #2f2f2f;
  134. }
  135. QDockWidget::title {
  136. border-bottom: 2px solid #2f2f2f;
  137. margin-left: 5px;
  138. margin-right: 5px;
  139. padding-top: 0px;
  140. padding-bottom: 6px;
  141. text-align: left;
  142. background-image: url(./Acri/top_hook.png);
  143. background-origin: padding;
  144. background-clip: padding;
  145. background-position: bottom left;
  146. background-repeat: none;
  147. }
  148. QDockWidget::close-button,
  149. QDockWidget::float-button {
  150. icon-size: 20px;
  151. subcontrol-position: top right;
  152. subcontrol-origin: padding;
  153. right: 0px;
  154. }
  155. QDockWidget::float-button {
  156. right: 20px;
  157. }
  158. QListWidget#scenes,
  159. SourceListWidget {
  160. border: none;
  161. border-bottom: 2px solid #2f2f2f;
  162. }
  163. SourceTree {
  164. border: none;
  165. border-bottom: 1px solid #2f2f2f;
  166. }
  167. SourceTree QLineEdit {
  168. background-color: #0c101e;
  169. padding: 2px;
  170. margin: -2px 6px -2px 3px;
  171. font-size: 12px;
  172. }
  173. #scenesFrame,
  174. #sourcesFrame {
  175. margin-left: -7px;
  176. margin-right: -7px;
  177. margin-top: -8px;
  178. margin-bottom: -12px;
  179. }
  180. #scenesToolbar,
  181. #sourcesToolbar{
  182. background-image: url(./Acri/bot_hook2.png);
  183. background-origin: margin;
  184. background-clip: margin;
  185. background-position: top left;
  186. background-repeat: none;
  187. }
  188. #sourcesToolbar {
  189. background-image: url(./Acri/bot_hook.png);
  190. }
  191. /* Listbox item selected, unfocused */
  192. QListWidget::item:hover,
  193. SourceTree::item:hover {
  194. background-color: #212121;
  195. border: 1px solid #333336;
  196. }
  197. /* Listbox item selected */
  198. QListWidget::item:selected,
  199. SourceTree::item:selected {
  200. background-color: #131a30;
  201. border: 1px solid #252a45;
  202. }
  203. /* ScrollBars */
  204. QScrollBar::corner {
  205. background-color: transparent;
  206. border: none;
  207. }
  208. QScrollBar:vertical {
  209. background-color: transparent;
  210. width: 20px;
  211. margin-top: -3px;
  212. margin-bottom: -3px;
  213. padding: 4px;
  214. }
  215. QScrollBar::handle:vertical {
  216. background-color: #2f2f2f;
  217. min-height: 20px;
  218. margin: 0px 3px;
  219. border-radius: 0px;
  220. border: none;
  221. }
  222. QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
  223. border: none;
  224. background: none;
  225. height: 0;
  226. }
  227. QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
  228. border: none;
  229. background: none;
  230. color: none;
  231. }
  232. QScrollBar:horizontal {
  233. background-color: transparent;
  234. height: 20px;
  235. margin-left: -3px;
  236. margin-right: -3px;
  237. padding: 4px;
  238. }
  239. QScrollBar::handle:horizontal {
  240. background-color: #2f2f2f;
  241. min-width: 20px;
  242. margin: 3px 0px;
  243. border-radius: 0px;
  244. border: none;
  245. }
  246. QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
  247. border: none;
  248. background: none;
  249. width: 0;
  250. }
  251. QScrollBar::left-arrow:horizontal, QScrollBar::right-arrow:horizontal, QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
  252. border: none;
  253. background: none;
  254. color: none;
  255. }
  256. /* Scenes and Sources toolbar */
  257. QToolBar {
  258. background-color: rgb(24,24,25);
  259. margin-top: 4px;
  260. }
  261. QToolButton:hover {
  262. background-color: #2a3a75;
  263. border: 1px solid #233166;
  264. border-radius: none;
  265. }
  266. QToolButton:pressed {
  267. background-color: #161f41;
  268. border-radius: none;
  269. }
  270. * [themeID="addIconSmall"] {
  271. qproperty-icon: url(./Dark/plus.svg);
  272. }
  273. * [themeID="removeIconSmall"] {
  274. qproperty-icon: url(./Dark/minus.svg);
  275. }
  276. * [themeID="propertiesIconSmall"] {
  277. qproperty-icon: url(./Dark/settings/general.svg);
  278. }
  279. * [themeID="configIconSmall"] {
  280. qproperty-icon: url(./Dark/settings/general.svg);
  281. }
  282. * [themeID="upArrowIconSmall"] {
  283. qproperty-icon: url(./Dark/up.svg);
  284. }
  285. * [themeID="downArrowIconSmall"] {
  286. qproperty-icon: url(./Dark/down.svg);
  287. }
  288. * [themeID="pauseIconSmall"] {
  289. qproperty-icon: url(./Dark/media-pause.svg);
  290. }
  291. /* Tab Widget */
  292. QTabWidget::pane { /* The tab widget frame */
  293. border-top: 1px solid #2f2f2f;
  294. }
  295. QTabWidget::tab-bar {
  296. alignment: left;
  297. }
  298. QTabBar::tab {
  299. background-color: #212121;
  300. border: 1px solid #333336;
  301. min-width: 8ex;
  302. padding-top: 4px;
  303. padding-bottom: 4px;
  304. padding-left: 10px;
  305. padding-right: 10px;
  306. margin-right: 2px;
  307. margin-top: 1px;
  308. margin-bottom: 1px;
  309. }
  310. QTabBar::tab:selected {
  311. background-color: #131a30;
  312. border-color: #252a45;
  313. }
  314. QTabBar::tab:hover {
  315. background-color: #233166;
  316. border-color: #364683;
  317. }
  318. QTabBar::tab:pressed {
  319. background-color: #161f41;
  320. }
  321. /* ComboBox */
  322. QComboBox {
  323. background-color: rgb(40,40,42);
  324. border-style: solid;
  325. border: 1px;
  326. border-color: rgb(24,24,30);
  327. padding: 4px;
  328. padding-left: 10px;
  329. }
  330. QComboBox::drop-down {
  331. border:none;
  332. border-left: 1px solid rgba(31,30,31,155);
  333. width: 20px;
  334. }
  335. QComboBox::down-arrow {
  336. qproperty-alignment: AlignTop;
  337. image: url(./Dark/updown.svg);
  338. width: 100%;
  339. }
  340. QComboBox:on {
  341. background-color: #2a3a75;
  342. }
  343. QComboBox:editable {
  344. border-top-left-radius: 0px;
  345. border-bottom-left-radius: 0px;
  346. }
  347. QComboBox::drop-down:editable {
  348. border-top-right-radius: 3px;
  349. border-bottom-right-radius: 3px;
  350. }
  351. QComboBox::down-arrow:editable {
  352. qproperty-alignment: AlignTop;
  353. image: url(./Dark/down.svg);
  354. width: 8%;
  355. }
  356. /* Textedits etc */
  357. QLineEdit, QTextEdit, QPlainTextEdit {
  358. background-color: rgb(8,8,11);
  359. border: none;
  360. padding: 4px;
  361. padding-left: 2px;
  362. }
  363. /* Spinbox and doubleSpinbox */
  364. QSpinBox, QDoubleSpinBox {
  365. background-color: rgb(8,8,11);
  366. border: none;
  367. padding: 4px;
  368. padding-left: 2px;
  369. padding-right: 15px;
  370. margin-right: 10px;
  371. }
  372. QSpinBox::up-button, QDoubleSpinBox::up-button {
  373. subcontrol-origin: margin;
  374. subcontrol-position: top right; /* position at the top right corner */
  375. background-color: rgb(24,24,30);
  376. border: 1px solid rgb(8,8,11);
  377. border-radius: 3px;
  378. border-width: 0;
  379. border-bottom-left-radius: 0;
  380. border-bottom-right-radius: 0;
  381. border-bottom-width: 0;
  382. }
  383. QSpinBox::down-button, QDoubleSpinBox::down-button {
  384. subcontrol-origin: margin;
  385. subcontrol-position: bottom right; /* position at the top right corner */
  386. background-color: rgb(24,24,30);
  387. border: 1px solid rgb(8,8,11);
  388. border-radius: 3px;
  389. border-width: 0;
  390. border-top-left-radius: 0;
  391. border-top-right-radius: 0;
  392. border-top-width: 0;
  393. }
  394. QSpinBox::up-button:hover, QSpinBox::down-button:hover, QDoubleSpinBox::up-button:hover, QDoubleSpinBox::down-button:hover {
  395. background-color: rgb(15,33,51);
  396. }
  397. QSpinBox::up-button:pressed, QSpinBox::down-button:pressed, QDoubleSpinBox::up-button:pressed, QDoubleSpinBox::down-button:pressed {
  398. background-color: rgb(24,24,25);
  399. }
  400. QSpinBox::up-button:disabled, QSpinBox::up-button:off, QSpinBox::down-button:disabled, QSpinBox::down-button:off {
  401. background-color: rgb(24,24,25);
  402. }
  403. QDoubleSpinBox::up-button:disabled, QDoubleSpinBox::up-button:off, QDoubleSpinBox::down-button:disabled, QDoubleSpinBox::down-button:off {
  404. background-color: rgb(24,24,25);
  405. }
  406. QSpinBox::up-arrow, QDoubleSpinBox::up-arrow {
  407. image: url(./Dark/up.svg);
  408. width: 100%;
  409. }
  410. QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
  411. image: url(./Dark/down.svg);
  412. width: 100%;
  413. }
  414. /* Buttons */
  415. QPushButton {
  416. color: rgb(225,224,225);
  417. background-color: #162458;
  418. border: 1px solid #233166;
  419. padding: 6px 20px;
  420. margin: 1px;
  421. }
  422. QPushButton::flat {
  423. background-color: rgb(24,24,25);
  424. border: none;
  425. }
  426. QPushButton:checked {
  427. background-color: #581624;
  428. border-color: #84162d;
  429. }
  430. QPushButton:hover {
  431. background-color: #2a3a75;
  432. border: 1px solid #364683;
  433. }
  434. QPushButton:pressed {
  435. background-color: #161f41;
  436. }
  437. QPushButton:disabled {
  438. border: 1px solid #232426;
  439. background-color: #1a1a1b;
  440. }
  441. QPushButton::flat:hover,
  442. QPushButton::flat:disabled {
  443. border: none;
  444. }
  445. /* Progress Bar */
  446. QProgressBar {
  447. background: #101010;
  448. border: 2px solid #363636;
  449. border-radius: 0px;
  450. text-align: center;
  451. }
  452. QProgressBar::chunk {
  453. background-color: #2a3a75;
  454. }
  455. /* Sliders */
  456. QSlider::groove:horizontal {
  457. background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
  458. stop: 0 rgb(31,30,31),
  459. stop: 0.75 rgb(50, 49, 50));
  460. height: 4px;
  461. border: none;
  462. border-radius: 2px;
  463. }
  464. QSlider::handle:horizontal {
  465. background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
  466. stop: 0 rgb(240,239,240),
  467. stop: 0.25 rgb(200,199,200),
  468. stop: 1 rgb(162,161,162));
  469. border: 1px solid rgb(24,24,25);
  470. border-radius: 3px;
  471. height: 10px;
  472. width: 18px;
  473. margin: -3px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
  474. }
  475. QSlider::handle:horizontal:pressed {
  476. background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
  477. stop: 0 rgb(240,239,240),
  478. stop: 0.25 rgb(200,199,200),
  479. stop: 1 rgb(162,161,162));
  480. }
  481. QSlider::sub-page:horizontal {
  482. background-color: #2a3a75;
  483. }
  484. QSlider::sub-page:horizontal:disabled {
  485. background-color: QLinearGradient(x1: 0, y1: 1, x2: 0, y2: 0,
  486. stop: 0 rgb(26,25,26),
  487. stop: 0.75 rgb(10, 10, 10));
  488. border-radius: 2px;
  489. }
  490. QSlider::groove:vertical {
  491. background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
  492. stop: 0 rgb(31,30,31),
  493. stop: 0.75 rgb(50, 49, 50));
  494. width: 4px;
  495. border: none;
  496. border-radius: 2px;
  497. }
  498. QSlider::handle:vertical {
  499. background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
  500. stop: 0 rgb(240,239,240),
  501. stop: 0.25 rgb(200,199,200),
  502. stop: 1 rgb(162,161,162));
  503. border: 1px solid rgb(24,24,25);
  504. border-radius: 3px;
  505. width: 10px;
  506. height: 18px;
  507. margin: 0 -3px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
  508. }
  509. QSlider::handle:vertical:pressed {
  510. background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
  511. stop: 0 rgb(240,239,240),
  512. stop: 0.25 rgb(200,199,200),
  513. stop: 1 rgb(162,161,162));
  514. }
  515. QSlider::add-page:vertical {
  516. background-color: #2a3a75;
  517. }
  518. QSlider::add-page:vertical:disabled {
  519. background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
  520. stop: 0 rgb(26,25,26),
  521. stop: 0.75 rgb(10, 10, 10));
  522. border-radius: 2px;
  523. }
  524. QSlider::handle:hover {
  525. background-color: rgb(200,199,200);
  526. }
  527. QSlider::handle:disabled {
  528. background-color: rgb(15,15,16);
  529. }
  530. /* Volume Control */
  531. VolumeMeter {
  532. qproperty-backgroundNominalColor: #42740c;
  533. qproperty-backgroundWarningColor: #988F0F;
  534. qproperty-backgroundErrorColor: #802004;
  535. qproperty-foregroundNominalColor: #84D82B;
  536. qproperty-foregroundWarningColor: #E4D717;
  537. qproperty-foregroundErrorColor: #D74116;
  538. qproperty-magnitudeColor: rgb(49, 54, 59); /* Blue-gray */
  539. qproperty-majorTickColor: rgb(239, 240, 241); /* White */
  540. qproperty-minorTickColor: rgb(118, 121, 124); /* Light Gray */
  541. qproperty-peakDecayRate: 23.4; /* Override of the standard PPM Type I rate. */
  542. }
  543. /* Status Bar */
  544. QStatusBar::item {
  545. border: none;
  546. }
  547. /* Checkboxes */
  548. QCheckBox {
  549. padding: 4px;
  550. }
  551. QCheckBox::indicator,
  552. QGroupBox::indicator {
  553. width: 20px;
  554. height: 20px;
  555. }
  556. QGroupBox::indicator {
  557. margin-left: 2px;
  558. }
  559. QCheckBox::indicator:unchecked {
  560. image: url(./Acri/checkbox_unchecked.png);
  561. }
  562. QCheckBox::indicator:unchecked:hover,
  563. QGroupBox::indicator:unchecked:hover {
  564. border: none;
  565. image: url(./Acri/checkbox_unchecked_focus.png);
  566. }
  567. QCheckBox::indicator:checked {
  568. image: url(./Acri/checkbox_checked.png);
  569. }
  570. QCheckBox::indicator:checked:hover,
  571. QGroupBox::indicator:checked:hover {
  572. border: none;
  573. image: url(./Acri/checkbox_checked_focus.png);
  574. }
  575. QCheckBox::indicator:checked:disabled,
  576. QGroupBox::indicator:checked:disabled {
  577. image: url(./Acri/checkbox_checked_disabled.png);
  578. }
  579. QCheckBox::indicator:unchecked:disabled,
  580. QGroupBox::indicator:unchecked:disabled {
  581. image: url(./Acri/checkbox_unchecked_disabled.png);
  582. }
  583. /* Radio Buttons */
  584. QRadioButton::indicator {
  585. width: 19px;
  586. height: 19px;
  587. }
  588. QRadioButton::indicator:unchecked {
  589. image: url(./Acri/radio_unchecked.png);
  590. }
  591. QRadioButton::indicator:unchecked:hover,
  592. QRadioButton::indicator:unchecked:focus,
  593. QRadioButton::indicator:unchecked:pressed {
  594. border: none;
  595. outline: none;
  596. image: url(./Acri/radio_unchecked_focus.png);
  597. }
  598. QRadioButton::indicator:checked {
  599. border: none;
  600. outline: none;
  601. image: url(./Acri/radio_checked.png);
  602. }
  603. QRadioButton::indicator:checked:hover,
  604. QRadioButton::indicator:checked:focus,
  605. QRadioButton::indicator:checked:pressed {
  606. border: none;
  607. outline: none;
  608. image: url(./Acri/radio_checked_focus.png);
  609. }
  610. QRadioButton::indicator:checked:disabled {
  611. outline: none;
  612. image: url(./Acri/radio_checked_disabled.png);
  613. }
  614. QRadioButton::indicator:unchecked:disabled {
  615. image: url(./Acri/radio_unchecked_disabled.png);
  616. }
  617. /* Mute CheckBox */
  618. MuteCheckBox {
  619. outline: none;
  620. }
  621. MuteCheckBox::indicator:checked {
  622. image: url(./Dark/mute.svg);
  623. }
  624. MuteCheckBox::indicator:unchecked {
  625. image: url(./Dark/settings/audio.svg);
  626. }
  627. MuteCheckBox::indicator:unchecked:hover {
  628. image: url(./Dark/settings/audio.svg);
  629. }
  630. MuteCheckBox::indicator:unchecked:focus {
  631. image: url(./Dark/settings/audio.svg);
  632. }
  633. MuteCheckBox::indicator:checked:hover {
  634. image: url(./Dark/mute.svg);
  635. }
  636. MuteCheckBox::indicator:checked:focus {
  637. image: url(./Dark/mute.svg);
  638. }
  639. MuteCheckBox::indicator:checked:disabled {
  640. image: url(./Dark/mute.svg);
  641. }
  642. MuteCheckBox::indicator:unchecked:disabled {
  643. image: url(./Dark/settings/audio.svg);
  644. }
  645. OBSHotkeyLabel[hotkeyPairHover=true] {
  646. color: rgba(27, 96, 166);
  647. }
  648. /* Group Collapse Checkbox */
  649. SourceTreeSubItemCheckBox {
  650. background: transparent;
  651. outline: none;
  652. padding: 0px;
  653. }
  654. SourceTreeSubItemCheckBox::indicator {
  655. width: 12px;
  656. height: 12px;
  657. }
  658. SourceTreeSubItemCheckBox::indicator:checked,
  659. SourceTreeSubItemCheckBox::indicator:checked:hover {
  660. image: url(./Dark/expand.svg);
  661. }
  662. SourceTreeSubItemCheckBox::indicator:unchecked,
  663. SourceTreeSubItemCheckBox::indicator:unchecked:hover {
  664. image: url(./Dark/down.svg);
  665. }
  666. /* Label warning/error */
  667. QLabel#warningLabel {
  668. color: rgb(192, 128, 0);
  669. font-weight: bold;
  670. }
  671. QLabel#errorLabel {
  672. color: rgb(192, 0, 0);
  673. font-weight: bold;
  674. }
  675. /* Settings Menu */
  676. #buttonBox {
  677. border-top: 2px solid grey;
  678. }
  679. /* Special Fixes */
  680. OBSBasicProperties,
  681. #OBSBasicSettings,
  682. #OBSBasicFilters {
  683. background: #101010;
  684. }
  685. FocusList::item {
  686. padding: 0px 2px;
  687. }
  688. #fpsTypes {
  689. padding: 0px;
  690. }
  691. #finishPage QLabel {
  692. padding: -2px 0px;
  693. background: transparent;
  694. min-height: 26px;
  695. }
  696. /* About dialog */
  697. #OBSAbout #icon {
  698. padding: 0;
  699. }
  700. #OBSAbout QTextBrowser {
  701. background: transparent;
  702. padding: 2px 0;
  703. }
  704. * [themeID="aboutName"] {
  705. font-size: 36px;
  706. font-weight: bold;
  707. padding: 0;
  708. }
  709. * [themeID="aboutVersion"] {
  710. font-size: 16px;
  711. margin-bottom: 20px;
  712. padding: 0;
  713. }
  714. * [themeID="aboutInfo"] {
  715. margin-bottom: 20px;
  716. }
  717. * [themeID="aboutHLayout"] {
  718. background-color: rgb(8, 8, 11);
  719. }
  720. /* Preview background color */
  721. OBSQTDisplay {
  722. qproperty-displayBackgroundColor: #28282A;
  723. }
  724. /* Preview/Program labels */
  725. * [themeID="previewProgramLabels"] {
  726. font-size: 18px;
  727. font-weight: bold;
  728. color: rgb(122,121,122);
  729. }
  730. /* Settings Icons */
  731. OBSBasicSettings {
  732. qproperty-generalIcon: url(./Dark/settings/general.svg);
  733. qproperty-streamIcon: url(./Dark/settings/stream.svg);
  734. qproperty-outputIcon: url(./Dark/settings/output.svg);
  735. qproperty-audioIcon: url(./Dark/settings/audio.svg);
  736. qproperty-videoIcon: url(./Dark/settings/video.svg);
  737. qproperty-hotkeysIcon: url(./Dark/settings/hotkeys.svg);
  738. qproperty-advancedIcon: url(./Dark/settings/advanced.svg);
  739. }
  740. OBSBasicSettings QListWidget::item {
  741. padding-top: 5px;
  742. padding-bottom: 5px;
  743. }
  744. /* Table */
  745. QTableView {
  746. gridline-color: #333336;
  747. }
  748. QHeaderView {
  749. border: none;
  750. }
  751. QHeaderView::section {
  752. background-color: #101010;
  753. border: 1px solid #333336;
  754. border-left: none;
  755. }
  756. /* Locked CheckBox */
  757. LockedCheckBox {
  758. outline: none;
  759. background: transparent;
  760. padding: 0px;
  761. }
  762. LockedCheckBox::indicator {
  763. width: 16px;
  764. height: 16px;
  765. }
  766. LockedCheckBox::indicator:checked {
  767. image: url(./Dark/locked.svg);
  768. }
  769. LockedCheckBox::indicator:unchecked {
  770. image: url(:res/images/unlocked.svg);
  771. }
  772. LockedCheckBox::indicator:checked:hover {
  773. image: url(./Dark/locked.svg);
  774. }
  775. LockedCheckBox::indicator:unchecked:hover {
  776. image: url(:res/images/unlocked.svg);
  777. }
  778. /* Visibility CheckBox */
  779. VisibilityCheckBox {
  780. outline: none;
  781. background: transparent;
  782. padding: 0px;
  783. }
  784. VisibilityCheckBox::indicator {
  785. width: 16px;
  786. height: 16px;
  787. }
  788. VisibilityCheckBox::indicator:checked {
  789. image: url(./Dark/visible.svg);
  790. }
  791. VisibilityCheckBox::indicator:unchecked {
  792. image: url(:res/images/invisible.svg);
  793. }
  794. VisibilityCheckBox::indicator:checked:hover {
  795. image: url(./Dark/visible.svg);
  796. }
  797. VisibilityCheckBox::indicator:unchecked:hover {
  798. image: url(:res/images/invisible.svg);
  799. }
  800. * [themeID="trashIcon"] {
  801. qproperty-icon: url(./Dark/trash.svg);
  802. }
  803. * [themeID="revertIcon"] {
  804. qproperty-icon: url(./Dark/revert.svg);
  805. }
  806. QPushButton#extraPanelDelete {
  807. background: transparent;
  808. border: none;
  809. }
  810. QPushButton#extraPanelDelete:hover {
  811. background-color: #2a3a75;
  812. }
  813. QPushButton#extraPanelDelete:pressed {
  814. background-color: #161f41;
  815. }
  816. /* Source Icons */
  817. OBSBasic {
  818. qproperty-imageIcon: url(./Dark/sources/image.svg);
  819. qproperty-colorIcon: url(./Dark/sources/brush.svg);
  820. qproperty-slideshowIcon: url(./Dark/sources/slideshow.svg);
  821. qproperty-audioInputIcon: url(./Dark/sources/microphone.svg);
  822. qproperty-audioOutputIcon: url(./Dark/settings/audio.svg);
  823. qproperty-desktopCapIcon: url(./Dark/settings/video.svg);
  824. qproperty-windowCapIcon: url(./Dark/sources/window.svg);
  825. qproperty-gameCapIcon: url(./Dark/sources/gamepad.svg);
  826. qproperty-cameraIcon: url(./Dark/sources/camera.svg);
  827. qproperty-textIcon: url(./Dark/sources/text.svg);
  828. qproperty-mediaIcon: url(./Dark/sources/media.svg);
  829. qproperty-browserIcon: url(./Dark/sources/globe.svg);
  830. qproperty-groupIcon: url(./Dark/sources/group.svg);
  831. qproperty-sceneIcon: url(./Dark/sources/scene.svg);
  832. qproperty-defaultIcon: url(./Dark/sources/default.svg);
  833. }
  834. /* Scene Tree */
  835. SceneTree#scenes {
  836. qproperty-gridItemWidth: 180;
  837. qproperty-gridItemHeight: 35;
  838. }
  839. *[gridMode="true"] SceneTree#scenes {
  840. border-bottom: none;
  841. }
  842. *[gridMode="false"] SceneTree#scenes {
  843. border-bottom: 2px solid #2f2f2f;
  844. }
  845. *[gridMode="true"] SceneTree::item {
  846. padding: 4px;
  847. padding-left: 10px;
  848. padding-right: 10px;
  849. margin: 0px;
  850. }
  851. /* Save replay icon */
  852. * [themeID="replayIconSmall"] {
  853. qproperty-icon: url(./Dark/save.svg);
  854. }
  855. /* Studio Mode T-Bar */
  856. QSlider[themeID="tBarSlider"] {
  857. height: 80px;
  858. }
  859. QSlider::groove:horizontal[themeID="tBarSlider"] {
  860. height: 5px;
  861. margin: 0 12px;
  862. background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
  863. stop: 0 rgb(31,30,31),
  864. stop: 0.75 rgb(50, 49, 50));
  865. border: none;
  866. border-radius: 2px;
  867. }
  868. QSlider::sub-page:horizontal[themeID="tBarSlider"] {
  869. height: 5px;
  870. margin: 0 12px;
  871. background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
  872. stop: 0 rgb(31,30,31),
  873. stop: 0.75 rgb(50, 49, 50));
  874. border: none;
  875. border-radius: 2px;
  876. }
  877. QSlider::handle:horizontal[themeID="tBarSlider"] {
  878. background-color: #d2d2d2;
  879. width: 25px;
  880. height: 80px;
  881. margin: -24px -12px;
  882. }