style-light.css 9.65 KB
Newer Older
1 2 3 4 5 6
/*
 This is a slave style sheet in relationship to the master style sheet. That means that it should only
 contain color settings. It should not contain position or size information. That comes from the master
 style sheet.
*/

7 8 9
* {
    background-color: #F6F6F6;
    color: #000;
10
    background-clip: border;
11 12 13
}

*::disabled {
14
    color: #AAA;
15 16
}

17
JoystickButton QLabel {
18
    border-color: #777;
19 20
}

21 22 23 24 25
QCheckBox {
    color: #222;
}

QCheckBox::indicator {
26
    border-color: #111;
27 28
}

29 30 31 32 33 34 35 36 37
QCheckBox::indicator:hover {
    background-color: #CCC;
}

QCheckBox::indicator:pressed, QCheckBox::indicator:checked:pressed {
    background-color: #777;
}

QCheckBox::indicator:checked {
38
    background-color: #379AC3;
39 40
}

41 42 43 44 45 46 47 48
QCheckBox::indicator:disabled {
    border-color: #555;
}

QCheckBox::indicator:disabled:checked {
    background-color: #AAA;
}

49
QComboBox {
50
    border-color: #777;
51 52
}

53
QDialog {
54
    border-color: #777;
55 56
}

57
QDockWidget {
58
    border-color: #666;
59 60 61
}

QDockWidget::close-button, QDockWidget::float-button {
62
    border-color: transparent;
63
    background: none;
64 65 66
}

QDockWidget::close-button:hover, QDockWidget::float-button:hover {
67
    background: #777;
68 69 70
}

QDockWidget::close-button:pressed, QDockWidget::float-button:pressed {
71
    background: #555;
72 73 74
}

QDockWidget::title {
75 76
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #CCC, stop: 1 #888);
    color: #000;
77 78
}

79 80 81 82 83
QGCMAVLinkLogPlayer {
    background: none;
}

QGCMAVLinkLogPlayer QLabel {
84
    color: #FFF;
85 86 87
}

QGCMAVLinkLogPlayer QLabel:disabled {
88
    color: #666;
89 90
}

91 92 93 94
QGCToolBar {
    border-top-color: #969696;
    border-bottom-color: #484848;
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #DDD, stop: 1 #999);
95 96 97 98 99 100 101
}

QGCToolBar QLabel#toolBarBatteryBar {
    color: #008000;
}

QGCToolBar QLabel#toolBarTimeoutLabel {
102
    color: #FFFFFF;
103 104 105
    background-color: #FF0037;
}

106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
QGCToolBar QLabel#toolBarModeLabel {
    color: #475E66;
}

QGCToolBar QLabel#toolBarStateLabel {
    color: #80632A;
}

QGCToolBar QLabel#toolBarBatteryVoltageLabel {
    color: #008000;
}

QGCToolBar QLabel#toolBarWpLabel {
    color: #475E66;
}

QGCToolBar QLabel#toolBarMessageLabel {
    color: #475E66;
}

126
QGCToolBar QToolButton {
127 128
    border-top: #DDD;
    border-bottom: #DDD;
129 130 131 132 133 134 135 136 137 138 139
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #333, stop: 1 #444);
    color: #FFF;
}

QGCToolBar QToolButton:checked, QGCToolBar QToolButton:pressed, QGCToolBar QToolButton:checked:hover {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #777, stop: 1 #999);
    color: #FFF;
}

QGCToolBar QToolButton:hover {
    color: #000;
140 141 142 143
}

QGCToolBar .QWidget {
    background-color: transparent;
144 145
}

146
QGCToolWidgetItem {
147
    border-color: #666;
148 149
}

150
QGroupBox {
151
    border-color: #666;
152 153 154 155
}

QGroupBox::title {
    color: #000;
156 157
}

158
QHeaderView::section {
159
	border-right: #969696;
160 161 162
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #DDD, stop: 1 #999);
}

