Implement themes

themes/2-dark/dark.th

@@ -0,0 +1,239 @@
+QMenuBar {
+    color: rgb(255, 255, 255);
+}
+
+QMenuBar::item:selected {
+	background:#999999;
+	color: #1d5eff
+}
+
+QMenu::item:selected {
+    background-color: #999999;
+	color: #1d5eff
+}
+
+QMenu {
+	color: #ffffff;
+}
+
+QWidget {
+	background-color: #464646
+}
+
+QLabel {
+	color: #ffffff;
+}
+
+QPushButton {
+	color: #FFFFFF;
+	background-color: rgb(52,52,52);
+	border: 1px solid gray;
+	border-radius: 5px;
+}
+
+QPushButton:!enabled {
+	color:#9f9f9f;
+}
+
+QPushButton:checked {
+	color: #39eaff;
+}
+
+QTabWidget::pane { /* The tab widget frame */
+   /* border-left: 1px solid gray;*/
+	border: 0px;
+}
+
+
+QTabWidget::tab-bar {
+    left: 30px; /* move to the right by 5px */
+}
+
+
+/* Style the tab using the tab sub-control. Note that
+    it reads QTabBar _not_ QTabWidget */
+QTabBar::tab {
+	background: #7a7a7a;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    min-width: 16ex;
+    padding: 2px;
+    color: #FFFFFF
+}
+
+QTabBar::tab:selected {
+	background: #999999;
+    color: #1d5eff
+}
+
+
+QTabBar::tab:!selected {
+    margin-top: 3px; /* make non-selected tabs look smaller */
+}
+
+
+
+QProgressBar {
+    border: 2px #7a7a7a;
+	border-radius: 3px;
+	background-color:  #7a7a7a;
+}
+
+QProgressBar::chunk {
+    /*background-color: #1d5eff;*/
+	background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #1d5eff, stop:0.5 #4177ff, stop:1 #1d5eff);
+	border-radius: 3px;
+}
+
+
+QAbstractScrollArea::corner {
+    background: none;
+    border: none;
+}
+
+QScrollBar:vertical, QScrollBar:horizontal{
+	background-color:#343434;
+	border-radius: 5px;
+	/*background: none;*/
+}
+
+QScrollBar:vertical {
+	margin-top: 0px;
+	margin-bottom: 0px;
+	/*width: 10px;*/
+}
+QScrollBar:horizontal{
+	margin-left: 0px;
+	margin-right: 0px;
+	/*height: 10px;*/
+}
+
+QScrollBar::handle:vertical, QScrollBar::handle:horizontal{
+	border-radius: 5px;
+	border-color: none;
+	border-width: 1px; 
+ 	background-color: #999999; 
+}
+
+QScrollBar::add-line:vertical, QScrollBar::add-line:horizontal{
+	width: 0px; 
+	height: 0px;
+}
+
+QScrollBar::sub-line:vertical, QScrollBar::sub-line:horizontal{
+	width: 0px; 
+	height: 0px;
+}
+
+QScrollBar::add-page:vertical{
+	border-left: 1px solid gray;
+	background: transparent;
+	border-radius: 5px;
+/*
+	border: 1px#343434;
+	background-color: #343434;*/
+}
+QScrollBar::add-page:horizontal{
+	border-top: 1px solid gray;
+	background: transparent;
+	border-radius: 5px;
+/*
+	border: 1px#343434;
+	background-color: #343434;*/
+}
+QScrollBar::sub-page:vertical{
+	border-left: 1px solid gray;
+	background: transparent;
+	border-radius: 5px;
+/*	border: 1px #343434;
+	background-color: #343434;*/
+}
+QScrollBar::sub-page:horizontal{
+	border-top: 1px solid gray;
+	background: transparent;
+	border-radius: 5px;
+/*	border: 1px #343434;
+	background-color: #343434;*/
+}
+
+QTextEdit{
+	color: #ffffff;
+}
+
+QMessageBox {
+	color: #ffffff;
+}
+
+QToolTip {
+	color: #000000;
+}
+
+QTextBrowser {
+	background-color: #464646;
+	color: #ffffff;
+	border: 0px;
+}
+
+QRadioButton {
+	color: #ffffff;
+}
+
+QListWidget {
+	background-color:rgb(52,52,52);
+	color: rgb(255, 255, 255);
+	border: 1px solid gray;
+	border-radius: 8px;
+}
+
+QLineEdit {
+	background-color: #343434;
+	color: rgb(255, 255, 255);
+	border: 1px solid gray;
+	border-radius: 5px;
+}
+
+QComboBox {
+	background-color: rgb(52,52,52);
+	color: #ffffff;
+    border: 1px solid gray;
+    border-radius: 5px;
+}
+
+QComboBox:!enabled {
+	color: #9f9f9f;
+}
+
+QComboBox QAbstractItemView {
+    border: 1px solid gray;
+    selection-background-color: #999999;
+	selection-color: #1d5eff;
+	color: #ffffff;
+}
+
+QSpinBox {
+	background-color: rgb(52,52,52);
+	color: #ffffff;
+	border: 1px solid gray;
+	border-radius: 5px;
+}
+
+QSpinBox:!enabled {
+	color:#9f9f9f;
+}
+
+/* SPECIAL WIDGETS */
+QPushButton#url_button {
+	color: #9f9f9f;
+	border: 0px;
+	background-color: #464646;
+}
+
+QPushButton#play, QPushButton#pause, QPushButton#stop {
+	color: #464646;
+	border: 0px;
+	background-color: #464646;
+}
+
+QLabel#band_range_lbl {
+	color: #9f9f9f;
+}

