Acri.qss 25 KB

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