dark.qss 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157
  1. * {
  2. font-family: "思源黑体M", "Source Han Sans", "Microsoft YaHei", sans-serif; /* 确保字体的兼容性 */
  3. font-size: 14px;
  4. font-weight: normal;
  5. outline: 0px;
  6. }
  7. /*登录*/
  8. Login QWidget#widget_2
  9. {
  10. background-image: url(:/images/login.png);
  11. }
  12. Login QWidget#widget
  13. {
  14. border-radius: 20px;
  15. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6164D6, stop: 1 #6164D6); /* 第一层渐变 */
  16. }
  17. QWidget#Toptitlebar QPushButton#MachineLink
  18. {
  19. border-radius: 4px;
  20. border-image: url(:/images/TopStatusBar/MachineLink.png);
  21. }
  22. QWidget#Toptitlebar QPushButton#HostStatus
  23. {
  24. border-radius: 4px;
  25. border-image: url(:/images/TopStatusBar/HostStatus.png);
  26. }
  27. Login QPushButton
  28. {
  29. color:#FFFFFF;
  30. border-radius: 8px;
  31. background: #9294FF;
  32. }
  33. Login QLineEdit#userNameLineEdit,
  34. Login QLineEdit#passLineEdit
  35. {
  36. color:#FFFFFF;
  37. border-radius: 8px;
  38. padding-left:82px;
  39. border: 1px solid #9294FF;
  40. background: rgba(111, 113, 223, 0.2);
  41. }
  42. Login QLabel#label_user
  43. {
  44. image: url(:/images/login_user.png);
  45. }
  46. Login QLabel#label_pass
  47. {
  48. image: url(:/images/login_pass.png);
  49. }
  50. Login QFrame#line,
  51. Login QFrame#line_2
  52. {
  53. background: #9294FF;
  54. }
  55. /*主界面*/
  56. MainWnd QWidget#TabSideBar
  57. {
  58. background: #2F3297;
  59. }
  60. MainWnd QWidget#centralwidget
  61. {
  62. background: #1D2087;
  63. }
  64. MainWnd QFrame#line,
  65. OriginalWnd QFrame#line_2,
  66. QFrame#line_3,
  67. SingleCameraOperationWnd QFrame#line_2,
  68. MainAndSecondaryCamerasWnd QFrame#line_16,
  69. ChartsAndCamerasWnd QFrame#line_2
  70. {
  71. border:none;
  72. background-color: rgba(186, 189, 220, 0.6);
  73. }
  74. SingleCameraOperationWnd QWidget#centralwidget,
  75. MainAndSecondaryCamerasWnd QWidget#centralwidget,
  76. ChartsAndCamerasWnd QWidget#Leftwidget,
  77. ChartsAndCamerasWnd QWidget#Rightwidget
  78. {
  79. border-radius: 10px;
  80. background: #2F3297;
  81. }
  82. MainWnd QWidget#TabSideBar QToolButton
  83. {
  84. color: #FFFFFF;
  85. font-weight: bold;
  86. background: #5A5CAD;
  87. border-radius:6px;
  88. }
  89. MainWnd QLabel#label_logo_m {
  90. image: url(:/images/deep/logo1.png);
  91. }
  92. /*侧边栏按钮*/
  93. QWidget#TabSideBar>QToolButton::hover,QWidget#TabSideBar>QToolButton::checked
  94. {
  95. border:none;
  96. color:#FFFFFF;
  97. background: #E17D07;
  98. }
  99. MainWnd QToolButton
  100. {
  101. padding-top: 8px;
  102. }
  103. QWidget#TabSideBar>QToolButton#tabHomeBtn
  104. {
  105. qproperty-icon:url(:/images/deep/home.png);
  106. }
  107. QWidget#TabSideBar>QToolButton#tabProductionBtn
  108. {
  109. qproperty-icon:url(:/images/deep/Productionn assistance.png);
  110. }
  111. QWidget#TabSideBar>QToolButton#tabProgramBtn
  112. {
  113. qproperty-icon:url(:/images/deep/Program.png);
  114. }
  115. QWidget#TabSideBar>QToolButton#tabMessageBtn
  116. {
  117. qproperty-icon:url(:/images/deep/Message.png);
  118. }
  119. QWidget#TabSideBar>QToolButton#tabModuleBtn
  120. {
  121. qproperty-icon:url(:/images/deep/Module.png);
  122. }
  123. QWidget#TabSideBar>QToolButton#tabDispositionBtn
  124. {
  125. qproperty-icon:url(:/images/deep/Disposition.png);
  126. }
  127. QWidget#TabSideBar>QToolButton#tabDiagnosisBtn
  128. {
  129. qproperty-icon:url(:/images/deep/Diagnosis.png);
  130. }
  131. QWidget#TabSideBar>QToolButton#tabSystemBtn
  132. {
  133. qproperty-icon:url(:/images/deep/System.png);
  134. }
  135. QWidget#TabSideBar>QToolButton#tabHelpBtn
  136. {
  137. qproperty-icon:url(:/images/deep/Help.png);
  138. }
  139. /*顶部*/
  140. QWidget#Toptitlebar
  141. {
  142. /*border-radius: 6px;*/
  143. background: #4E53B8;
  144. color: #FFFFFF;
  145. }
  146. QWidget#Toptitlebar QLable#label_4
  147. {
  148. color: #FFFFFF;
  149. }
  150. OriginalWnd QWidget#Toptitlebar QPushButton#CalibrationButton
  151. {
  152. color: #FFFFFF;
  153. border-radius: 4px;
  154. background: #4AA2FF;
  155. }
  156. QWidget#Toptitlebar QPushButton#pushButton_2
  157. {
  158. background-color: transparent;
  159. image: url(:/images/TopStatusBar/MachineLink.png);
  160. }
  161. QWidget#Toptitlebar QPushButton#pushButton_3
  162. {
  163. background-color: transparent;
  164. image: url(:/images/TopStatusBar/HostStatus.png);
  165. }
  166. /*初始界面*/
  167. OriginalWnd QWidget#widget_2,
  168. OriginalWnd QWidget#widget
  169. {
  170. background: #2F3297;
  171. border-radius: 10px;
  172. }
  173. OriginalWnd QWidget#widget QToolButton#stopButton
  174. {
  175. border-radius: 6px;
  176. background: #F02962;
  177. color: #FFFFFF;
  178. padding-bottom: 10px;
  179. padding-left: 9px;
  180. }
  181. OriginalWnd QWidget#widget QToolButton#startButton
  182. {
  183. border-radius: 6px;
  184. background: #4AB832;
  185. color: #FFFFFF;
  186. padding-bottom: 10px;
  187. padding-left: 9px;
  188. }
  189. OriginalWnd QWidget#widget>QToolButton#ChartButton::hover,
  190. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::hover,
  191. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::hover,
  192. OriginalWnd QWidget#widget>QToolButton#ChartButton::checked,
  193. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::checked,
  194. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::checked
  195. {
  196. background: #E17D07;
  197. }
  198. OriginalWnd QWidget#widget QToolButton#ChartButton
  199. {
  200. border-radius: 6px;
  201. background: #5A5CAD;
  202. padding-bottom: 8px;
  203. qproperty-icon:url(:/images/deep/Demo001_1.png);
  204. }
  205. OriginalWnd QWidget#widget QToolButton#DoubleImageButton
  206. {
  207. border-radius: 6px;
  208. background: #5A5CAD;
  209. padding-bottom: 8px;
  210. qproperty-icon:url(:/images/deep/Demo001_2.png);
  211. }
  212. OriginalWnd QWidget#widget QToolButton#SingleImageButton
  213. {
  214. border-radius: 6px;
  215. background: #5A5CAD;
  216. padding-bottom: 8px;
  217. qproperty-icon:url(:/images/deep/Demo001_3.png);
  218. }
  219. SingleCameraOperationWnd QWidget#centralwidget,
  220. MainAndSecondaryCamerasWnd QWidget#centralwidget,
  221. ChartsAndCamerasWnd QWidget#Leftwidget,
  222. ChartsAndCamerasWnd QWidget#Rightwidget
  223. {
  224. border-radius: 10px;
  225. background: #2F3297;
  226. }
  227. Group QPushButton#GroupButton
  228. {
  229. image: url(:/images/LightGroup/LightSwitch.png);
  230. border-radius: 6px;
  231. background: #6A6FFF;
  232. }
  233. SingleCameraOperationWnd QPushButton#LiveButton,
  234. MainAndSecondaryCamerasWnd QPushButton#LeftLiveButton,
  235. MainAndSecondaryCamerasWnd QPushButton#RightLiveButton,
  236. ChartsAndCamerasWnd QPushButton#LiveButton
  237. {
  238. color: #FFFFFF;
  239. border-radius: 6px;
  240. background: #6A6FFF;
  241. }
  242. SingleCameraOperationWnd QWidget#RedLight,
  243. SingleCameraOperationWnd QWidget#GreenLight,
  244. SingleCameraOperationWnd QWidget#BlueLight,
  245. SingleCameraOperationWnd QWidget#DotLight,
  246. MainAndSecondaryCamerasWnd QWidget#RedLight,
  247. MainAndSecondaryCamerasWnd QWidget#GreenLight,
  248. MainAndSecondaryCamerasWnd QWidget#BlueLight,
  249. MainAndSecondaryCamerasWnd QWidget#DotLight,
  250. MainAndSecondaryCamerasWnd QWidget#RedLight_L,
  251. MainAndSecondaryCamerasWnd QWidget#GreenLight_L,
  252. MainAndSecondaryCamerasWnd QWidget#BlueLight_L,
  253. MainAndSecondaryCamerasWnd QWidget#DotLight_L,
  254. ChartsAndCamerasWnd QWidget#RedLight,
  255. ChartsAndCamerasWnd QWidget#GreenLight,
  256. ChartsAndCamerasWnd QWidget#BlueLight,
  257. ChartsAndCamerasWnd QWidget#DotLight
  258. {
  259. background: #4E53B8;
  260. }
  261. SingleCameraOperationWnd QLineEdit,
  262. MainAndSecondaryCamerasWnd QLineEdit,
  263. ChartsAndCamerasWnd QLineEdit
  264. {
  265. background: #4C4FA6;
  266. border-radius: 6px;
  267. border: 1px solid #6D6FB6;
  268. color: #FFFFFF;
  269. }
  270. SingleCameraOperationWnd QWidget#BackGround,
  271. MainAndSecondaryCamerasWnd QWidget#LeftBackGround,
  272. MainAndSecondaryCamerasWnd QWidget#RightBackGround,
  273. ChartsAndCamerasWnd QWidget#BackGround
  274. {
  275. background: #FFFFFF;
  276. border: 1px solid #BABBDC;
  277. border-radius: 0px;
  278. }
  279. QProgressBar {
  280. border: 2px solid grey;
  281. border-radius: 5px;
  282. background-color: transparent;
  283. }
  284. QProgressBar#RedLightprogressBar::chunk,
  285. QProgressBar#RedLightprogressBar_2::chunk,
  286. QProgressBar#RedLightprogressBar_L::chunk
  287. {
  288. border-radius: 3px;
  289. background-color: red;
  290. height: 1px;
  291. }
  292. QProgressBar#GreenLightprogressBar::chunk,
  293. QProgressBar#GreenLightprogressBar_5::chunk,
  294. QProgressBar#GreenLightprogressBar_L::chunk
  295. {
  296. border-radius: 3px;
  297. background-color: Green;
  298. height: 1px;
  299. }
  300. QProgressBar#BlueLightprogressBar::chunk,
  301. QProgressBar#BlueLightprogressBar_2::chunk,
  302. QProgressBar#BlueLightprogressBar_L::chunk
  303. {
  304. border-radius: 3px;
  305. background-color: Blue;
  306. height: 1px;
  307. }
  308. QProgressBar#DotLightprogressBar::chunk,
  309. QProgressBar#DotLightprogressBar_2::chunk,
  310. QProgressBar#DotLightprogressBar_L::chunk
  311. {
  312. border-radius: 3px;
  313. background-color: yellow;
  314. height: 1px;
  315. }
  316. /* 工具栏 */
  317. SingleCameraOperationWnd QWidget#Toolbar,
  318. MainAndSecondaryCamerasWnd QWidget#LeftToolbar,
  319. MainAndSecondaryCamerasWnd QWidget#RightToolbar,
  320. ChartsAndCamerasWnd QWidget#Toolbar
  321. {
  322. border-radius: 6px;
  323. background: #4E53B8;
  324. }
  325. SingleCameraOperationWnd QWidget#Toolbar QPushButton,
  326. MainAndSecondaryCamerasWnd QWidget#LeftToolbar QPushButton,
  327. MainAndSecondaryCamerasWnd QWidget#RightToolbar QPushButton,
  328. ChartsAndCamerasWnd QWidget#Toolbar QPushButton
  329. {
  330. border-radius: 6px;
  331. background: #4E53B8;
  332. border:none;
  333. }
  334. SingleCameraOperationWnd QPushButton#pushButton_2,
  335. SingleCameraOperationWnd QLabel#label_Percentage,
  336. MainAndSecondaryCamerasWnd QPushButton#pushButton_2,
  337. MainAndSecondaryCamerasWnd QLabel#Leftlabel_Percentage,
  338. MainAndSecondaryCamerasWnd QPushButton#pushButton_4,
  339. MainAndSecondaryCamerasWnd QLabel#Rightlabel_Percentage,
  340. ChartsAndCamerasWnd QPushButton#pushButton_2,
  341. ChartsAndCamerasWnd QLabel#label_Percentage
  342. {
  343. color: #FFFFFF;
  344. }
  345. QScrollArea {
  346. background-color: transparent;
  347. border: none;
  348. }
  349. QScrollArea QWidget {
  350. background-color: transparent;
  351. }
  352. QScrollBar
  353. {
  354. background:transparent;
  355. width:10px;
  356. height:10px;
  357. border-radius:5px;
  358. border-style: solid;
  359. }
  360. QScrollBar::handle
  361. {
  362. background: #5058B3;
  363. border-radius: 5px;
  364. }
  365. QScrollBar::sub-page
  366. {
  367. background:transparent;
  368. border:none;
  369. }
  370. QScrollBar::add-page
  371. {
  372. background:transparent;
  373. border:none;
  374. }
  375. QScrollBar::up-arrow
  376. {
  377. background:transparent;
  378. border-top-left-radius:5px;
  379. border-top-right-radius:5px;
  380. }
  381. QScrollBar::down-arrow
  382. {
  383. background:transparent;
  384. border-bottom-left-radius:5px;
  385. border-bottom-right-radius:5px;
  386. }
  387. QScrollBar::sub-line
  388. {
  389. background:transparent;
  390. border-radius: 5px;
  391. }
  392. QScrollBar::add-line
  393. {
  394. background:transparent;
  395. border-radius: 5px;
  396. }
  397. ChartsAndCamerasWnd QWidget#Checkwidget
  398. {
  399. border-radius: 6px;
  400. border: 1px solid #BABBDC;
  401. }
  402. ChartsAndCamerasWnd QCheckBox {
  403. border: 0px solid #FFFFFF;
  404. padding: 4px;
  405. spacing: 18px;
  406. color: #FFFFFF;
  407. }
  408. ChartsAndCamerasWnd QCheckBox::indicator{
  409. border: 1px solid #BABBDC;
  410. width: 12px;
  411. height: 12px;
  412. border-radius: 2px;
  413. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.01 #FFFFFF, stop: 1 #F2F2FA);
  414. }
  415. ChartsAndCamerasWnd QCheckBox::indicator:checked {
  416. image: url(:/images/check_selected.png);
  417. }
  418. ChartsAndCamerasWnd QLabel#GreenDiamond
  419. {
  420. image: url(:/images/Participation display/GreenDiamond.png);
  421. }
  422. ChartsAndCamerasWnd QLabel#RedDiamond
  423. {
  424. image: url(:/images/Participation display/RedDiamond.png);
  425. }
  426. ChartsAndCamerasWnd QLabel#BlueDiamond
  427. {
  428. image: url(:/images/Participation display/BlueDiamond.png);
  429. }
  430. ChartsAndCamerasWnd QLabel#YellowDiamond
  431. {
  432. image: url(:/images/Participation display/YellowDiamond.png);
  433. }
  434. ChartsAndCamerasWnd QLabel#BlackDiamond
  435. {
  436. image: url(:/images/Participation display/BlackDiamond.png);
  437. }
  438. ChartsAndCamerasWnd QLabel#WhiteVerticalBar
  439. {
  440. image: url(:/images/Participation display/White vertical bars.png);
  441. }
  442. ChartsAndCamerasWnd QLabel#RedHorizontalLine
  443. {
  444. image: url(:/images/Participation display/Red horizontal line.png);
  445. }
  446. ChartsAndCamerasWnd QLabel#BlueHorizontalLine
  447. {
  448. image: url(:/images/Participation display/Blue horizontal line.png);
  449. }
  450. ChartsAndCamerasWnd QLabel#BlueVerticalBar
  451. {
  452. image: url(:/images/Participation display/Blue vertical bars.png);
  453. }
  454. ChartsAndCamerasWnd QLabel#GreenVerticalBar
  455. {
  456. image: url(:/images/Participation display/Green vertical bars.png);
  457. }
  458. ChartsAndCamerasWnd QLabel#PurpleVerticalBar
  459. {
  460. image: url(:/images/Participation display/Purple vertical bars.png);
  461. }
  462. QChartView {
  463. background: transparent;
  464. }
  465. QChart {
  466. background-color: transparent;
  467. }
  468. QChartView::title {
  469. color: white;
  470. font: 10pt "思源黑体";
  471. }
  472. QValueAxis::title {
  473. color: white;
  474. font: 10pt "思源黑体";
  475. }
  476. QValueAxis::label {
  477. color: white;
  478. font: 6pt "思源黑体";
  479. }
  480. QLineSeries {
  481. color: white;
  482. width: 1px;
  483. }
  484. QValueAxis::gridline {
  485. color: white;
  486. width: 1px;
  487. style: dashed;
  488. }
  489. QChart::plotarea {
  490. border-color: white;
  491. border-width: 1px;
  492. border-style: solid;
  493. }
  494. /* ControlOperationPage 类的样式封装 */
  495. ControlOperationPage QHBoxLayout#horizontalLayout_2
  496. {
  497. border-radius: 6px;
  498. background: #4E53B8;
  499. }
  500. ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton
  501. {
  502. border-radius: 6px;
  503. background: #4E53B8;
  504. border:none;
  505. }
  506. /* 悬停时的样式 */
  507. ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:hover
  508. {
  509. background: #A6AFFF; /* 悬停时的背景颜色 */
  510. }
  511. /* 点击时的样式 */
  512. ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:pressed
  513. {
  514. background: #808FFF; /* 点击时的背景颜色 */
  515. }
  516. ControlOperationPage QPushButton#LiveButton
  517. {
  518. color: #FFFFFF;
  519. border-radius: 6px;
  520. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  521. }
  522. ControlOperationPage QPushButton#ZoomUpButton
  523. {
  524. image: url(:/images/deep/zoom up.png);
  525. border-radius: 6px;
  526. background: #4E53B8;
  527. border: none;
  528. }
  529. ControlOperationPage QPushButton#ZoomOutButton
  530. {
  531. image: url(:/images/deep/zoom out.png);
  532. border-radius: 6px;
  533. background: #4E53B8;
  534. border: none;
  535. }
  536. ControlOperationPage QPushButton#RulerButton
  537. {
  538. image: url(:/images/deep/ruler.png);
  539. border-radius: 6px;
  540. background: #4E53B8;
  541. border: none;
  542. }
  543. ControlOperationPage QPushButton#PenButton
  544. {
  545. image: url(:/images/deep/pen.png);
  546. border-radius: 6px;
  547. background: #4E53B8;
  548. border: none;
  549. }
  550. ControlOperationPage QPushButton#switchJoystickBut
  551. {
  552. border-radius: 6px;
  553. background: #4E53B8;
  554. border: none;
  555. }
  556. ControlOperationPage QPushButton#switchJoystickBut:pressed,
  557. ControlOperationPage QPushButton#PenButton:pressed,
  558. ControlOperationPage QPushButton#RulerButton:pressed,
  559. ControlOperationPage QPushButton#ZoomOutButton:pressed,
  560. ControlOperationPage QPushButton#ZoomUpButton:pressed,
  561. ControlOperationPage QPushButton#switchJoystickBut:pressed
  562. ControlOperationPage QPushButton#runStopCameraBut:pressed
  563. {
  564. background: #E17D07; /* 点击时的背景颜色 */
  565. }
  566. ControlOperationPage QPushButton#PenButton:checked,
  567. ControlOperationPage QPushButton#RulerButton:checked{
  568. background: #E17D07;
  569. }
  570. ControlOperationPage QPushButton#PenButton:disabled{
  571. background: #7276AA;
  572. image: url(:/images/forbid_pen.png);
  573. }
  574. ControlOperationPage QPushButton#RulerButton:disabled{
  575. background: #7276AA;
  576. image: url(:/images/forbid_ruler.png);
  577. }
  578. ControlOperationPage QPushButton#switchJoystickBut:hover,
  579. ControlOperationPage QPushButton#PenButton:hover,
  580. ControlOperationPage QPushButton#RulerButton:hover,
  581. ControlOperationPage QPushButton#ZoomOutButton:hover,
  582. ControlOperationPage QPushButton#ZoomUpButton:hover,
  583. ControlOperationPage QPushButton#switchJoystickBut:hover
  584. ControlOperationPage QPushButton#runStopCameraBut:hover
  585. {
  586. background: #E17D07; /* 悬停时的背景颜色 */
  587. }
  588. ControlOperationPage QLabel#label_Percentage
  589. {
  590. color: #CBD0FF;
  591. border-radius: 6px;
  592. background: #4E53B8;
  593. border: none;
  594. }
  595. ControlOperationPage QComboBox
  596. {
  597. border:1px solid #6D6FB6;
  598. border-radius:6px;
  599. background: #4C4FA6;
  600. color: #FFFFFF;
  601. }
  602. ControlOperationPage QComboBox QAbstractItemView
  603. {
  604. background-color: #4C4FA6; /* 设置下拉列表的背景颜色 */
  605. color: black; /* 设置下拉列表的字体颜色为白色 */
  606. selection-background-color: #666699; /* 可选:设置选中项的背景颜色 */
  607. selection-color: white; /* 可选:设置选中项的字体颜色 */
  608. }
  609. ControlOperationPage QComboBox::down-arrow
  610. {
  611. image: url(:/images/drop.png);
  612. width: 30px;
  613. height:30px;
  614. }
  615. ControlOperationPage QComboBox::drop-down
  616. {
  617. width:20px;
  618. border:none;
  619. padding-right:5px;
  620. }
  621. ControlOperationPage QWidget#BackGround
  622. {
  623. background: #FFFFFF;
  624. border: 1px solid #BABBDC;
  625. border-radius: 0px;
  626. }
  627. /* LightJoystickSwitchPage */
  628. LightJoystickSwitchPage{
  629. background: #D6D8ED;
  630. }
  631. LightJoystickSwitchPage QTabWidget#switchTabWidget
  632. {
  633. border-radius: 10px;
  634. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
  635. }
  636. LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget,
  637. LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#GreenLightTab QWidget,
  638. LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#JoystickTab QWidget
  639. {
  640. background: #D6D8ED;
  641. }
  642. LightJoystickSwitchPage QSlider#RedLightverticalSlider::handle:vertical
  643. {
  644. border-image: url(:/images/LightGroup/red.png);
  645. height: 6px;
  646. margin: 0px -5px 0px -5px;
  647. border-radius: 4px;
  648. }
  649. LightJoystickSwitchPage QSlider#GreenLightverticalSlider::handle:vertical
  650. {
  651. border-image: url(:/images/LightGroup/green.png);
  652. height: 6px;
  653. margin: 0px -5px 0px -5px;
  654. border-radius: 4px;
  655. }
  656. LightJoystickSwitchPage QSlider#BlueLightverticalSlider::handle:vertical
  657. {
  658. border-image: url(:/images/LightGroup/blue.png);
  659. height: 6px;
  660. margin: 0px -5px 0px -5px;
  661. border-radius: 4px;
  662. }
  663. LightJoystickSwitchPage QSlider#DotLightverticalSlider::handle:vertical
  664. {
  665. border-image: url(:/images/LightGroup/yellow.png);
  666. height: 6px;
  667. margin: 0px -5px 0px -5px;
  668. border-radius: 4px;
  669. }
  670. /* 为垂直滑块设置样式 */
  671. LightJoystickSwitchPage QSlider#RedLightverticalSlider::groove:vertical
  672. {
  673. height: 56px;
  674. width: 3px;
  675. background: red;
  676. }
  677. /* 为垂直滑块设置样式 */
  678. LightJoystickSwitchPage QSlider#GreenLightverticalSlider::groove:vertical
  679. {
  680. height: 56px;
  681. width: 3px;
  682. background: green;
  683. }
  684. /* 为垂直滑块设置样式 */
  685. LightJoystickSwitchPage QSlider#BlueLightverticalSlider::groove:vertical
  686. {
  687. height: 56px;
  688. width: 3px;
  689. background: blue;
  690. }
  691. /* 为垂直滑块设置样式 */
  692. LightJoystickSwitchPage QSlider#DotLightverticalSlider::groove:vertical
  693. {
  694. height: 56px;
  695. width: 3px;
  696. background: yellow;
  697. }
  698. LightJoystickSwitchPage QProgressBar
  699. {
  700. border: 0.5px solid grey;
  701. border-radius: 5px;
  702. background-color: transparent;
  703. }
  704. LightJoystickSwitchPage QProgressBar#RedLightprogressBar::chunk
  705. {
  706. border-radius: 3px;
  707. background-color: red;
  708. height: 1px;
  709. }
  710. LightJoystickSwitchPage QProgressBar#GreenLightprogressBar::chunk
  711. {
  712. border-radius: 3px;
  713. background-color: Green;
  714. height: 1px;
  715. }
  716. LightJoystickSwitchPage QProgressBar#BlueLightprogressBar::chunk
  717. {
  718. border-radius: 3px;
  719. background-color: Blue;
  720. height: 1px;
  721. }
  722. LightJoystickSwitchPage QProgressBar#DotLightprogressBar::chunk
  723. {
  724. border-radius: 3px;
  725. background-color: yellow;
  726. height: 1px;
  727. }
  728. LightJoystickSwitchPage QTabWidget#switchTabWidget QLineEdit
  729. {
  730. border-radius: 6px;
  731. border: 1px solid #BABBDC;
  732. }
  733. DbTreeViewManager QFrame
  734. {
  735. background-color: #C7CAEB;
  736. }
  737. DbTreeViewManager QLabel
  738. {
  739. color: white;
  740. }
  741. QWidget#NavigationWidget QLabel {
  742. color: white;
  743. }
  744. /* 设置分支图标 */
  745. DbTreeViewManager QTreeView::branch:closed:has-children {
  746. border-image: none;
  747. image: url(:/images/home_add.png);
  748. }
  749. DbTreeViewManager QTreeView::branch:open:has-children {
  750. border-image: none;
  751. image: url(:/images/home_minus.png);
  752. }
  753. /* 设置多选框 */
  754. DbTreeViewManager QTreeView::indicator:unchecked {
  755. image: url(:/images/home_NotSelecte.png);
  756. }
  757. DbTreeViewManager QTreeView::indicator:checked {
  758. image: url(:/images/home_selected.png);
  759. }
  760. /* 背景透明,行间距 */
  761. DbTreeViewManager QTreeView {
  762. color: white;
  763. background: transparent;
  764. border: none;
  765. }
  766. /* 设置项目选中的背景色 */
  767. DbTreeViewManager QTreeView::item:selected {
  768. background-color: #A9B4FF;
  769. }
  770. /* 设置项目的行间距 */
  771. DbTreeViewManager QTreeView::item {
  772. padding-top: 5px; /* 上边距 */
  773. padding-bottom: 5px; /* 下边距 */
  774. }
  775. DbTreeViewManager {
  776. color: white;
  777. }
  778. DbTreeViewManager QFrame
  779. {
  780. background-color: #A9B4FF;
  781. }
  782. /* 设置分支图标 */
  783. DbTreeViewManager QTreeView::branch:closed:has-children {
  784. border-image: none;
  785. image: url(:/images/home_add.png);
  786. }
  787. DbTreeViewManager QTreeView::branch:open:has-children {
  788. border-image: none;
  789. image: url(:/images/home_minus.png);
  790. }
  791. /* 设置多选框 */
  792. DbTreeViewManager QTreeView::indicator:unchecked {
  793. image: url(:/images/home_NotSelecte.png);
  794. }
  795. DbTreeViewManager QTreeView::indicator:checked {
  796. image: url(:/images/home_selected.png);
  797. }
  798. /* 背景透明,行间距 */
  799. DbTreeViewManager QTreeView {
  800. background: transparent;
  801. border: none;
  802. }
  803. /* 设置项目选中的背景色 */
  804. DbTreeViewManager QTreeView::item:selected {
  805. background-color: #A9B4FF;
  806. }
  807. /* 设置项目的行间距 */
  808. DbTreeViewManager QTreeView::item {
  809. padding-top: 5px; /* 上边距 */
  810. padding-bottom: 5px; /* 下边距 */
  811. }
  812. DbTreeViewManager QPushButton[type="menu"] {
  813. position: absolute;
  814. border-radius: 6px;
  815. opacity: 1;
  816. background: #A9B4FF;
  817. border: 1px solid #A9B4FF;
  818. }
  819. DbTreeViewManager QPushButton[type="menu"]:hover {
  820. background-color: #5F80FF; /* 鼠标悬停效果 */
  821. }
  822. DbTreeViewManager QWidget#m_thirdLevelFieldWnd
  823. {
  824. background-color: transparent;
  825. }
  826. QWidget#thirdLevelFieldWnd QLineEdit {
  827. background: #A9B4FF;
  828. border: 1px solid #A9B4FF;
  829. border-radius: 6px;
  830. padding: 2px 5px;
  831. }
  832. QWidget#thirdLevelFieldWnd QLineEdit:disabled {
  833. background: #90A8FF;
  834. }
  835. QWidget#thirdLevelFieldWnd QLabel {
  836. font-size: 14px;
  837. color: white;
  838. }
  839. QWidget#thirdLevelFieldWnd QLabel:disabled {
  840. color: blue;
  841. }
  842. QWidget#thirdLevelFieldWnd QPushButton[type="default"] {
  843. background: #A9B4FF;
  844. border: 1px solid #A9B4FF;
  845. border-radius: 5px;
  846. }
  847. QWidget#thirdLevelFieldWnd QPushButton[type="default"]:hover {
  848. background-color: #5F80FF;
  849. }
  850. QWidget#thirdLevelFieldWnd QPushButton[type="default"]:disabled {
  851. background-color: #90A8FF;
  852. }
  853. QWidget#thirdLevelFieldWnd QCheckBox[type="checkbox"]::indicator {
  854. width: 20px;
  855. height: 20px;
  856. }
  857. QWidget#thirdLevelFieldWnd QCheckBox[type="checkbox"]::indicator:unchecked {
  858. background-color: #A9B4FF;
  859. border: 1px solid #A9B4FF;
  860. border-radius: 2px;
  861. }
  862. QWidget#thirdLevelFieldWnd QCheckBox[type="checkbox"]::indicator:checked {
  863. image: url(:/images/three_Selecte.png);
  864. }
  865. QWidget#thirdLevelFieldWnd QCheckBox[type="checkbox"] {
  866. spacing: 0px;
  867. }
  868. QWidget#thirdLevelFieldWnd QCheckBox[type="checkbox"]::indicator:disabled {
  869. background-color: #90A8FF;
  870. }
  871. QWidget#thirdLevelFieldWnd QComboBox {
  872. background: #A9B4FF;
  873. border: 1px solid #A9B4FF;
  874. border-radius: 6px;
  875. padding: 2px 5px;
  876. }
  877. QWidget#thirdLevelFieldWnd QComboBox::drop-down {
  878. width: 20px;
  879. }
  880. QWidget#thirdLevelFieldWnd QTimeEdit {
  881. background: #A9B4FF;
  882. border: 1px solid #A9B4FF;
  883. border-radius: 6px;
  884. padding: 2px 5px;
  885. }
  886. QWidget#thirdLevelFieldWnd QCheckBox[type="switch"]::indicator {
  887. width: 30px;
  888. height: 30px;
  889. }
  890. QWidget#thirdLevelFieldWnd QCheckBox[type="switch"]::indicator:unchecked {
  891. background-color: #A9B4FF;
  892. border-radius: 6px;
  893. }
  894. QWidget#thirdLevelFieldWnd QCheckBox[type="switch"]::indicator:checked {
  895. background-color: #5F80FF;
  896. border-radius: 6px;
  897. }
  898. QWidget#thirdLevelFieldWnd QCheckBox[type="switch"]::indicator:disabled {
  899. background-color: #90A8FF;
  900. }
  901. QWidget#thirdLevelFieldWnd QLineEdit#comboInput {
  902. background: #A9B4FF;
  903. border: 1px solid #A9B4FF;
  904. border-radius: 5px;
  905. padding: 2px 5px;
  906. }
  907. OriginalWnd QPushButton[type="left"] {
  908. position: absolute;
  909. border-radius: 6px;
  910. opacity: 1;
  911. background: #CBD0FF;
  912. border: none;
  913. }
  914. OriginalWnd QPushButton[type="left"]:hover {
  915. background-color: #A9B4FF; /* 鼠标悬停效果 */
  916. }
  917. OriginalWnd QLabel[type="text"] {
  918. background: transparent;
  919. font-family: "思源黑体";
  920. font-size: 14px;
  921. font-weight: 500;
  922. color: #4E51CE;
  923. }
  924. OriginalWnd QLabel[type="f"] {
  925. background-color: transparent;
  926. color: #2A7ED8;
  927. font-size: 12px;
  928. font-weight: bold;
  929. }
  930. QWidget#thirdLevelFieldWnd QPushButton[type="save"] {
  931. background: #A9B4FF;
  932. border: 1px solid #A9B4FF;
  933. border-radius: 5px;
  934. }
  935. QWidget#thirdLevelFieldWnd QPushButton[type="save"]:hover {
  936. background-color: #5F80FF;
  937. }
  938. Group QComboBox
  939. {
  940. border:1px solid #4C4FA6;
  941. border-radius:6px;
  942. background-color: #4C4FA6;
  943. color: #FFFFFF;
  944. }
  945. Group QComboBox QAbstractItemView
  946. {
  947. background-color: #4C4FA6; /* 设置下拉列表的背景颜色 */
  948. color: black; /* 设置下拉列表的字体颜色为白色 */
  949. selection-background-color: #666699; /* 可选:设置选中项的背景颜色 */
  950. selection-color: white; /* 可选:设置选中项的字体颜色 */
  951. }
  952. Group QComboBox::down-arrow
  953. {
  954. image: url(:/images/drop.png);
  955. width: 30px;
  956. height:30px;
  957. }
  958. Group QComboBox::drop-down
  959. {
  960. width:20px;
  961. border:none;
  962. padding-right:5px;
  963. }