light.qss 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666
  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. Login QPushButton
  18. {
  19. color:#FFFFFF;
  20. border-radius: 8px;
  21. background: #9294FF;
  22. }
  23. Login QLineEdit#userNameLineEdit,
  24. Login QLineEdit#passLineEdit
  25. {
  26. color:#FFFFFF;
  27. border-radius: 8px;
  28. padding-left:82px;
  29. border: 1px solid #9294FF;
  30. background: rgba(111, 113, 223, 0.2);
  31. }
  32. Login QLabel#label_user
  33. {
  34. image: url(:/images/login_user.png);
  35. }
  36. Login QLabel#label_pass
  37. {
  38. image: url(:/images/login_pass.png);
  39. }
  40. Login QFrame#line,
  41. Login QFrame#line_2
  42. {
  43. background: #9294FF;
  44. }
  45. /*主界面*/
  46. MainWnd QWidget#TabSideBar
  47. {
  48. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEF0F8, stop: 1 #E6E7F9);
  49. }
  50. MainWnd QWidget#centralwidget
  51. {
  52. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E8EAFA, stop: 1 #D0D1EB);
  53. }
  54. MainWnd QFrame#line,
  55. OriginalWnd QFrame#line_2,
  56. QFrame#line_3,
  57. SingleCameraOperationWnd QFrame#line_2,
  58. MainAndSecondaryCamerasWnd QFrame#line_16,
  59. ChartsAndCamerasWnd QFrame#line_2
  60. {
  61. border:none;
  62. background-color: rgba(186, 189, 220, 0.6);
  63. }
  64. MainWnd QWidget#TabSideBar QToolButton
  65. {
  66. color: #1D2087;
  67. font-weight: bold;
  68. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F8FBFF, stop: 1 #E7ECF3);
  69. border-radius:6px;
  70. }
  71. MainWnd QLabel#label_logo_m {
  72. image: url(:/images/light/logo1.png);
  73. }
  74. /*侧边栏按钮*/
  75. QWidget#TabSideBar>QToolButton::hover,QWidget#TabSideBar>QToolButton::checked
  76. {
  77. border:none;
  78. color:#FFFFFF;
  79. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  80. }
  81. MainWnd QToolButton
  82. {
  83. padding-top: 8px;
  84. }
  85. QWidget#TabSideBar>QToolButton#tabHomeBtn
  86. {
  87. qproperty-icon:url(:/images/light/home.png);
  88. }
  89. QWidget#TabSideBar>QToolButton#tabProductionBtn
  90. {
  91. qproperty-icon:url(:/images/light/Productionn assistance.png);
  92. }
  93. QWidget#TabSideBar>QToolButton#tabProgramBtn
  94. {
  95. qproperty-icon:url(:/images/light/Program.png);
  96. }
  97. QWidget#TabSideBar>QToolButton#tabMessageBtn
  98. {
  99. qproperty-icon:url(:/images/light/Message.png);
  100. }
  101. QWidget#TabSideBar>QToolButton#tabModuleBtn
  102. {
  103. qproperty-icon:url(:/images/light/Module.png);
  104. }
  105. QWidget#TabSideBar>QToolButton#tabDispositionBtn
  106. {
  107. qproperty-icon:url(:/images/light/Disposition.png);
  108. }
  109. QWidget#TabSideBar>QToolButton#tabDiagnosisBtn
  110. {
  111. qproperty-icon:url(:/images/light/Diagnosis.png);
  112. }
  113. QWidget#TabSideBar>QToolButton#tabSystemBtn
  114. {
  115. qproperty-icon:url(:/images/light/System.png);
  116. }
  117. QWidget#TabSideBar>QToolButton#tabHelpBtn
  118. {
  119. qproperty-icon:url(:/images/light/Help.png);
  120. }
  121. /*顶部*/
  122. QWidget#Toptitlebar
  123. {
  124. /*border-radius: 6px;*/
  125. background: #5C63BE;
  126. color: #FFFFFF;
  127. }
  128. QWidget#Toptitlebar QLable#label_4
  129. {
  130. color: #FFFFFF;
  131. }
  132. OriginalWnd QWidget#Toptitlebar QPushButton#CalibrationButton
  133. {
  134. color: #FFFFFF;
  135. border-radius: 4px;
  136. background: #4AA2FF;
  137. }
  138. QWidget#Toptitlebar QPushButton#pushButton_2
  139. {
  140. background-color: transparent;
  141. image: url(:/images/TopStatusBar/MachineLink.png);
  142. }
  143. QWidget#Toptitlebar QPushButton#pushButton_3
  144. {
  145. background-color: transparent;
  146. image: url(:/images/TopStatusBar/HostStatus.png);
  147. }
  148. /*初始界面*/
  149. OriginalWnd QWidget#widget_2,
  150. OriginalWnd QWidget#widget
  151. {
  152. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
  153. border-radius: 10px;
  154. }
  155. OriginalWnd QWidget#widget QToolButton#stopButton
  156. {
  157. border-radius: 6px;
  158. background: #F02962;
  159. color: #FFFFFF;
  160. padding-bottom: 10px;
  161. padding-left: 9px;
  162. }
  163. OriginalWnd QWidget#widget QToolButton#startButton
  164. {
  165. border-radius: 6px;
  166. background: #4AB832;
  167. color: #FFFFFF;
  168. padding-bottom: 10px;
  169. padding-left: 9px;
  170. }
  171. OriginalWnd QWidget#widget>QToolButton#ChartButton::hover,
  172. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::hover,
  173. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::hover,
  174. OriginalWnd QWidget#widget>QToolButton#ChartButton::checked,
  175. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::checked,
  176. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::checked
  177. {
  178. background: #8090FF;
  179. }
  180. OriginalWnd QWidget#widget QToolButton#ChartButton
  181. {
  182. border-radius: 6px;
  183. background: #CBD0FF;
  184. padding-bottom: 8px;
  185. qproperty-icon:url(:/images/light/Demo001_1.png);
  186. }
  187. OriginalWnd QWidget#widget QToolButton#DoubleImageButton
  188. {
  189. border-radius: 6px;
  190. background: #CBD0FF;
  191. padding-bottom: 8px;
  192. qproperty-icon:url(:/images/light/Demo001_2.png);
  193. }
  194. OriginalWnd QWidget#widget QToolButton#SingleImageButton
  195. {
  196. border-radius: 6px;
  197. background: #CBD0FF;
  198. padding-bottom: 8px;
  199. qproperty-icon:url(:/images/light/Demo001_3.png);
  200. }
  201. /* SingleCameraOperationWnd */
  202. QComboBox
  203. {
  204. border:1px solid #BABBDC;
  205. border-radius:6px;
  206. background:#FFFFFF;
  207. }
  208. QComboBox::down-arrow
  209. {
  210. image: url(:/images/drop.png);
  211. width: 30px;
  212. height:30px;
  213. }
  214. QComboBox::drop-down
  215. {
  216. width:20px;
  217. border:none;
  218. padding-right:5px;
  219. }
  220. SingleCameraOperationWnd QWidget#centralwidget,
  221. MainAndSecondaryCamerasWnd QWidget#centralwidget,
  222. ChartsAndCamerasWnd QWidget#Leftwidget,
  223. ChartsAndCamerasWnd QWidget#Rightwidget
  224. {
  225. border-radius: 10px;
  226. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
  227. }
  228. Group QPushButton#GroupButton
  229. {
  230. image: url(:/images/LightGroup/LightSwitch.png);
  231. border-radius: 6px;
  232. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  233. }
  234. SingleCameraOperationWnd QPushButton#LiveButton,
  235. MainAndSecondaryCamerasWnd QPushButton#LiveButton,
  236. ChartsAndCamerasWnd QPushButton#LiveButton
  237. {
  238. color: #FFFFFF;
  239. border-radius: 6px;
  240. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  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 QTabWidget#switchTabWidget,
  251. MainAndSecondaryCamerasWnd QWidget#LightJoystickSwitchPage,
  252. MainAndSecondaryCamerasWnd QWidget#GreenLightTab,
  253. MainAndSecondaryCamerasWnd QWidget#JoystickTab,
  254. ChartsAndCamerasWnd QWidget#RedLight,
  255. ChartsAndCamerasWnd QWidget#GreenLight,
  256. ChartsAndCamerasWnd QWidget#BlueLight,
  257. ChartsAndCamerasWnd QWidget#DotLight
  258. {
  259. background: #D6D8ED;
  260. }
  261. SingleCameraOperationWnd QLineEdit,
  262. MainAndSecondaryCamerasWnd QLineEdit,
  263. ChartsAndCamerasWnd QLineEdit
  264. {
  265. border-radius: 6px;
  266. border: 1px solid #BABBDC;
  267. }
  268. SingleCameraOperationWnd QWidget#BackGround,
  269. MainAndSecondaryCamerasWnd QWidget#LeftBackGround,
  270. MainAndSecondaryCamerasWnd QWidget#RightBackGround,
  271. ChartsAndCamerasWnd QWidget#BackGround
  272. {
  273. background: #FFFFFF;
  274. border: 1px solid #BABBDC;
  275. border-radius: 0px;
  276. }
  277. QProgressBar {
  278. border: 0.5px solid grey;
  279. border-radius: 5px;
  280. background-color: transparent;
  281. }
  282. QProgressBar#RedLightprogressBar::chunk
  283. {
  284. border-radius: 3px;
  285. background-color: red;
  286. height: 1px;
  287. }
  288. QProgressBar#GreenLightprogressBar::chunk,
  289. QProgressBar#GreenLightprogressBar_5::chunk,
  290. QProgressBar#GreenLightprogressBar_L::chunk
  291. {
  292. border-radius: 3px;
  293. background-color: Green;
  294. height: 1px;
  295. }
  296. QProgressBar#BlueLightprogressBar::chunk,
  297. QProgressBar#BlueLightprogressBar_2::chunk,
  298. QProgressBar#BlueLightprogressBar_L::chunk
  299. {
  300. border-radius: 3px;
  301. background-color: Blue;
  302. height: 1px;
  303. }
  304. QProgressBar#DotLightprogressBar::chunk,
  305. QProgressBar#DotLightprogressBar_2::chunk,
  306. QProgressBar#DotLightprogressBar_L::chunk
  307. {
  308. border-radius: 3px;
  309. background-color: yellow;
  310. height: 1px;
  311. }
  312. /* 工具栏 */
  313. SingleCameraOperationWnd QWidget#Toolbar,
  314. MainAndSecondaryCamerasWnd QWidget#Toolbar,
  315. ChartsAndCamerasWnd QWidget#Toolbar
  316. {
  317. border-radius: 6px;
  318. background: #CBD0FF;
  319. }
  320. SingleCameraOperationWnd QWidget#Toolbar QPushButton,
  321. MainAndSecondaryCamerasWnd QWidget#Toolbar QPushButton,
  322. ChartsAndCamerasWnd QWidget#Toolbar QPushButton
  323. {
  324. border-radius: 6px;
  325. background: #CBD0FF;
  326. border:none;
  327. }
  328. SingleCameraOperationWnd QFrame#line,
  329. SingleCameraOperationWnd QFrame#line_3,
  330. SingleCameraOperationWnd QFrame#line_4,
  331. SingleCameraOperationWnd QFrame#line_5,
  332. SingleCameraOperationWnd QFrame#line_6,
  333. MainAndSecondaryCamerasWnd QFrame#line_1,
  334. MainAndSecondaryCamerasWnd QFrame#line_3,
  335. MainAndSecondaryCamerasWnd QFrame#line_4,
  336. MainAndSecondaryCamerasWnd QFrame#line_5,
  337. MainAndSecondaryCamerasWnd QFrame#line_6,
  338. MainAndSecondaryCamerasWnd QFrame#line_11,
  339. MainAndSecondaryCamerasWnd QFrame#line_12,
  340. MainAndSecondaryCamerasWnd QFrame#line_13,
  341. MainAndSecondaryCamerasWnd QFrame#line_14,
  342. MainAndSecondaryCamerasWnd QFrame#line_15,
  343. ChartsAndCamerasWnd QFrame#line,
  344. ChartsAndCamerasWnd QFrame#line_3,
  345. ChartsAndCamerasWnd QFrame#line_4,
  346. ChartsAndCamerasWnd QFrame#line_5,
  347. ChartsAndCamerasWnd QFrame#line_6
  348. {
  349. border:none;
  350. background-color: rgba(78, 81, 206, 0.5);
  351. }
  352. SingleCameraOperationWnd QPushButton#pushButton_2,
  353. SingleCameraOperationWnd QLabel#label_Percentage,
  354. MainAndSecondaryCamerasWnd QPushButton#pushButton_2,
  355. MainAndSecondaryCamerasWnd QLabel#label_Percentage,
  356. ChartsAndCamerasWnd QPushButton#pushButton_2,
  357. ChartsAndCamerasWnd QLabel#label_Percentage
  358. {
  359. color: #4E51CE;
  360. }
  361. SingleCameraOperationWnd QPushButton#ZoomUpButton,
  362. MainAndSecondaryCamerasWnd QPushButton#ZoomUpButton,
  363. ChartsAndCamerasWnd QPushButton#ZoomUpButton
  364. {
  365. image: url(:/images/light/zoom up.png);
  366. }
  367. SingleCameraOperationWnd QPushButton#ZoomOutButton,
  368. MainAndSecondaryCamerasWnd QPushButton#ZoomOutButton,
  369. ChartsAndCamerasWnd QPushButton#ZoomOutButton
  370. {
  371. image: url(:/images/light/zoom out.png);
  372. }
  373. SingleCameraOperationWnd QPushButton#RulerButton,
  374. MainAndSecondaryCamerasWnd QPushButton#RulerButton,
  375. ChartsAndCamerasWnd QPushButton#RulerButton
  376. {
  377. image: url(:/images/light/ruler.png);
  378. }
  379. SingleCameraOperationWnd QPushButton#PenButton,
  380. MainAndSecondaryCamerasWnd QPushButton#PenButton,
  381. ChartsAndCamerasWnd QPushButton#PenButton
  382. {
  383. image: url(:/images/light/pen.png);
  384. }
  385. /* 为垂直滑块设置样式 */
  386. QSlider#RedLightverticalSlider::groove:vertical,
  387. QSlider#RedLightverticalSlider_L::groove:vertical,
  388. QSlider#RedLightverticalSlider_2::groove:vertical
  389. {
  390. height: 56px;
  391. width: 3px;
  392. background: red;
  393. }
  394. QSlider#GreenLightverticalSlider::groove:vertical,
  395. QSlider#GreenLightverticalSlider_L::groove:vertical,
  396. QSlider#GreenLightverticalSlider_5::groove:vertical
  397. {
  398. height: 56px;
  399. width: 3px;
  400. background: Green;
  401. }
  402. QSlider#BlueLightverticalSlider::groove:vertical,
  403. QSlider#BlueLightverticalSlider_L::groove:vertical
  404. {
  405. height: 56px;
  406. width: 3px;
  407. background: Blue;
  408. }
  409. QSlider#DotLightverticalSlider::groove:vertical,
  410. QSlider#DotLightverticalSlider_L::groove:vertical,
  411. QSlider#DotLightverticalSlider_2::groove:vertical
  412. {
  413. height: 56px;
  414. width: 3px;
  415. background: yellow;
  416. }
  417. /*QSlider::sub-page:vertical {
  418. height: 56px;
  419. width: 3px;
  420. background: rgba(78, 81, 206, 0.25);
  421. }*/
  422. QSlider#RedLightverticalSlider::handle:vertical,
  423. QSlider#RedLightverticalSlider_L::handle:vertical,
  424. QSlider#RedLightverticalSlider_2::handle:vertical
  425. {
  426. border-image: url(:/images/LightGroup/red.png);
  427. height: 6px;
  428. margin: 0px -5px 0px -5px;
  429. border-radius: 4px;
  430. }
  431. QSlider#GreenLightverticalSlider::handle:vertical,
  432. QSlider#GreenLightverticalSlider_L::handle:vertical,
  433. QSlider#GreenLightverticalSlider_5::handle:vertical
  434. {
  435. border-image: url(:/images/LightGroup/green.png);
  436. height: 6px;
  437. margin: 0px -5px 0px -5px;
  438. border-radius: 4px;
  439. }
  440. QSlider#BlueLightverticalSlider::handle:vertical,
  441. QSlider#BlueLightverticalSlider_L::handle:vertical
  442. {
  443. border-image: url(:/images/LightGroup/blue.png);
  444. height: 6px;
  445. margin: 0px -5px 0px -5px;
  446. border-radius: 4px;
  447. }
  448. QSlider#DotLightverticalSlider::handle:vertical,
  449. QSlider#DotLightverticalSlider_L::handle:vertical,
  450. QSlider#DotLightverticalSlider_2::handle:vertical
  451. {
  452. border-image: url(:/images/LightGroup/yellow.png);
  453. height: 6px;
  454. margin: 0px -5px 0px -5px;
  455. border-radius: 4px;
  456. }
  457. QScrollArea {
  458. background-color: transparent;
  459. border: none;
  460. }
  461. QScrollArea QWidget {
  462. background-color: transparent;
  463. }
  464. QScrollBar
  465. {
  466. background:transparent;
  467. width:10px;
  468. height:10px;
  469. border-radius:5px;
  470. border-style: solid;
  471. }
  472. QScrollBar::handle
  473. {
  474. background: #B5B9ED;
  475. border-radius: 5px;
  476. }
  477. QScrollBar::sub-page
  478. {
  479. background:transparent;
  480. border:none;
  481. }
  482. QScrollBar::add-page
  483. {
  484. background:transparent;
  485. border:none;
  486. }
  487. QScrollBar::up-arrow
  488. {
  489. background:transparent;
  490. border-top-left-radius:5px;
  491. border-top-right-radius:5px;
  492. }
  493. QScrollBar::down-arrow
  494. {
  495. background:transparent;
  496. border-bottom-left-radius:5px;
  497. border-bottom-right-radius:5px;
  498. }
  499. QScrollBar::sub-line
  500. {
  501. background:transparent;
  502. border-radius: 5px;
  503. }
  504. QScrollBar::add-line
  505. {
  506. background:transparent;
  507. border-radius: 5px;
  508. }
  509. ChartsAndCamerasWnd QWidget#Checkwidget
  510. {
  511. border-radius: 6px;
  512. border: 1px solid #BABBDC;
  513. }
  514. ChartsAndCamerasWnd QCheckBox {
  515. border: 0px solid #FFFFFF;
  516. padding: 4px;
  517. spacing: 18px;
  518. }
  519. ChartsAndCamerasWnd QCheckBox::indicator{
  520. border: 1px solid #BABBDC;
  521. width: 12px;
  522. height: 12px;
  523. border-radius: 2px;
  524. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.01 #FFFFFF, stop: 1 #F2F2FA);
  525. }
  526. ChartsAndCamerasWnd QCheckBox::indicator:checked {
  527. image: url(:/images/check_selected.png);
  528. }
  529. ChartsAndCamerasWnd QLabel#GreenDiamond
  530. {
  531. image: url(:/images/Participation display/GreenDiamond.png);
  532. }
  533. ChartsAndCamerasWnd QLabel#RedDiamond
  534. {
  535. image: url(:/images/Participation display/RedDiamond.png);
  536. }
  537. ChartsAndCamerasWnd QLabel#BlueDiamond
  538. {
  539. image: url(:/images/Participation display/BlueDiamond.png);
  540. }
  541. ChartsAndCamerasWnd QLabel#YellowDiamond
  542. {
  543. image: url(:/images/Participation display/YellowDiamond.png);
  544. }
  545. ChartsAndCamerasWnd QLabel#BlackDiamond
  546. {
  547. image: url(:/images/Participation display/BlackDiamond.png);
  548. }
  549. ChartsAndCamerasWnd QLabel#WhiteVerticalBar
  550. {
  551. image: url(:/images/Participation display/White vertical bars.png);
  552. }
  553. ChartsAndCamerasWnd QLabel#RedHorizontalLine
  554. {
  555. image: url(:/images/Participation display/Red horizontal line.png);
  556. }
  557. ChartsAndCamerasWnd QLabel#BlueHorizontalLine
  558. {
  559. image: url(:/images/Participation display/Blue horizontal line.png);
  560. }
  561. ChartsAndCamerasWnd QLabel#BlueVerticalBar
  562. {
  563. image: url(:/images/Participation display/Blue vertical bars.png);
  564. }
  565. ChartsAndCamerasWnd QLabel#GreenVerticalBar
  566. {
  567. image: url(:/images/Participation display/Green vertical bars.png);
  568. }
  569. ChartsAndCamerasWnd QLabel#PurpleVerticalBar
  570. {
  571. image: url(:/images/Participation display/Purple vertical bars.png);
  572. }