themes/3-material_design/material_design.th

@@ -0,0 +1,410 @@
+/*****************************************************************************
+MainWindow
+*****************************************************************************/
+QWidget:window {
+	border: 0px solid #2e2f34;
+	background-color: #2e2f34;
+}
+
+/*****************************************************************************
+Search bar
+*****************************************************************************/
+QLineEdit {
+	background-color: transparent;
+	border: 0px solid transparent;
+	border-bottom: 2px solid #669900;
+	color:  #669900;
+}
+
+/*****************************************************************************
+Scroll Bars
+*****************************************************************************/
+QScrollBar:horizontal {
+	background: transparent;			/* Background where slider is not */
+	height: 10px;
+	margin: 0;
+}
+
+QScrollBar:vertical {
+	background: transparent;			/* Background where slider is not */
+	width: 10px;
+	margin: 0;
+}
+
+QScrollBar::handle:horizontal {
+    background: #37474F;					/* Slider color */
+    min-width: 16px;
+	border-radius: 5px;
+}
+
+QScrollBar::handle:vertical {
+    background: #37474F;					/* Slider color */
+    min-height: 16px;
+	border-radius: 5px;
+}
+
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal,
+QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+	background: none;												/* Removes the dotted background */
+}
+
+QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal,
+QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {	/* Hides the slider arrows */
+      border: none;
+      background: none;
+}
+
+/*****************************************************************************
+List
+*****************************************************************************/
+QListWidget {
+	background-color: transparent;
+	border: 0px solid transparent;
+	border-bottom: 2px solid #80CBC4;
+	color: #c2cfd6;
+}
+
+QListView::item:hover {
+	color: #669900;
+	background: transparent;
+}
+
+QListView::item:selected {
+	color: #88cc00;
+	background: transparent;
+}
+
+QListView {
+	background-color: transparent;
+	color: #c2cfd6;
+	outline: 0;
+	border: 0px solid transparent;
+}
+
+/* === QTabBar === */
+QTabBar {
+	background: transparent;
+}
+
+QTabWidget::pane {
+	background: transparent;	/* Only at the very bottom of the tabs */
+}
+
+QTabBar::tab {
+	background: transparent;
+	border: 0px solid transparent;
+	border-bottom: 2px solid transparent;
+	color: #546E7A;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+
+QTabBar::tab:hover {
+	background-color: transparent;
+	border: 0px solid transparent;
+	border-bottom: 2px solid #88cc00;
+	color: #AFBDC4;
+}
+
+QTabBar::tab:selected {
+	background-color: transparent;
+	border: 0px solid transparent;
+	border-top: none;
+	border-bottom: 2px solid #88cc00;
+	color: #FFFFFF;
+}
+
+QStackedWidget {
+	background: #2e2f34;/* This covers a bunch of things, I was thinking about making it transparent, */
+							/* but I would have to find all the other elements... but QTabWidget::pane may be it */
+}
+
+/* ==================== Dialog ==================== */
+QLabel {
+	background: transparent;
+	color: #CFD8DC;				/* Not sure about this one */
+}
+
+QDialog {
+	background-color: #263238;
+	color: #546E7A;
+	outline: 0;
+	border: 2px solid transparent;
+}
+
+/*****************************************************************************
+Buttons
+*****************************************************************************/
+
+QToolTip {
+	background-color: #80CBC4;
+	color: black;
+    padding: 5px;
+    border-radius: 0;
+    opacity: 200;
+}
+
+QPushButton {
+	background-color: transparent;
+	color: #c2cfd6;
+	border: 1px solid transparent;
+	padding: 4px 22px;
+}
+
+QPushButton:hover {
+	border-left: 2px solid #88cc00;
+    border-right: 2px solid #88cc00;
+	color: #f0f3f5;
+}
+
+QPushButton:pressed {
+	color: #efffcc;
+}
+
+QPushButton:disabled {
+	color:#546E7A;
+}
+
+QPushButton:checked {
+	color: #88cc00;
+}
+
+/*****************************************************************************
+Rich Text Box
+*****************************************************************************/
+QTextBrowser {
+	background: transparent;
+	border: 0px solid transparent;
+	color: #546E7A;
+}
+
+/*****************************************************************************
+Main Menu (Upper part)
+*****************************************************************************/
+QTreeView {
+	background-color: #263238;
+}
+
+QMenu {
+	background-color: #263238;		/* File Menu Background color */
+	color: #546E7A;
+}
+
+QMenu::item:selected {
+	color: #AFBDC4;
+}
+
+QMenu::item:pressed {
+	color: #FFFFFF;
+}
+
+QMenu::separator {
+	height: 1px;
+	background: transparent;			/* Could change this to #546E7A and reduce the margin top and bottom to 1px */
+	margin-left: 10px;
+	margin-right: 10px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+}
+
+/*****************************************************************************
+Main Menu (Bar)
+*****************************************************************************/
+QMenuBar {
+	background-color: transparent;
+	color: #546E7A;
+}
+
+QMenuBar::item {
+	background: transparent;
+}
+
+QMenuBar::item:disabled {
+	color: gray;
+}
+
+QMenuBar::item:selected {
+	color: #AFBDC4;
+}
+
+QMenuBar::item:pressed {
+	color: #FFFFFF;
+}
+
+QToolBar {
+	background: transparent;
+	border: 1px solid transparent;
+}
+
+QToolBar:handle {
+	background: transparent;
+	border-left: 2px dotted #80CBC4;	/* Fix the 4 handle dots so it doesn't look crappy */
+	color: transparent;
+}
+
+QToolBar::separator {
+	border: 0;
+}
+
+/*****************************************************************************
+ComboBox
+*****************************************************************************/
+QComboBox {
+    border: 0px solid gray;
+    border-radius: 2px;
+    padding: 1px 6px 1px 6px;
+    min-width: 2em;
+}
+
+QComboBox:!editable, QComboBox::drop-down:editable {
+    color: #c2cfd6;
+    selection-color: #80CBC4;
+	background-color: transparent;
+	selection-background-color: transparent;
+}
+
+QComboBox:disabled {
+    color: #546E7A;
+}
+
+/* QComboBox gets the "on" state when the popup is open */
+QComboBox:!editable:on, 
+QComboBox::drop-down:editable:on {
+	color: #c2cfd6;
+	background-color: transparent;
+	selection-background-color: transparent;
+}
+
+QComboBox:on { /* shift the text when the popup opens */
+    padding-top: 3px;
+    padding-left: 4px;
+}
+
+QComboBox::drop-down {
+	background-color:  transparent;
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 20px;
+    border-top-right-radius: 2px; 
+    border-bottom-right-radius: 2px;
+}
+
+QComboBox::down-arrow:enabled {
+    image: url("./themes/3-material_design/icons/down-arrow.png");
+}
+
+QComboBox::down-arrow:disabled {
+    image: url("./themes/3-material_design/icons/down-arrow_off.png");
+}
+
+QComboBox::down-arrow:hover {
+    image: url("./themes/3-material_design/icons/down-arrow_hover.png");
+}
+
+QComboBox::down-arrow:on { /* shift the arrow when popup is open */
+    top: 1px;
+    left: 1px;
+}
+
+QComboBox QAbstractItemView {
+background-color: #2e2f34;
+}
+
+/*****************************************************************************
+RadioButton
+*****************************************************************************/
+
+QRadioButton{
+    color: #c2cfd6;
+}
+
+QRadioButton:disabled{
+    color: #546E7A;
+}
+
+QRadioButton::indicator{
+    width: 50px;
+    height: 50px;
+}
+
+QRadioButton::indicator::unchecked {
+    image: url("./themes/3-material_design/icons/off.png");
+}
+
+QRadioButton::indicator:unchecked:hover {
+    image: url("./themes/3-material_design/icons/off_press.png");
+}
+
+QRadioButton::indicator:unchecked:pressed {
+    image: url("./themes/3-material_design/icons/off_press.png");
+}
+
+QRadioButton::indicator::checked {
+    image: url("./themes/3-material_design/icons/on.png");
+}
+
+QRadioButton::indicator:checked:hover {
+    image: url("./themes/3-material_design/icons/on_press.png");
+}
+
+QRadioButton::indicator:checked:pressed {
+    image: url("./themes/3-material_design/icons/on_press.png");
+}
+
+/*****************************************************************************
+SpinBox
+*****************************************************************************/
+QSpinBox {
+    color: #c2cfd6;
+    border-width: 0px;
+    background: transparent;
+}
+
+QSpinBox:disabled {
+    color: #546E7A;
+    border-width: 0px;
+    background: transparent;
+}
+
+QSpinBox::up-button {
+    subcontrol-origin: border;
+    subcontrol-position: top right;
+    width: 16px;
+    image: url("./themes/3-material_design/icons/up-arrow.png");
+    border-width: 0px;
+}
+
+QSpinBox::up-button:hover {
+    image: url("./themes/3-material_design/icons/up-arrow_hover.png");
+}
+
+QSpinBox::up-button:pressed {
+    image: url("./themes/3-material_design/icons/up-arrow.png");
+}
+
+QSpinBox::up-button:disabled {
+    image: url("./themes/3-material_design/icons/up-arrow_off.png");
+}
+
+QSpinBox::down-button {
+    subcontrol-origin: border;
+    subcontrol-position: bottom right; /* position at bottom right corner */
+    width: 16px;
+    image: url("./themes/3-material_design/icons/down-arrow.png");
+    border-width: 0px;
+    border-top-width: 0;
+}
+
+QSpinBox::down-button:hover {
+    image: url("./themes/3-material_design/icons/down-arrow_hover.png");
+}
+
+QSpinBox::down-button:pressed {
+    image: url("./themes/3-material_design/icons/down-arrow.png");
+}
+
+QSpinBox::down-button:disabled {
+    image: url("./themes/3-material_design/icons/down-arrow_off.png");
+}