5 changed files with 621 additions and 355 deletions
@ -0,0 +1,319 @@
@@ -0,0 +1,319 @@
|
||||
/* Due to the lack of support for @include in Qt's CSS implementation (see QTBUG-2047), the following is the base styles for the application. They are later modified with colors.*/ |
||||
|
||||
* { |
||||
font-size: 11px; |
||||
} |
||||
|
||||
QCheckBox::indicator { |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
width: 10px; |
||||
height: 10px; |
||||
} |
||||
|
||||
QComboBox { |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QDialog { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
QDockWidget { |
||||
border-radius: 1px; |
||||
border-width: 10px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QDockWidget::title { |
||||
text-align: left; |
||||
padding-left: 10px; |
||||
height: 14px; |
||||
border-bottom-width: 2px; |
||||
border-bottom-style: solid; |
||||
} |
||||
|
||||
QDockWidget::close-button, QDockWidget::float-button { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
background: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
QDockWidget::close-button:hover, QDockWidget::float-button:hover { |
||||
background: none; |
||||
} |
||||
|
||||
QDockWidget::close-button:pressed, QDockWidget::float-button:pressed { |
||||
padding: 1px -1px -1px 1px; |
||||
background: none; |
||||
} |
||||
|
||||
QGCToolWidgetItem { |
||||
border-radius: 3px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding: 10px 0 0 0; |
||||
margin-top: 1ex; /* leave space at the top for the title */ |
||||
} |
||||
|
||||
QGroupBox { |
||||
border-radius: 3px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding: 10px 0 0 0; |
||||
margin-top: 1ex; /* leave space at the top for the title */ |
||||
} |
||||
|
||||
QGroupBox::title { |
||||
subcontrol-origin: margin; |
||||
subcontrol-position: top center; /* position at the top center */ |
||||
margin: 0 3px 0 3px; |
||||
padding: 0 3px 0 0; |
||||
font: bold 8px; |
||||
} |
||||
|
||||
QLabel { |
||||
background: rgba(0,0,0,0); |
||||
} |
||||
|
||||
QLabel#toolBarNameLabel { |
||||
font: bold 16px; |
||||
} |
||||
|
||||
QLabel#toolBarModeLabel { |
||||
font: 12px; |
||||
} |
||||
|
||||
QLabel#toolBarStateLabel { |
||||
font: 12px; |
||||
} |
||||
|
||||
QLabel#toolBarMessageLabel { |
||||
font: 12px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
QLineEdit { |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QMainWindow::separator { |
||||
width: 2px; /* when vertical */ |
||||
height: 2px; /* when horizontal */ |
||||
} |
||||
|
||||
QMenu { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QMenu::separator { |
||||
height: 1px; |
||||
margin: 8px 5px 4px 5px; |
||||
} |
||||
|
||||
QMenuBar::item:disabled { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
QMenuBar::item:disabled:selected { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
QMenuBar::item:disabled:pressed { |
||||
background: none; |
||||
border: none; |
||||
} |
||||
|
||||
QPlainTextEdit { |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
font-family: "Monospace"; |
||||
font: large; |
||||
} |
||||
|
||||
QPushButton { |
||||
min-height: 20px; |
||||
max-height: 20px; |
||||
margin: 1px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-radius: 2px; |
||||
padding-left: 8px; |
||||
padding-right: 8px; |
||||
} |
||||
|
||||
QPushButton#forceLandButton, QPushButton#killButton { |
||||
font-weight: bold; |
||||
min-height: 30px; |
||||
background-clip: border; |
||||
border-width: 1px; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
QPushButton#controlButton { |
||||
min-height: 25px; |
||||
} |
||||
|
||||
QProgressBar { |
||||
border-radius: 4px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
text-align: center; |
||||
padding: 2px; |
||||
height: 10px; |
||||
} |
||||
|
||||
QProgressBar:horizontal { |
||||
height: 9px; |
||||
} |
||||
|
||||
QProgressBar:vertical { |
||||
width: 9px; |
||||
} |
||||
|
||||
QSlider::groove:horizontal { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ |
||||
margin: 2px 0; |
||||
} |
||||
|
||||
QSlider::groove:disabled:horizontal { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
height: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ |
||||
margin: 2px 0; |
||||
} |
||||
|
||||
QSlider::handle:horizontal { |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
width: 18px; |
||||
margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
QSlider::handle:disabled:horizontal { |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
width: 18px; |
||||
margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
QSlider::groove:vertical { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
width: 4px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */ |
||||
margin: 2px 0; |
||||
} |
||||
|
||||
QSlider::handle:vertical { |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
height: 18px; |
||||
margin: 0 -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */ |
||||
border-radius: 3px; |
||||
} |
||||
|
||||
QSpinBox, QDoubleSpinBox { |
||||
min-height: 14px; |
||||
max-height: 18px; |
||||
border-radius: 5px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding-right: 16px; /* make room for the arrows */ |
||||
} |
||||
|
||||
QSpinBox::up-button, QDoubleSpinBox::up-button { |
||||
subcontrol-origin: border; |
||||
subcontrol-position: top right; /* position at the top right corner */ |
||||
width: 16px; |
||||
padding-right: 1px; |
||||
border: none; |
||||
} |
||||
|
||||
QSpinBox::down-button, QDoubleSpinBox::down-button { |
||||
subcontrol-origin: border; |
||||
subcontrol-position: bottom right; /* position at bottom right corner */ |
||||
width: 16px; |
||||
padding-right: 1px; |
||||
border: none; |
||||
} |
||||
|
||||
QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { |
||||
width: 16px; |
||||
} |
||||
|
||||
QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { |
||||
width: 16px; |
||||
} |
||||
|
||||
QStatusBar { |
||||
border-width: 1px 0; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QTabWidget::pane { /* The tab widget frame */ |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
position: absolute; |
||||
top: -0.5em; |
||||
} |
||||
|
||||
QTabWidget::tab-bar { |
||||
alignment: center; |
||||
} |
||||
|
||||
/* Style the tab using the tab sub-control. Note that |
||||
it reads QTabBar _not_ QTabWidget */ |
||||
QTabBar::tab { |
||||
border-radius: 4px; |
||||
min-width: 8ex; |
||||
padding: 2px; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QTextEdit { |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QToolBar { |
||||
margin: 0; |
||||
border-width: 1px 0; |
||||
border-style: solid; |
||||
} |
||||
|
||||
QToolButton { |
||||
font-weight: bold; |
||||
min-height: 20px; |
||||
max-height: 20px; |
||||
margin: 1px; |
||||
border-radius: 2px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
padding-left: 3px; |
||||
padding-right: 3px; |
||||
} |
||||
|
||||
QToolTip { |
||||
margin: 3px; |
||||
border: none; |
||||
border-radius: 3px; |
||||
} |
@ -0,0 +1,288 @@
@@ -0,0 +1,288 @@
|
||||
/* These general styles need to go first so that following definitions override them */ |
||||
* { |
||||
background-color: #222; |
||||
color: #FFF; |
||||
} |
||||
|
||||
*::disabled { |
||||
color: #AAA; |
||||
} |
||||
|
||||
QCheckBox { |
||||
color: #DDD; |
||||
} |
||||
|
||||
QCheckBox::indicator { |
||||
border-color: #777; |
||||
color: #FFF; |
||||
} |
||||
|
||||
QCheckBox::indicator:checked { |
||||
background-color: #379AC3; |
||||
} |
||||
|
||||
QComboBox { |
||||
border-color: #777; |
||||
} |
||||
|
||||
QDialog { |
||||
border-color: #62676B; |
||||
} |
||||
|
||||
QDockWidget { |
||||
border-color: #666; |
||||
} |
||||
|
||||
QDockWidget::title { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #3F556A, stop: 1 #293645); |
||||
color: #EEE; |
||||
border-bottom-color: #2C3A4A; |
||||
} |
||||
|
||||
QDockWidget::close-button, QDockWidget::float-button { |
||||
border-color: transparent; |
||||
background-color: #EEE; |
||||
} |
||||
|
||||
QDockWidget::close-button:hover, QDockWidget::float-button:hover { |
||||
background-color: #AAA; |
||||
} |
||||
|
||||
QGCToolWidgetItem { |
||||
border-color: #666; |
||||
} |
||||
|
||||
QGroupBox { |
||||
color: #DDD; |
||||
} |
||||
|
||||
QGroupBox::title { |
||||
color: #DDD; |
||||
} |
||||
|
||||
QLabel { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
QLabel:disabled { |
||||
color: #353535; |
||||
} |
||||
|
||||
QLabel#toolBarNameLabel, QLabel#toolBarStateLabel, QLabel#toolBarMessageLabel { |
||||
color: #3C7B9E; |
||||
} |
||||
|
||||
QLineEdit { |
||||
border-color: #777; |
||||
} |
||||
QMainWindow::separator { |
||||
background-color: #323232; |
||||
} |
||||
|
||||
QMainWindow::separator:hover { |
||||
background-color: #FFF; |
||||
} |
||||
|
||||
QMenu { |
||||
border-color: #379AC3; |
||||
} |
||||
|
||||
QMenu::item:selected { |
||||
background-color: #CCC; |
||||
} |
||||
|
||||
QMenuBar::item:selected { |
||||
background-color: #CCC; |
||||
} |
||||
|
||||
QMenuBar::item:disabled { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
QMenuBar::item:disabled:selected { |
||||
border: none; |
||||
background: none; |
||||
} |
||||
|
||||
QMenuBar::item:disabled:pressed { |
||||
background: none; |
||||
border: none; |
||||
} |
||||
|
||||
QMenu::separator { |
||||
background-color: #379AC3; |
||||
} |
||||
|
||||
QPlainTextEdit { |
||||
border-color: #777; |
||||
} |
||||
|
||||
QProgressBar { |
||||
border: #4A4A4F; |
||||
color: #DDDDDF; |
||||
background-color: #111118; |
||||
} |
||||
|
||||
QProgressBar::chunk { |
||||
background-color: #3C7B9E; |
||||
} |
||||
|
||||
QProgressBar::chunk#batteryBar { |
||||
background-color: green; |
||||
} |
||||
|
||||
QProgressBar::chunk#speedBar { |
||||
background-color: yellow; |
||||
} |
||||
|
||||
QProgressBar::chunk#thrustBar { |
||||
background-color: orange; |
||||
} |
||||
|
||||
QProgressBar QLabel { |
||||
background-color: #FFF; |
||||
} |
||||
|
||||
QPushButton { |
||||
border-color: #444; |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #59666f, stop: 1 #414B52); |
||||
} |
||||
|
||||
QPushButton:disabled { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #232228, stop: 1 #020208); |
||||
} |
||||
|
||||
QPushButton:checked { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #09A2B2, stop: 1 #414B52); |
||||
} |
||||
|
||||
QPushButton:hover { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777); |
||||
} |
||||
|
||||
QPushButton:pressed { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #bbbbbb, stop: 1 #b0b0b0); |
||||
} |
||||
|
||||
QPushButton#controlButton { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #A0AE00, stop: 1 #909E00); |
||||
} |
||||
|
||||
QPushButton:checked#controlButton { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #b76f11, stop: 1 #e1a718); |
||||
} |
||||
|
||||
QPushButton#killButton { |
||||
color: #000000; |
||||
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, |
||||
stop:0 #ffb917, stop:1 #b37300) |
||||
border-color: #555555; |
||||
} |
||||
|
||||
QPushButton:pressed#killButton { |
||||
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, |
||||
stop:0 #bb8500, stop:1 #903000); |
||||
} |
||||
|
||||
QSeparator { |
||||
color: #EEE; |
||||
} |
||||
|
||||
QSlider { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
QSlider::groove:horizontal { |
||||
border: #999999; |
||||
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #4A4A4F, stop:1 #4A4A4F); |
||||
} |
||||
|
||||
QSlider::groove:disabled:horizontal { |
||||
border: #454545; |
||||
background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #4A4A4F, stop:1 #4A4A4F); |
||||
} |
||||
|
||||
QSlider::handle:horizontal { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #232228, stop: 1 #020208); |
||||
border: #379AC3; |
||||
} |
||||
|
||||
QSlider::handle:disabled:horizontal { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #535258, stop: 1 #050508); |
||||
border: #444444; |
||||
} |
||||
|
||||
QSlider::groove:vertical { |
||||
border: #999999; |
||||
background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #4A4A4F, stop:1 #4A4A4F); |
||||
} |
||||
|
||||
QSlider::handle:vertical { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop: 0 #232228, stop: 1 #020208); |
||||
border: #379AC3; |
||||
} |
||||
|
||||
QSpinBox { |
||||
border-color: #4A4A4A; |
||||
} |
||||
|
||||
QSpinBox::up-arrow, QDoubleSpinBox::up-arrow { |
||||
image: url(:/files/images/actions/go-up.svg); |
||||
} |
||||
|
||||
QSpinBox::down-arrow, QDoubleSpinBox::down-arrow { |
||||
image: url(:/files/images/actions/go-down.svg); |
||||
} |
||||
|
||||
QStatusBar { |
||||
border-bottom-color: #111; |
||||
border-top-color: #4F4F4F; |
||||
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4B4B4B, stop:0.3 #404040, stop:0.34 #383838, stop:1 #181818); |
||||
} |
||||
|
||||
QTabBar::tab { |
||||
border-color: #62676B; |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #090909, stop: 1 #353535); |
||||
} |
||||
|
||||
QTabBar::tab:hover, QTabBar::tab:selected { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #BBB, stop: 1 #777); |
||||
border-color: #379AC3; |
||||
} |
||||
|
||||
QTabWidget::pane { /* The tab widget frame */ |
||||
border-color: #62676B; |
||||
} |
||||
|
||||
QTextEdit { |
||||
border-color: #777; |
||||
} |
||||
|
||||
QToolBar { |
||||
border-top-color: #969696; |
||||
border-bottom-color: #484848; |
||||
background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #8B8B8B, stop:0.3 #808080, stop:0.34 #747474, stop:1 #484848); |
||||
} |
||||
|
||||
QToolButton { |
||||
border-color: #4A4A4F; |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #59666f, stop: 1 #414B52); |
||||
} |
||||
|
||||
QToolButton:disabled { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #232228, stop: 1 #020208); |
||||
} |
||||
|
||||
QToolButton:checked { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #09A2B2, stop: 1 #414B52); |
||||
} |
||||
|
||||
QToolButton:pressed { |
||||
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #bbbbbb, stop: 1 #b0b0b0); |
||||
} |
||||
|
||||
QToolTip { |
||||
background-color: #3D5368; |
||||
color: #DDD; |
||||
} |
Loading…
Reference in new issue