light.qss 13 KB

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