light.qss 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613
  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. /*侧边栏按钮*/
  72. QWidget#TabSideBar>QToolButton::hover,QWidget#TabSideBar>QToolButton::checked
  73. {
  74. border:none;
  75. color:#FFFFFF;
  76. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  77. }
  78. MainWnd QToolButton
  79. {
  80. padding-top: 8px;
  81. }
  82. QWidget#TabSideBar>QToolButton#tabHomeBtn
  83. {
  84. qproperty-icon:url(:/images/light/home.png);
  85. }
  86. QWidget#TabSideBar>QToolButton#tabProductionBtn
  87. {
  88. qproperty-icon:url(:/images/light/Productionn assistance.png);
  89. }
  90. QWidget#TabSideBar>QToolButton#tabProgramBtn
  91. {
  92. qproperty-icon:url(:/images/light/Program.png);
  93. }
  94. QWidget#TabSideBar>QToolButton#tabMessageBtn
  95. {
  96. qproperty-icon:url(:/images/light/Message.png);
  97. }
  98. QWidget#TabSideBar>QToolButton#tabModuleBtn
  99. {
  100. qproperty-icon:url(:/images/light/Module.png);
  101. }
  102. QWidget#TabSideBar>QToolButton#tabDispositionBtn
  103. {
  104. qproperty-icon:url(:/images/light/Disposition.png);
  105. }
  106. QWidget#TabSideBar>QToolButton#tabDiagnosisBtn
  107. {
  108. qproperty-icon:url(:/images/light/Diagnosis.png);
  109. }
  110. QWidget#TabSideBar>QToolButton#tabSystemBtn
  111. {
  112. qproperty-icon:url(:/images/light/System.png);
  113. }
  114. QWidget#TabSideBar>QToolButton#tabHelpBtn
  115. {
  116. qproperty-icon:url(:/images/light/Help.png);
  117. }
  118. /*顶部*/
  119. QWidget#Toptitlebar
  120. {
  121. /*border-radius: 6px;*/
  122. background: #5C63BE;
  123. color: #FFFFFF;
  124. }
  125. QWidget#Toptitlebar QLable#label_4
  126. {
  127. color: #FFFFFF;
  128. }
  129. OriginalWnd QWidget#Toptitlebar QPushButton#CalibrationButton
  130. {
  131. color: #FFFFFF;
  132. border-radius: 4px;
  133. background: #4AA2FF;
  134. }
  135. QWidget#Toptitlebar QPushButton#pushButton_2
  136. {
  137. background-color: transparent;
  138. image: url(:/images/TopStatusBar/MachineLink.png);
  139. }
  140. QWidget#Toptitlebar QPushButton#pushButton_3
  141. {
  142. background-color: transparent;
  143. image: url(:/images/TopStatusBar/HostStatus.png);
  144. }
  145. /*初始界面*/
  146. OriginalWnd QWidget#widget_2,
  147. OriginalWnd QWidget#widget
  148. {
  149. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
  150. border-radius: 10px;
  151. }
  152. OriginalWnd QWidget#widget QToolButton#stopButton
  153. {
  154. border-radius: 6px;
  155. background: #F02962;
  156. color: #FFFFFF;
  157. padding-bottom: 10px;
  158. padding-left: 9px;
  159. }
  160. OriginalWnd QWidget#widget QToolButton#startButton
  161. {
  162. border-radius: 6px;
  163. background: #4AB832;
  164. color: #FFFFFF;
  165. padding-bottom: 10px;
  166. padding-left: 9px;
  167. }
  168. OriginalWnd QWidget#widget>QToolButton#ChartButton::hover,
  169. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::hover,
  170. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::hover,
  171. OriginalWnd QWidget#widget>QToolButton#ChartButton::checked,
  172. OriginalWnd QWidget#widget>QToolButton#DoubleImageButton::checked,
  173. OriginalWnd QWidget#widget>QToolButton#SingleImageButton::checked
  174. {
  175. background: #8090FF;
  176. }
  177. OriginalWnd QWidget#widget QToolButton#ChartButton
  178. {
  179. border-radius: 6px;
  180. background: #CBD0FF;
  181. padding-bottom: 8px;
  182. qproperty-icon:url(:/images/light/Demo001_1.png);
  183. }
  184. OriginalWnd QWidget#widget QToolButton#DoubleImageButton
  185. {
  186. border-radius: 6px;
  187. background: #CBD0FF;
  188. padding-bottom: 8px;
  189. qproperty-icon:url(:/images/light/Demo001_2.png);
  190. }
  191. OriginalWnd QWidget#widget QToolButton#SingleImageButton
  192. {
  193. border-radius: 6px;
  194. background: #CBD0FF;
  195. padding-bottom: 8px;
  196. qproperty-icon:url(:/images/light/Demo001_3.png);
  197. }
  198. /* SingleCameraOperationWnd */
  199. QComboBox
  200. {
  201. border:1px solid #BABBDC;
  202. border-radius:6px;
  203. background:#FFFFFF;
  204. }
  205. QComboBox::down-arrow
  206. {
  207. image: url(:/images/drop.png);
  208. width: 30px;
  209. height:30px;
  210. }
  211. QComboBox::drop-down
  212. {
  213. width:20px;
  214. border:none;
  215. padding-right:5px;
  216. }
  217. SingleCameraOperationWnd QWidget#centralwidget,
  218. MainAndSecondaryCamerasWnd QWidget#centralwidget,
  219. ChartsAndCamerasWnd QWidget#Leftwidget,
  220. ChartsAndCamerasWnd QWidget#Rightwidget
  221. {
  222. border-radius: 10px;
  223. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
  224. }
  225. Group QPushButton#GroupButton
  226. {
  227. image: url(:/images/LightGroup/LightSwitch.png);
  228. border-radius: 6px;
  229. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  230. }
  231. SingleCameraOperationWnd QPushButton#LiveButton,
  232. MainAndSecondaryCamerasWnd QPushButton#LeftLiveButton,
  233. MainAndSecondaryCamerasWnd QPushButton#RightLiveButton,
  234. ChartsAndCamerasWnd QPushButton#LiveButton
  235. {
  236. color: #FFFFFF;
  237. border-radius: 6px;
  238. background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
  239. }
  240. SingleCameraOperationWnd QWidget#RedLight,
  241. SingleCameraOperationWnd QWidget#GreenLight,
  242. SingleCameraOperationWnd QWidget#BlueLight,
  243. SingleCameraOperationWnd QWidget#DotLight,
  244. MainAndSecondaryCamerasWnd QWidget#RedLight,
  245. MainAndSecondaryCamerasWnd QWidget#GreenLight,
  246. MainAndSecondaryCamerasWnd QWidget#BlueLight,
  247. MainAndSecondaryCamerasWnd QWidget#DotLight,
  248. MainAndSecondaryCamerasWnd QWidget#RedLight_L,
  249. MainAndSecondaryCamerasWnd QWidget#GreenLight_L,
  250. MainAndSecondaryCamerasWnd QWidget#BlueLight_L,
  251. MainAndSecondaryCamerasWnd QWidget#DotLight_L,
  252. ChartsAndCamerasWnd QWidget#RedLight,
  253. ChartsAndCamerasWnd QWidget#GreenLight,
  254. ChartsAndCamerasWnd QWidget#BlueLight,
  255. ChartsAndCamerasWnd QWidget#DotLight
  256. {
  257. background: #D6D8ED;
  258. }
  259. SingleCameraOperationWnd QLineEdit,
  260. MainAndSecondaryCamerasWnd QLineEdit,
  261. ChartsAndCamerasWnd QLineEdit
  262. {
  263. border-radius: 6px;
  264. border: 1px solid #BABBDC;
  265. }
  266. SingleCameraOperationWnd QWidget#BackGround,
  267. MainAndSecondaryCamerasWnd QWidget#LeftBackGround,
  268. MainAndSecondaryCamerasWnd QWidget#RightBackGround,
  269. ChartsAndCamerasWnd QWidget#BackGround
  270. {
  271. background: #FFFFFF;
  272. border: 1px solid #BABBDC;
  273. border-radius: 0px;
  274. }
  275. QProgressBar {
  276. border: 2px solid grey;
  277. border-radius: 5px;
  278. background-color: transparent;
  279. }
  280. QProgressBar#RedLightprogressBar::chunk,
  281. QProgressBar#RedLightprogressBar_2::chunk,
  282. QProgressBar#RedLightprogressBar_L::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#LeftToolbar,
  315. MainAndSecondaryCamerasWnd QWidget#RightToolbar,
  316. ChartsAndCamerasWnd QWidget#Toolbar
  317. {
  318. border-radius: 6px;
  319. background: #CBD0FF;
  320. }
  321. SingleCameraOperationWnd QWidget#Toolbar QPushButton,
  322. MainAndSecondaryCamerasWnd QWidget#LeftToolbar QPushButton,
  323. MainAndSecondaryCamerasWnd QWidget#RightToolbar QPushButton,
  324. ChartsAndCamerasWnd QWidget#Toolbar QPushButton
  325. {
  326. border-radius: 6px;
  327. background: #CBD0FF;
  328. border:none;
  329. }
  330. SingleCameraOperationWnd QFrame#line,
  331. SingleCameraOperationWnd QFrame#line_3,
  332. SingleCameraOperationWnd QFrame#line_4,
  333. SingleCameraOperationWnd QFrame#line_5,
  334. SingleCameraOperationWnd QFrame#line_6,
  335. MainAndSecondaryCamerasWnd QFrame#line_1,
  336. MainAndSecondaryCamerasWnd QFrame#line_3,
  337. MainAndSecondaryCamerasWnd QFrame#line_4,
  338. MainAndSecondaryCamerasWnd QFrame#line_5,
  339. MainAndSecondaryCamerasWnd QFrame#line_6,
  340. MainAndSecondaryCamerasWnd QFrame#line_11,
  341. MainAndSecondaryCamerasWnd QFrame#line_12,
  342. MainAndSecondaryCamerasWnd QFrame#line_13,
  343. MainAndSecondaryCamerasWnd QFrame#line_14,
  344. MainAndSecondaryCamerasWnd QFrame#line_15,
  345. ChartsAndCamerasWnd QFrame#line,
  346. ChartsAndCamerasWnd QFrame#line_3,
  347. ChartsAndCamerasWnd QFrame#line_4,
  348. ChartsAndCamerasWnd QFrame#line_5,
  349. ChartsAndCamerasWnd QFrame#line_6
  350. {
  351. border:none;
  352. background-color: rgba(78, 81, 206, 0.5);
  353. }
  354. SingleCameraOperationWnd QPushButton#pushButton_2,
  355. SingleCameraOperationWnd QLabel#label_Percentage,
  356. MainAndSecondaryCamerasWnd QPushButton#pushButton_2,
  357. MainAndSecondaryCamerasWnd QLabel#Leftlabel_Percentage,
  358. MainAndSecondaryCamerasWnd QPushButton#pushButton_4,
  359. MainAndSecondaryCamerasWnd QLabel#Rightlabel_Percentage,
  360. ChartsAndCamerasWnd QPushButton#pushButton_2,
  361. ChartsAndCamerasWnd QLabel#label_Percentage
  362. {
  363. color: #4E51CE;
  364. }
  365. SingleCameraOperationWnd QPushButton#ZoomUpButton,
  366. MainAndSecondaryCamerasWnd QPushButton#LeftZoomUpButton,
  367. MainAndSecondaryCamerasWnd QPushButton#RightZoomUpButton,
  368. ChartsAndCamerasWnd QPushButton#ZoomUpButton
  369. {
  370. image: url(:/images/light/zoom up.png);
  371. }
  372. SingleCameraOperationWnd QPushButton#ZoomOutButton,
  373. MainAndSecondaryCamerasWnd QPushButton#LeftZoomOutButton,
  374. MainAndSecondaryCamerasWnd QPushButton#RightZoomOutButton,
  375. ChartsAndCamerasWnd QPushButton#ZoomOutButton
  376. {
  377. image: url(:/images/light/zoom out.png);
  378. }
  379. SingleCameraOperationWnd QPushButton#RulerButton,
  380. MainAndSecondaryCamerasWnd QPushButton#LeftRulerButton,
  381. MainAndSecondaryCamerasWnd QPushButton#RightRulerButton,
  382. ChartsAndCamerasWnd QPushButton#RulerButton
  383. {
  384. image: url(:/images/light/ruler.png);
  385. }
  386. SingleCameraOperationWnd QPushButton#PenButton,
  387. MainAndSecondaryCamerasWnd QPushButton#LeftPenButton,
  388. MainAndSecondaryCamerasWnd QPushButton#RightPenButton,
  389. ChartsAndCamerasWnd QPushButton#PenButton
  390. {
  391. image: url(:/images/light/pen.png);
  392. }
  393. /* 为垂直滑块设置样式 */
  394. QSlider::groove:vertical {
  395. height: 56px;
  396. width: 3px;
  397. background: rgba(78, 81, 206, 0.25);
  398. }
  399. QSlider::sub-page:vertical {
  400. height: 56px;
  401. width: 3px;
  402. background: rgba(78, 81, 206, 0.25);
  403. }
  404. QSlider::handle:vertical {
  405. border-image: url(:/images/LightGroup/slider.png);
  406. height: 6px;
  407. margin: 0px -5px 0px -5px;
  408. border-radius: 4px;
  409. }
  410. QScrollArea {
  411. background-color: transparent;
  412. border: none;
  413. }
  414. QScrollArea QWidget {
  415. background-color: transparent;
  416. }
  417. QScrollBar
  418. {
  419. background:transparent;
  420. width:10px;
  421. height:10px;
  422. border-radius:5px;
  423. border-style: solid;
  424. }
  425. QScrollBar::handle
  426. {
  427. background: #B5B9ED;
  428. border-radius: 5px;
  429. }
  430. QScrollBar::sub-page
  431. {
  432. background:transparent;
  433. border:none;
  434. }
  435. QScrollBar::add-page
  436. {
  437. background:transparent;
  438. border:none;
  439. }
  440. QScrollBar::up-arrow
  441. {
  442. background:transparent;
  443. border-top-left-radius:5px;
  444. border-top-right-radius:5px;
  445. }
  446. QScrollBar::down-arrow
  447. {
  448. background:transparent;
  449. border-bottom-left-radius:5px;
  450. border-bottom-right-radius:5px;
  451. }
  452. QScrollBar::sub-line
  453. {
  454. background:transparent;
  455. border-radius: 5px;
  456. }
  457. QScrollBar::add-line
  458. {
  459. background:transparent;
  460. border-radius: 5px;
  461. }
  462. ChartsAndCamerasWnd QWidget#Checkwidget
  463. {
  464. border-radius: 6px;
  465. border: 1px solid #BABBDC;
  466. }
  467. ChartsAndCamerasWnd QCheckBox {
  468. border: 0px solid #FFFFFF;
  469. padding: 4px;
  470. spacing: 18px;
  471. }
  472. ChartsAndCamerasWnd QCheckBox::indicator{
  473. border: 1px solid #BABBDC;
  474. width: 12px;
  475. height: 12px;
  476. border-radius: 2px;
  477. background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0.01 #FFFFFF, stop: 1 #F2F2FA);
  478. }
  479. ChartsAndCamerasWnd QCheckBox::indicator:checked {
  480. image: url(:/images/check_selected.png);
  481. }
  482. ChartsAndCamerasWnd QLabel#GreenDiamond
  483. {
  484. image: url(:/images/Participation display/GreenDiamond.png);
  485. }
  486. ChartsAndCamerasWnd QLabel#RedDiamond
  487. {
  488. image: url(:/images/Participation display/RedDiamond.png);
  489. }
  490. ChartsAndCamerasWnd QLabel#BlueDiamond
  491. {
  492. image: url(:/images/Participation display/BlueDiamond.png);
  493. }
  494. ChartsAndCamerasWnd QLabel#YellowDiamond
  495. {
  496. image: url(:/images/Participation display/YellowDiamond.png);
  497. }
  498. ChartsAndCamerasWnd QLabel#BlackDiamond
  499. {
  500. image: url(:/images/Participation display/BlackDiamond.png);
  501. }
  502. ChartsAndCamerasWnd QLabel#WhiteVerticalBar
  503. {
  504. image: url(:/images/Participation display/White vertical bars.png);
  505. }
  506. ChartsAndCamerasWnd QLabel#RedHorizontalLine
  507. {
  508. image: url(:/images/Participation display/Red horizontal line.png);
  509. }
  510. ChartsAndCamerasWnd QLabel#BlueHorizontalLine
  511. {
  512. image: url(:/images/Participation display/Blue horizontal line.png);
  513. }
  514. ChartsAndCamerasWnd QLabel#BlueVerticalBar
  515. {
  516. image: url(:/images/Participation display/Blue vertical bars.png);
  517. }
  518. ChartsAndCamerasWnd QLabel#GreenVerticalBar
  519. {
  520. image: url(:/images/Participation display/Green vertical bars.png);
  521. }
  522. ChartsAndCamerasWnd QLabel#PurpleVerticalBar
  523. {
  524. image: url(:/images/Participation display/Purple vertical bars.png);
  525. }