163 164
QLabel {
    background-color: transparent;
165 166
}

167
QLabel:disabled {
168 169
    color: #999;
    border-color: #999;
170 171
}

172
QLineEdit {
173
    border-color: #111;
174 175
}

176
QMainWindow::separator {
177
    background-color: #CCC;
178 179
}

180 181
QMainWindow::separator:hover {
    background-color: #222;
182 183
}

184
QMenu {
185
    border-color:#379AC3;
186 187
}

Bryant's avatar
Bryant committed
188
QMenu::item:selected, QMenu::item:checked:selected {
189 190
    background-color: #555;
    color: #FFF;
191 192 193
}

QMenu::item:checked {
194 195
    background-color: #379AC3;
    color: #FFF;
196 197
}

198 199
QMenu::separator {
    background: #379AC3;
200 201
}

202 203 204 205 206 207 208 209
/*
 * Fix for bug in Qt5 where QMenuBar items are styled natively on Windows, ignoring inherited settings.
 * so we explicitly set their background color here (should match catch-all style background color).
 */
QMenuBar::item {
    background-color: #F6F6F6;
}

210
QMenuBar::item:selected {
211 212
    background-color: #555;
    color: #FFF;
213 214
}

215 216
QMenuBar::item:disabled {
    background: none;
217 218 219
}

QPlainTextEdit {
220
    border-color: #111;
221 222 223
}

QProgressBar {
224
    border-color: #666;
225 226
    color: #000;
    background: none;
227 228 229 230 231 232
}

QProgressBar::chunk {
    background-color: #666;
}

233 234 235 236
QProgressBar::chunk#batteryBar {
    background-color: green;
}

237 238 239 240 241 242 243 244
QProgressBar::chunk#speedBar {
    background-color: yellow;
}

QProgressBar::chunk#thrustBar {
    background-color: orange;
}

245
QPushButton, QToolButton {
246
    border-color: #465158;
247
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777);
248 249
}

250
QPushButton#connectButton, QPushButton#controlButton {
251
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #73D95D, stop: 1 #18A154);
252 253
}

254
QPushButton#deleteButton, QPushButton#killButton {
255
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #D9002F, stop: 1 #AC0025);
256 257
}

258
QPushButton:checked, QToolButton:checked {
259
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #444, stop: 1 #888);
260 261 262
    color: #FFF;
}

263
QPushButton:checked#connectButton, QPushButton:checked#controlButton {
264
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #E38000, stop: 1 #945F00);
265
    color: #000;
266 267
}

268 269 270 271 272 273 274 275
QPushButton:checked:hover#connectButton, QPushButton:checked:hover#controlButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #FF9000, stop: 1 #B37300);
}

QPushButton:checked:pressed#connectButton, QPushButton:checked:pressed#controlButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #DB7C00, stop: 1 #825400);
}

276 277
QPushButton:disabled, QToolButton:disabled {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEE, stop: 1 #CCC);
278
    color: #AAA;
279 280
}

281
QPushButton:hover, QToolButton:hover {
282
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #B8D3E6, stop: 1 #899FAD);
283 284
}

285 286 287 288
QPushButton:hover#connectButton, QPushButton:hover#controlButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #87FF6D, stop: 1 #1FD16D);
}

289
QPushButton:hover#deleteButton, QPushButton#killButton {
290 291 292
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F20034, stop: 1 #9E0022);
}

293
QPushButton:pressed, QToolButton:pressed {
294
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #AAA, stop: 1 #666);
295 296
}

297 298 299 300
QPushButton:pressed#connectButton, QPushButton:pressed#controlButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #62B84E, stop: 1 #148A47);
}

301
QPushButton:pressed#deleteButton, QPushButton#killButton {
302 303 304
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #C9002C, stop: 1 #9C0021);
}

305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329
QPushButton#advancedMenuButton, QPushButton#airframeMenuButton, QPushButton#firmwareMenuButton,
QPushButton#tuningMenuButton, QPushButton#rcMenuButton, QPushButton#sensorMenuButton,
QPushButton#flightModeMenuButton, QPushButton#safetyConfigButton {
    border-color: #465158;
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777);
}

QPushButton#planePushButton, QPushButton#flyingWingPushButton, QPushButton#quadXPushButton,
QPushButton#quadPlusPushButton, QPushButton#hexaXPushButton, QPushButton#hexaPlusPushButton,
QPushButton#octoXPushButton, QPushButton#octoPlusPushButton, QPushButton#hPushButton {
    border-color: #465158;
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777);
}

QPushButton:checked#planePushButton, QPushButton:checked#flyingWingPushButton, QPushButton:checked#quadXPushButton,
QPushButton:checked#quadPlusPushButton, QPushButton:checked#hexaXPushButton, QPushButton:checked#hexaPlusPushButton,
QPushButton:checked#octoXPushButton, QPushButton:checked#octoPlusPushButton, QPushButton:checked#hPushButton {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #444, stop: 1 #888);
    color: #FFF;
}

QWidget#navBarWidget {
    background-color: #F6F6F6;
}

330
QScrollBar {
331
    border-color: #333;
332 333
}

334
QSeparator {
335
    color: #000;
336 337
}

338 339
QSlider {
    background-color: transparent;
340 341
}

342
QSlider::groove:horizontal {
343
    border-color: #999;
344 345 346 347
    background-color: #4A4A4A;
}

QSlider::groove:horizontal:disabled {
348
    border-color: #999;
349
    background-color: #CCC;
350
}
351

352
QSlider::groove:vertical {
353
    border-color: #999;
354 355 356 357 358
    background-color: #4A4A4A;
}

QSlider::handle:horizontal {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #232228, stop: 1 #020208);
359
    border-color: #379AC3;
360 361 362
}

QSlider::handle:horizontal:disabled {
363
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #EEE, stop: 1 #CCC);
364
    border-color: #777;
365 366 367 368
}

QSlider::handle:vertical {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #232228, stop: 1 #020208);
369
    border-color: #379AC3;
370 371 372 373 374 375 376
}

QSizeGrip {
    background: none;
}

QSpinBox, QDoubleSpinBox {
377
    border-color: #4A4A4A;
378 379 380
}

QStatusBar {
381
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #DDD, stop: 1 #999);
382 383
}

384
QTabBar::tab {
385
    border-color: #777;
386 387
}

388
QTabBar::tab:hover {
389
    border-color: #379AC3;
390 391 392
}

QTabBar::tab:selected {
393
    border-color:d #379AC3;
394
    background: #CCC;
395 396
}

397
QTabWidget::pane {
398
    border-color: #777;
399 400 401
}

QTextEdit {
402
    border-color: #222;
403 404
}

405
QToolTip {
406
    background-color: #F6F6F6;
407
    border-color: #379AC3;
408
    color: #000;
409
}
410

411 412 413 414
QTreeView::item {
	color: #000;
}

415 416
UASView {
    background: #D0D0D0;
417
    border-color: #666;
418 419 420
}

UASView QLabel#heartBeatLabel, UASView QLabel#typeLabel {
421
    border-color: #333;
422 423
}

424
WaypointEditableView, WaypointViewOnlyView {
425
    border-color: #333;
426 427
}

428 429 430 431 432 433 434 435
WaypointEditableView[RowColoring="odd"], WaypointViewOnlyView[RowColoring="odd"] {
    background-color: #999;
}

WaypointEditableView[RowColoring="even"], WaypointViewOnlyView[RowColoring="even"] {
    background-color: #CCC;
}

436
WaypointEditableView QCheckBox, WaypointEditableView .QWidget, WaypointViewOnlyView QCheckBox, WaypointViewOnlyView .QWidget {
437 438
    background: none;
}