add themes and post build event to auto deploy

CMakeLists.txt

@@ -371,6 +371,12 @@ TARGET_LINK_LIBRARIES (noggit
   sol2::sane
 )
 
+# deploy additional resources
+add_custom_command(TARGET noggit POST_BUILD
+        COMMAND ${CMAKE_COMMAND} -E copy_directory
+        "${PROJECT_SOURCE_DIR}/resources/themes"
+        $<TARGET_FILE_DIR:noggit>/themes)
+
 SET_PROPERTY(TARGET noggit PROPERTY AUTOMOC ON)
 
 IF(APPLE)

resources/themes/Dark/editing_theme.qss

@@ -0,0 +1,943 @@
+$light = #373b40;
+$half_light = #2d2f34;
+$base = #26282d;
+$half_dark = #1f2023;
+$dark = #141517;
+
+$highlight =  #5281b9;
+$hover =  #ffffff;
+$text = #d7d7d7;
+$disabled = #7f7f7f;
+
+QMainWindow{
+	background-color: $base;
+}
+
+QWidget {
+	background: $base;
+	border: none;
+	color: $text;
+	/*font-family: "Open Sans" ;*/
+	/*font-weight: 400;*/
+	outline: 0;
+}
+QWidget:disabled {
+	color: $disabled;
+	outline: none;
+}
+QDockWidget {
+     border: 1px;
+     titlebar-close-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_close.png);
+     titlebar-normal-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_restore.png);
+}
+QDockWidget::title {
+	background: $half_dark;
+	padding-top: 6px;
+	padding-bottom: 6px;
+	padding-left: 12px;
+	text-align: center;
+}
+QDockWidget::close-button, QDockWidget::float-button {
+    border: 1px solid transparent;
+    background: $half_dark;
+	width: 35px;
+}
+QDockWidget::close-button:hover, QDockWidget::float-button:hover {
+    border: 1px solid transparent;
+    background: $half_light;
+}
+
+
+QMenu {
+    background-color: $base; /* sets background of the menu */
+    border: none;
+}
+QMenu::item {
+    /* sets background of menu item. set this to something non-transparent
+        if you want menu color and menu item color to be different */
+    background-color: transparent;
+}
+QMenu::item:selected { /* when user selects item using mouse or keyboard */
+    background-color: $light;
+}
+
+
+
+QMenu::separator {
+    height: 1px;
+    background: $light;
+}
+
+
+QMenuBar {
+    background-color: $base;
+}
+QMenuBar::item {
+    padding: 2px 8px;
+	margin-left: 4px;
+	margin-top: 5px;
+}
+
+QMenuBar::item:selected { /* when selected using mouse or keyboard */
+    background: $light;
+}
+
+QMenuBar::item:pressed {
+    background: $half_dark;
+}
+
+
+QToolBar {
+    background: $base;
+    spacing: 4px; /* spacing between items in the tool bar */
+	min-height: 44px;
+	min-width: 44px;
+}
+QToolBar::separator {
+    background: $half_light;
+	width: 2px;
+}
+QToolBar::handle:horizontal {
+    border-left: 2px solid $half_light;
+	 border-right: 2px solid $half_light;
+	width: 1px;
+	background: $half_dark;
+	margin-left: 0px;
+	margin-right: 2px;
+}
+QToolBar::handle:vertical {
+    border-top: 2px solid $half_light;
+	 border-bottom: 2px solid $half_light;
+	height: 1px;
+	background: $half_dark;
+	margin-top: 0px;
+	margin-bottom: 2px;
+}
+
+
+
+
+
+
+
+QLineEdit {
+	color: $text;
+    padding: 0 8px;
+    background: $half_dark;
+    selection-background-color: $highlight;
+}
+QLineEdit:disabled {
+    background: transparent;
+	color: $disabled;
+}
+QLineEdit:read-only {
+    background: $base;
+	color: $disabled;
+} 
+
+QFrame {
+	background: $half_dark;
+}
+QLabel {
+	background: transparent;
+	padding: 2px 4px;
+}
+QGroupBox QLabel:disabled {
+	color: $disabled;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+}
+
+
+
+
+
+QGroupBox::indicator {
+	width: 14px;
+	height: 14px;
+	margin-top: 1px;
+}
+QGroupBox::indicator:unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked.png);
+}
+QGroupBox::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QGroupBox::indicator:checked {
+	image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked.png);
+}
+QGroupBox::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_hover.png);
+}
+
+
+
+QGroupBox {
+	font-weight:bold;
+	border: 1px solid $half_light;
+	/*font-size: 12px;*/
+	padding-top: 22px;
+	padding-left: 12px;
+	padding-right: 12px;
+	padding-bottom: 4px;
+	outline: none;
+	margin: 0px;
+
+}
+QGroupBox::title {
+	background: none;
+	border-bottom:1px solid $highlight;
+	border-top: 1px solid $half_light;
+	color: $text;
+	subcontrol-origin: margin;
+	subcontrol-position: top center;
+	padding: 4px 0px;
+	spacing: 8px;
+}
+QGroupBox::title:disabled {
+	color: $disabled;
+	text-decoration: none;
+}
+
+
+
+QTabWidget::tab-bar {
+    left: 0px;
+	border: none;
+}
+QTabBar {
+	border: none;
+}
+QTabBar::tab {
+	background: $half_light;
+	border: 1px solid $base;
+	border-bottom: none;
+	padding: 4px 10px;
+	min-width: 55px;
+}
+QTabBar::tab:left, QTabBar::tab:right {
+	min-width: 15px;
+	min-height: 35px;
+	padding: 4px 6px;
+}
+QTabBar::tab:left:selected {
+	border: none;
+	border-left: 3px solid $highlight;
+}
+QTabBar::tab:left:selected:hover {
+	border: none;
+	border-left: 3px solid $highlight;
+}
+QTabBar::tab:left:hover {
+	border: none;
+	border-left: 1px solid $highlight;
+}
+QTabBar::tab:right:selected {
+	border: none;
+	border-right: 3px solid $highlight;
+}
+QTabBar::tab:right:selected:hover {
+	border: none;
+	border-right: 3px solid $highlight;
+}
+QTabBar::tab:right:hover {
+	border: none;
+	border-right: 1px solid $highlight;
+}
+
+
+QTabBar::tab:hover {
+	background: $light;
+	border-top: 1px solid $highlight;
+}
+QTabBar::tab:selected {
+	background: $base;
+	border-top: 3px solid $highlight;
+}
+
+QCheckBox {
+    spacing: 8px;
+}
+QCheckBox:hover {
+	color: $hover;
+}
+QCheckBox::indicator {
+    width: 16px;
+    height: 16px;
+}
+QCheckBox::indicator:unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked.png);
+}
+QCheckBox::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QCheckBox::indicator:unchecked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_disabled.png);
+}
+QCheckBox::indicator:checked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked.png);
+}
+QCheckBox::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_hover.png);
+}
+QCheckBox::indicator:checked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_disabled.png);
+}
+QCheckBox::indicator:indeterminate {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked.png);
+}
+
+
+QRadioButton {
+	spacing: 8px;
+}
+
+QRadioButton::indicator {
+    width: 16px;
+    height: 16px;
+}
+QRadioButton:hover {
+	color: $hover;
+}
+QRadioButton::indicator::unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked.png);
+}
+
+QRadioButton::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked_hover.png);
+}
+
+QRadioButton::indicator:unchecked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked_disabled.png);
+}
+
+QRadioButton::indicator:checked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked.png);
+}
+
+QRadioButton::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked_hover.png);
+}
+
+QRadioButton::indicator:checked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked_disabled.png);
+}
+
+
+
+
+
+QScrollBar:horizontal {
+	background: $half_dark;
+    height: 16px;
+}
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    background: $half_dark;
+}
+QScrollBar::handle:horizontal {
+    background: $light;
+	border: 1px solid $half_light;
+	border-radius: 8px;
+    min-width: 20px;
+}
+QScrollBar:vertical {
+	background: $half_dark;
+    width: 16px;
+}
+QScrollBar::handle:vertical {
+    background: $light;
+	border: 1px solid $half_light;
+	border-radius: 8px;
+    min-height: 20px;
+}
+QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+	width: 0px;
+}
+ QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical  {
+	 height: 0px;
+ }
+
+
+
+
+
+QToolButton {
+    background-color: $base;
+	border: 1px solid transparent;
+	min-width: 32px;
+	min-height: 32px;
+	color: $text;
+}
+
+QToolButton:hover {
+    background-color: $half_light;
+	border: 1px solid $light;
+}
+QToolButton:pressed {
+	background-color: $half_dark;
+    border: 1px solid $half_light;
+}
+QToolButton:disabled {
+	background-color: $base;
+    border: 1px solid transparent;
+}
+QToolButton:checked  {
+	background-color: $half_dark;
+    border: 1px solid $half_light;
+}
+QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
+    min-width: 60px;
+	padding-right: 26px; /* make way for the popup button */
+	padding-left: 4px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+
+
+
+/* the subcontrols below are used only in the MenuButtonPopup mode */
+QToolButton::menu-button {
+    border: 1px solid transparent;
+    width: 20px;
+}
+
+QToolButton::menu-button:hover {
+    border: 1px solid $light;
+}
+
+
+
+QDialogButtonBox QPushButton {
+	padding: 6px 26px;
+}
+
+QPushButton {
+	 background-color: $half_light;
+	 border: 1px solid $light;
+	 border-radius: 1px;
+	 padding: 6px 6px;
+ }
+QPushButton:hover {
+	background-color: $light;
+ }
+QPushButton:pressed {
+	background-color: $half_dark;
+ }
+QPushButton:disabled {
+	background-color: $half_dark;
+	color: $light;
+ }
+
+
+
+
+
+QAbstractSpinBox {
+    padding-right: 15px; /* make room for the arrows */
+	background: $half_dark;
+}
+QAbstractSpinBox::up-button {
+    subcontrol-origin: border;
+    subcontrol-position: top right; /* position at the top right corner */
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spinup.png) 1;
+}
+QAbstractSpinBox::up-button:pressed, QAbstractSpinBox::up-button:off {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spinup_pressed.png) 1;
+}
+QAbstractSpinBox::up-button:disabled {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spinup_disabled.png) 1;
+}
+QAbstractSpinBox::up-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/up_arrow.png);
+}
+QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off { /* off state when value is max */
+   image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow_disabled.png);
+}
+QAbstractSpinBox::down-button {
+    subcontrol-origin: border;
+    subcontrol-position: bottom right; /* position at bottom right corner */
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spindown.png) 1;
+}
+QAbstractSpinBox::down-button:pressed, QAbstractSpinBox::down-button:off {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spindown_pressed.png) 1;
+}
+QAbstractSpinBox::down-button:disabled {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spindown_disabled.png) 1;
+}
+QAbstractSpinBox::down-arrow {
+	image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow.png);
+}
+QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off { /* off state when value in min */
+   image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/up_arrow_disabled.png);
+}
+
+
+
+QComboBox {
+    border: none;
+    padding: 3px 18px 3px 6px;
+    min-width: 6em;
+}
+QComboBox QAbstractItemView {
+    selection-background-color: $highlight;
+}
+QComboBox:editable {
+    background: $half_dark;
+}
+QComboBox:!editable, QComboBox::drop-down:editable {
+     background: $half_light;
+}
+/* QComboBox gets the "on" state when the popup is open */
+QComboBox:!editable:on, QComboBox::drop-down:editable:on {
+    background: $light;
+}
+QComboBox::drop-down {
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 18px;
+    border: none;
+}
+QComboBox::down-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow.png);
+}
+
+
+QSlider::groove:horizontal {
+    height: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: $half_dark;
+	border: 1px solid $half_light;
+}
+
+QSlider::handle:horizontal {
+    background: $highlight;
+    width: 7px;
+    margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 2px;
+	border: 1px solid $half_dark;
+}
+QSlider::add-page:horizontal {
+    background: $half_dark;
+	border: 1px solid $half_light;
+}
+QSlider::sub-page:horizontal {
+    background-color: qlineargradient(x0:0, y0:0, x1:1, y1:0, stop:0 $highlight, stop:1 $half_light);
+	border: 1px solid $half_light;
+
+}
+
+
+
+
+QSlider::groove:vertical {
+    width: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: $half_dark;
+		border: 1px solid $half_light;
+}
+
+QSlider::handle:vertical {
+    background: $highlight;
+    height: 7px;
+    margin: 0 -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 2px;
+		border: 1px solid $half_dark;
+}
+QSlider::add-page:vertical {
+    background: $half_dark;
+		border: 1px solid $half_light;
+}
+QSlider::sub-page:vertical {
+    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 $half_light, stop:1 $highlight);
+		border: 1px solid $half_light;
+}
+
+
+QStatusBar {
+    background: $base;
+}
+QStatusBar::item {
+    border-left: 1px solid $half_light;
+}
+
+
+QTableView {
+	color: $disabled;
+	background-color: $half_dark;
+	selection-color: $text;
+    selection-background-color: $half_light;
+	gridline-color: $light;
+}
+
+QTableView QTableCornerButton::section {
+    background: $half_light;
+	border-style: solid;
+    border-bottom: 1px solid $light;
+	border-right: 1px solid $light;
+}
+
+QHeaderView::section {
+    background-color: $half_light;
+    color: white;
+    padding: 0px 4px;
+	border-style: solid;
+    border-right: 1px solid $light;
+	border-bottom: 1px solid $light;
+}
+
+QHeaderView::section:checked
+{
+    background-color: $light;
+}
+
+/* style the sort indicator */
+QHeaderView::down-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow.png);
+}
+
+QHeaderView::up-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/up_arrow.png);
+}
+
+
+
+
+QProgressBar {
+    border: 1px solid $half_light;
+    border-radius: 2px;
+	text-align: center;
+	background-color: $half_dark;
+}
+
+QProgressBar::chunk {
+    background-color: $highlight;
+    width: 1px;
+}
+
+
+
+QTreeView::branch:has-siblings:!adjoins-item {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_vline.png) 0;
+}
+
+QTreeView::branch:has-siblings:adjoins-item {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_branch_more.png) 0;
+}
+
+QTreeView::branch:!has-children:!has-siblings:adjoins-item {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_branch_end.png) 0;
+}
+
+QTreeView::branch:has-children:!has-siblings:closed,
+QTreeView::branch:closed:has-children:has-siblings {
+        border-image: none;
+        image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_branch_closed.png);
+}
+
+QTreeView::branch:open:has-children:!has-siblings,
+QTreeView::branch:open:has-children:has-siblings  {
+        border-image: none;
+		image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_branch_open.png);
+}
+QTreeView::item:selected:active{
+    background-color: $highlight;
+	color: $dark;
+}
+QTreeView::item:selected:!active{
+    background-color: $highlight;
+	color: $dark;
+}
+
+
+
+/*======================================*/
+QListView {
+	border: none;
+	outline: none;
+}
+QListView::item {
+	background-color: $half_dark;
+	min-height: 18px;
+}
+QListView::item:alternate {
+	background: $base;
+}
+
+QListView::item:selected {
+	background: $highlight;
+	color: $hover;
+}
+/*=======================================*/
+QToolBox {
+	background: $base;
+}
+QToolBox::tab {
+	background: $half_light;
+	border-top: 1px solid $light;
+	color: $text;
+	padding-left: 4px;
+}
+QToolBox::tab:selected {
+	background: $half_light;
+	border-left: 3px solid $highlight;
+	color: $hover;
+	font-weight: bold;
+	padding: 4px;
+}
+QToolBox::tab:hover {
+	background: $light;
+	color: $hover;
+	padding-left: 4px;
+}
+
+
+/*=======================================*/
+color_widgets--ColorSelector {
+	min-width: 100px;
+	max-height: 30px;
+}
+
+color_widgets--ColorWheel {
+	padding: 20px !important;
+}
+
+
+
+noggit--ui--PaletteList::item:selected:active {
+	border: 1px solid $highlight;
+	background: transparent;
+	color: $text;
+}
+noggit--ui--TextureList::item:selected {
+	border: 1px solid $highlight;
+	background: transparent;
+	color: $text;
+}
+
+QPushButton[accessibleName="map_wizard_remove_button"] {
+    qproperty-iconSize: 14px;
+    margin-left: 6px;
+}
+QPushButton[accessibleName="map_wizard_add_button"] {
+    qproperty-iconSize: 14px;
+}
+QPushButton[accessibleName="map_wizard_save_button"] {
+    qproperty-iconSize: 14px;
+	margin-right: 6px;
+}
+QPushButton[accessibleName="map_wizard_discard_button"] {
+    qproperty-iconSize: 14px;
+}
+
+
+
+QSlider[accessibleName="texturing_brush_level_slider"]::groove:vertical {
+  background-color: qlineargradient(x1:0.5, y1:0, x2:0.5, y2:1, stop: 0 black, stop: 1 white);
+  width: 35px;
+  margin: 0;
+}
+QSlider[accessibleName="texturing_brush_level_slider"]::handle:vertical {
+  background-color: $highlight;
+  height: 5px;
+}
+QSlider[accessibleName="texturing_brush_level_slider"]::vertical {
+  width: 35px;
+  min-height: 100px;
+  max-height: 200px;
+}
+QSlider[accessibleName="texturing_brush_level_slider"]::add-page:vertical {
+  background: transparent;
+}
+QSlider[accessibleName="texturing_brush_level_slider"]::sub-page:vertical {
+  background: transparent;
+}
+
+
+
+QPushButton[accessibleName="titlebar_icon"]{
+  border: none;
+  background-color: $base;
+  margin-left: 3px;
+}
+
+
+QPushButton[accessibleName="titlebar_minimize"],
+QPushButton[accessibleName="titlebar_maximize"],
+QPushButton[accessibleName="titlebar_close"]{
+  border: none;
+  background-color: $base;
+}
+QPushButton[accessibleName="titlebar_minimize"]:hover,
+QPushButton[accessibleName="titlebar_maximize"]:hover,
+QPushButton[accessibleName="titlebar_close"]:hover{
+  border: none;
+  background-color: $light;
+}
+QPushButton[accessibleName="titlebar_minimize"]:pressed,
+QPushButton[accessibleName="titlebar_maximize"]:pressed,
+QPushButton[accessibleName="titlebar_close"]:pressed{
+  border: none;
+  background-color: $half_dark;
+}
+
+QWidget[accessibleName="font_noggit_button_style"]{
+  color: $highlight;
+}
+QWidget[accessibleName="font_noggit_button_style"]:disabled{
+  color: $text;
+}
+QWidget[accessibleName="font_awesome_button_style"]{
+  color: $highlight;
+}
+QWidget[accessibleName="font_awesome_button_style"]:disabled{
+  color: $text;
+}
+QWidget[accessibleName="main_menu_minimap_holder"]{
+  background-color: $half_dark;
+}
+
+QPushButton#gamePathField_browse,
+QPushButton#projectPathField_browse,
+QPushButton#importPathField_browse,
+QPushButton#wmvLogPathField_browse{
+	margin-left: 6px;
+}
+
+QSlider[accessibleName="overlay_slider_vertical"]::vertical {
+  padding: 12px 5px;
+  background: transparent;
+}
+QSlider[accessibleName="overlay_slider_horizontal"]::horizontal {
+  padding: 5px 12px;
+  background: transparent;
+}
+QLabel[accessibleName="overlay_label"]{
+  background: transparent;
+  color: $hover;
+  padding: 0 10px;
+}
+QTreeView[accessibleName="ab_treeview"]::item {
+  border: 1px solid transparent;
+  padding: -1px -3px;
+  margin: 1px;
+}
+QTreeView[accessibleName="ab_treeview"]::item:selected {
+  border: 1px solid $highlight;
+  color: $hover;
+  background: $half_light;
+}
+
+
+/* ADVANCED DOCKING SYSTEM */
+
+
+/*
+ * Default style sheet on Windows Platforms
+ */
+ads--CDockAreaTitleBar {
+	background: $base;
+	border: none;
+}
+ 
+ads--CDockContainerWidget {
+	background: $base;
+}
+
+ads--CDockContainerWidget ads--CDockSplitter::handle {
+	background: $base;
+}
+
+ads--CDockAreaWidget {
+	background: $base;
+	border: none;
+}
+
+ads--CDockWidgetTab {
+	background: $base;
+	border-right: 1px solid $half_light;
+	border-top: 2px solid transparent;
+	color: $text;
+	padding-left: 8px;
+	padding-right: 0px;
+	max-height: 24px;
+}
+
+ads--CDockWidgetTab[activeTab="true"] {
+	background: $base;
+	border-top: 2px solid $highlight;
+	max-height: 24px;
+}
+
+ads--CDockWidgetTab QLabel {
+	color: $text;
+	padding: 0 -8px;
+}
+
+ads--CDockWidgetTab[activeTab="true"] QLabel {
+	color: $text;
+}
+
+ads--CDockWidget {
+	background: $base;
+	border: none;
+}
+
+ads--CTitleBarButton {
+	padding: 0px 0px;
+}
+
+QScrollArea#dockWidgetScrollArea {
+	padding: 0px;
+	border: none;
+}
+
+#tabCloseButton {
+	background: none;
+	border: none;
+	margin-left: 6px;
+	qproperty-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_close.png);
+	qproperty-iconSize: 8px;
+}
+
+#tabCloseButton:hover {
+	border: 1px solid $light;
+	background: $half_light;
+}
+
+#tabCloseButton:pressed {
+	background: $half_dark;
+}
+#tabsMenuButton::menu-indicator {
+	image: none;
+}
+
+
+#tabsMenuButton {
+	background: none;
+	border: none;
+	qproperty-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_undock.png);
+	qproperty-iconSize: 24px;
+}
+#tabsMenuButton:hover {
+	border: 1px solid $light;
+	background: $half_light;
+}
+#dockAreaCloseButton {
+	background: none;
+	border: none;
+	qproperty-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_close.png);
+	qproperty-iconSize: 10px;
+}
+#dockAreaCloseButton:hover {
+	border: 1px solid $light;
+	background: $half_light;
+}
+#detachGroupButton {
+	background: none;
+	border: none;
+	qproperty-icon: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_restore.png);
+	qproperty-iconSize: 24px;	
+}
+#detachGroupButton:hover {
+	border: 1px solid $light;
+	background: $half_light;	
+}

resources/themes/Dark/nodes_theme.json

@@ -0,0 +1,50 @@
+
+{
+  "_comment": {
+    "$light = #373b40; 55, 59, 64": 0,
+    "$half_light = #2d2f34; 45, 47, 52": 0,
+    "$base = #26282d; 38, 40, 45": 0,
+    "$half_dark = #1f2023; 31, 32, 35": 0,
+    "$dark = #141517; 20, 21, 23": 0
+  },
+  "FlowViewStyle": {
+    "BackgroundColor": [43, 44, 48],
+    "FineGridColor": [51, 53, 59],
+    "CoarseGridColor": [31, 32, 35]
+  },
+  "NodeStyle": {
+    "NormalBoundaryColor": [132, 141, 153],
+    "SelectedBoundaryColor": [82, 129, 185],
+    "GradientColor0": [66, 71, 77],
+    "GradientColor1": [66, 71, 77],
+    "GradientColor2": [66, 71, 77],
+    "GradientColor3": [66, 71, 77],
+    "ShadowColor": [20, 20, 20],
+    "FontColor" : "white",
+    "FontColorFaded" : "white",
+    "ConnectionPointColor": [169, 169, 169],
+    "FilledConnectionPointColor": "cyan",
+    "ErrorColor": "red",
+    "WarningColor": [128, 128, 0],
+
+    "PenWidth": 1.0,
+    "HoveredPenWidth": 1.7,
+
+    "ConnectionPointDiameter": 10.0,
+
+    "Opacity": 0.8
+  },
+  "ConnectionStyle": {
+    "ConstructionColor": "gray",
+    "NormalColor": "darkcyan",
+    "SelectedColor": [100, 100, 100],
+    "SelectedHaloColor": "orange",
+    "HoveredColor": "lightcyan",
+
+    "LineWidth": 3.0,
+    "ConstructionLineWidth": 2.0,
+    "PointDiameter": 10.0,
+
+    "UseDataDefinedColors": true
+  }
+}

resources/themes/McNet/editing_theme.qss

@@ -0,0 +1,411 @@
+$window = #2e2b35;
+$bright_window = #504d55;
+$darken = #28252e;
+$lighten = #383440;
+$highlight =  #be3b29;
+
+$alternate = #424242;
+$text = #d7d7d7;
+$hovered_text =  #ffffff;
+$disabled = #7f7f7f;
+$shadow = #1b1922;
+
+
+QWidget {
+	background: $window;
+	border: none;
+	color: $text;
+	shadow: none;
+}
+QDockWidget::title {
+	background: $window;
+	padding-left: 12px;
+}
+QDockWidget::close-button, QDockWidget::float-button {
+    border: 1px solid $window;
+    background: $bright_window;
+
+}
+
+
+QMenu {
+    background-color: $window; /* sets background of the menu */
+    border: none;
+}
+QMenu::item {
+    /* sets background of menu item. set this to something non-transparent
+        if you want menu color and menu item color to be different */
+    background-color: transparent;
+}
+QMenu::item:selected { /* when user selects item using mouse or keyboard */
+    background-color: $bright_window;
+}
+
+
+
+
+
+QMenuBar {
+    background-color: $window;
+}
+QMenuBar::item {
+    padding: 1px 10px;
+}
+
+QMenuBar::item:selected { /* when selected using mouse or keyboard */
+    background: $bright_window;
+}
+
+QMenuBar::item:pressed {
+    background: $darken;
+}
+
+
+
+QToolBar {
+    background: $window;
+    spacing: 3px; /* spacing between items in the tool bar */
+}
+QToolBar::separator {
+    background: $lighten;
+	width: 2px;
+}
+QToolBar::handle:horizontal {
+    border-left: 2px solid $lighten;
+	 border-right: 2px solid $lighten;
+	width: 2px;
+	background: $darken;
+	margin-left: 4px;
+	margin-right: 4px;
+}
+QToolBar::handle:vertical {
+    border-top: 2px solid $lighten;
+	 border-bottom: 2px solid $lighten;
+	height: 2px;
+	background: $darken;
+	margin-top: 4px;
+	margin-bottom: 4px;
+}
+
+
+
+
+
+
+
+QLineEdit {
+	color: $text;
+    padding: 0 8px;
+    background: $darken;
+    selection-background-color: $highlight;
+}
+QLineEdit:read-only {
+    background: $window;
+}
+QFrame {
+	background: $darken;
+}
+QLabel {
+	background: $window;
+	padding: 2px 4px;
+}
+QGroupBox::indicator {
+	width: 16px;
+	height: 16px;
+	margin-top: 1px;
+}
+QGroupBox::indicator:unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked.png);
+}
+QGroupBox::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QGroupBox::indicator:checked {
+	image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked.png);
+}
+QGroupBox::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_hover.png);
+}
+
+QGroupBox {
+	font-weight: bold;
+	border: 1px solid $lighten;
+	padding-top: 28px;
+	padding-left: 12px;
+	padding-right: 12px;
+	padding-bottom: 4px;
+	border-bottom: 1px solid $lighten;
+	margin-bottom: 15px;
+}
+QGroupBox::title {
+	border-bottom: 1px solid $highlight;
+	border-top: 1px solid $lighten;
+	subcontrol-origin: margin;
+	subcontrol-position: top center;
+	padding: 6px 8px 6px 8px;
+}
+
+QListView {
+  border: none;
+  outline: none;
+}
+QListView::item:selected {
+	background: $highlight;
+}
+QTabBar::tab {
+	background: $lighten;
+	border: 1px solid $window;
+	border-bottom: none;
+	min-width: 55px;
+	padding: 4px 6px;
+}
+QTabBar::tab:hover {
+	background: $bright_window;
+	border-top: 1px solid $highlight;
+}
+QTabBar::tab:selected {
+	background: $window;
+	border-top: 3px solid $highlight;
+}
+
+
+
+QCheckBox {
+    spacing: 8px;
+}
+QCheckBox:hover {
+	color: $hovered_text;
+}
+QCheckBox::indicator {
+    width: 16px;
+    height: 16px;
+}
+QCheckBox::indicator:unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked.png);
+}
+QCheckBox::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QCheckBox::indicator:unchecked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_unchecked_disabled.png);
+}
+QCheckBox::indicator:checked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked.png);
+}
+QCheckBox::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_hover.png);
+}
+QCheckBox::indicator:checked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_checked_disabled.png);
+}
+QCheckBox::indicator:indeterminate:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_checkbox_indeterminate_pressed.png);
+}
+
+
+QRadioButton {
+	spacing: 8px;
+}
+
+QRadioButton::indicator {
+    width: 16px;
+    height: 16px;
+}
+QRadioButton:hover {
+	color: $hovered_text;
+}
+QRadioButton::indicator::unchecked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked.png);
+}
+
+QRadioButton::indicator:unchecked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked_hover.png);
+}
+
+QRadioButton::indicator:unchecked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_unchecked_disabled.png);
+}
+
+QRadioButton::indicator:checked {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked.png);
+}
+
+QRadioButton::indicator:checked:hover {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked_hover.png);
+}
+
+QRadioButton::indicator:checked:disabled {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/icon_radiobutton_checked_disabled.png);
+}
+
+
+
+
+
+QScrollBar:horizontal {
+	background: $lighten;
+    height: 12px;
+}
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    background: $bright_window;
+}
+QScrollBar::handle:horizontal {
+    background: $darken;
+    min-width: 20px;
+}
+QScrollBar:vertical {
+	background: $lighten;
+    width: 12px;
+}
+QScrollBar::handle:vertical {
+    background: $darken;
+    min-height: 20px;
+}
+QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+    background: $window;
+	width: 0px;
+}
+ QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical  {
+     background: $window;
+	 height: 0px;
+ }
+
+
+
+
+
+QToolButton {
+    background-color: $window;
+}
+
+QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
+    padding-right: 26px; /* make way for the popup button */
+	padding-left: 4px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+
+QToolButton:pressed {
+    background-color: $lighten;
+}
+
+/* the subcontrols below are used only in the MenuButtonPopup mode */
+QToolButton::menu-button {
+    border: 1px solid $lighten;
+    width: 16px;
+}
+
+
+QDialogButtonBox QPushButton {
+	min-width: 60px;
+}
+ QDialogButtonBox {
+	min-width: 150px;
+	min-height: 30px;
+}
+
+QPushButton {
+	 background-color: $lighten;
+	 border: none;
+	 border-radius: 1px;
+	 padding: 6px 0px;
+ }
+QPushButton:hover {
+	background-color: $bright_window;
+ }
+QPushButton:pressed {
+	background-color: $darken;
+ }
+QPushButton:disabled {
+	background-color: $darken;
+	color: $bright_window;
+ }
+
+
+
+
+
+
+
+QAbstractSpinBox {
+    padding-right: 15px; /* make room for the arrows */
+}
+QAbstractSpinBox::up-button {
+    subcontrol-origin: border;
+    subcontrol-position: top right; /* position at the top right corner */
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spinup.png) 1;
+}
+QAbstractSpinBox::up-button:pressed, QAbstractSpinBox::up-button:off {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spinup_pressed.png) 1;
+}
+QAbstractSpinBox::up-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/up_arrow.png);
+}
+QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off { /* off state when value is max */
+   image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow_disabled.png);
+}
+QAbstractSpinBox::down-button {
+    subcontrol-origin: border;
+    subcontrol-position: bottom right; /* position at bottom right corner */
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spindown.png) 1;
+}
+QAbstractSpinBox::down-button:pressed, QAbstractSpinBox::down-button:off {
+    border-image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/spindown_pressed.png) 1;
+}
+QAbstractSpinBox::down-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow.png);
+}
+QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off { /* off state when value in min */
+   image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/up_arrow_disabled.png);
+}
+
+
+
+QComboBox {
+    border: none;
+    padding: 3px 18px 3px 6px;
+    min-width: 6em;
+}
+QComboBox:editable {
+    background: $darken;
+}
+QComboBox:!editable, QComboBox::drop-down:editable {
+     background: $lighten;
+}
+/* QComboBox gets the "on" state when the popup is open */
+QComboBox:!editable:on, QComboBox::drop-down:editable:on {
+    background: $bright_window;
+}
+QComboBox::drop-down {
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 18px;
+    border: none;
+}
+QComboBox::down-arrow {
+    image: url(C:/Work/NoggitRed/binaries/bin/Release/themes/dark/images/down_arrow.png);
+}
+
+
+QSlider::groove:horizontal {
+    height: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: $darken;
+	border: 1px solid $lighten;
+}
+
+QSlider::handle:horizontal {
+    background: $bright_window;
+    width: 11px;
+    margin: -6px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 2px;
+	border: 1px solid $darken;
+}
+
+
+
+QStatusBar {
+    background: $window;
+}
+QStatusBar::item {
+    border-left: 1px solid $lighten;
+}

resources/themes/McNet/theme.qss

@@ -0,0 +1,625 @@
+
+
+
+
+QWidget {
+	background: #2e2b35;
+	border: none;
+	color: #d7d7d7;
+	outline: 0;
+}
+QWidget:disabled {
+	color: #7f7f7f;
+	outline: none;
+}
+QDockWidget::title {
+	background: #2e2b35;
+	padding-left: 12px;
+}
+QDockWidget::close-button, QDockWidget::float-button {
+    border: 1px solid #2e2b35;
+    background: #504d55;
+
+}
+
+
+QMenu {
+    background-color: #2e2b35; /* sets background of the menu */
+    border: none;
+}
+QMenu::item {
+    /* sets background of menu item. set this to something non-transparent
+        if you want menu color and menu item color to be different */
+    background-color: transparent;
+}
+QMenu::item:selected { /* when user selects item using mouse or keyboard */
+    background-color: #504d55;
+}
+
+
+
+QMenu::separator {
+    height: 1px;
+    background: #504d55;
+}
+
+
+QMenuBar {
+    background-color: #2e2b35;
+}
+QMenuBar::item {
+    padding: 1px 10px;
+}
+
+QMenuBar::item:selected { /* when selected using mouse or keyboard */
+    background: #504d55;
+}
+
+QMenuBar::item:pressed {
+    background: #28252e;
+}
+
+
+
+QToolBar {
+    background: #2e2b35;
+    spacing: 3px; /* spacing between items in the tool bar */
+	min-height: 42px;
+	min-width: 42px;
+}
+QToolBar::separator {
+    background: #383440;
+	width: 2px;
+}
+QToolBar::handle:horizontal {
+    border-left: 2px solid #383440;
+	 border-right: 2px solid #383440;
+	width: 2px;
+	background: #28252e;
+	margin-left: 4px;
+	margin-right: 4px;
+}
+QToolBar::handle:vertical {
+    border-top: 2px solid #383440;
+	 border-bottom: 2px solid #383440;
+	height: 2px;
+	background: #28252e;
+	margin-top: 4px;
+	margin-bottom: 4px;
+}
+
+
+
+
+
+
+
+QLineEdit {
+	color: #d7d7d7;
+    padding: 0 8px;
+    background: #28252e;
+    selection-background-color: #be3b29;
+}
+QLineEdit:read-only {
+    background: #2e2b35;
+}
+QFrame {
+	background: #28252e;
+}
+QLabel {
+	background: transparent;
+	padding: 2px 4px;
+}
+QGroupBox QLabel:disabled {
+	color: #7f7f7f;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+}
+
+
+
+
+
+QGroupBox::indicator {
+	width: 14px;
+	height: 14px;
+	margin-top: 1px;
+}
+QGroupBox::indicator:unchecked {
+    image: url(themes/dark/images/icon_checkbox_unchecked.png);
+}
+QGroupBox::indicator:unchecked:hover {
+    image: url(themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QGroupBox::indicator:checked {
+		image: url(themes/dark/images/icon_checkbox_checked.png);
+}
+QGroupBox::indicator:checked:hover {
+    image: url(themes/dark/images/icon_checkbox_checked_hover.png);
+}
+
+
+
+QGroupBox {
+	font-weight: bold;
+	border: 1px solid #383440;
+	padding-top: 22px;
+	padding-left: 12px;
+	padding-right: 12px;
+	padding-bottom: 4px;
+	outline: none;
+
+}
+QGroupBox::title {
+	background: none;
+	border-bottom: 1px solid #be3b29;
+	border-top: 1px solid #383440;
+	color: #d7d7d7;
+	subcontrol-origin: margin;
+	subcontrol-position: top center;
+	padding: 4px 0px;
+	spacing: 8px;
+}
+
+
+
+
+
+
+QTabBar::tab {
+	background: #383440;
+	border: 1px solid #2e2b35;
+	border-bottom: none;
+	padding: 4px 10px;
+	min-width: 55px;
+}
+QTabBar::tab:left, QTabBar::tab:right {
+	min-width: 15px;
+	min-height: 35px;
+	padding: 4px 6px;
+}
+QTabBar::tab:left:selected {
+	border: none;
+	border-left: 3px solid #be3b29;
+}
+QTabBar::tab:left:selected:hover {
+	border: none;
+	border-left: 3px solid #be3b29;
+}
+QTabBar::tab:left:hover {
+	border: none;
+	border-left: 1px solid #be3b29;
+}
+QTabBar::tab:right:selected {
+	border: none;
+	border-right: 3px solid #be3b29;
+}
+QTabBar::tab:right:selected:hover {
+	border: none;
+	border-right: 3px solid #be3b29;
+}
+QTabBar::tab:right:hover {
+	border: none;
+	border-right: 1px solid #be3b29;
+}
+
+
+QTabBar::tab:hover {
+	background: #504d55;
+	border-top: 1px solid #be3b29;
+}
+QTabBar::tab:selected {
+	background: #2e2b35;
+	border-top: 3px solid #be3b29;
+}
+
+QCheckBox {
+    spacing: 8px;
+}
+QCheckBox:hover {
+	color: #ffffff;
+}
+QCheckBox::indicator {
+    width: 16px;
+    height: 16px;
+}
+QCheckBox::indicator:unchecked {
+    image: url(themes/dark/images/icon_checkbox_unchecked.png);
+}
+QCheckBox::indicator:unchecked:hover {
+    image: url(themes/dark/images/icon_checkbox_unchecked_hover.png);
+}
+QCheckBox::indicator:unchecked:disabled {
+    image: url(themes/dark/images/icon_checkbox_unchecked_disabled.png);
+}
+QCheckBox::indicator:checked {
+    image: url(themes/dark/images/icon_checkbox_checked.png);
+}
+QCheckBox::indicator:checked:hover {
+    image: url(themes/dark/images/icon_checkbox_checked_hover.png);
+}
+QCheckBox::indicator:checked:disabled {
+    image: url(themes/dark/images/icon_checkbox_checked_disabled.png);
+}
+QCheckBox::indicator:indeterminate {
+    image: url(themes/dark/images/icon_checkbox_checked.png);
+}
+
+
+QRadioButton {
+	spacing: 8px;
+}
+
+QRadioButton::indicator {
+    width: 16px;
+    height: 16px;
+}
+QRadioButton:hover {
+	color: #ffffff;
+}
+QRadioButton::indicator::unchecked {
+    image: url(themes/dark/images/icon_radiobutton_unchecked.png);
+}
+
+QRadioButton::indicator:unchecked:hover {
+    image: url(themes/dark/images/icon_radiobutton_unchecked_hover.png);
+}
+
+QRadioButton::indicator:unchecked:disabled {
+    image: url(themes/dark/images/icon_radiobutton_unchecked_disabled.png);
+}
+
+QRadioButton::indicator:checked {
+    image: url(themes/dark/images/icon_radiobutton_checked.png);
+}
+
+QRadioButton::indicator:checked:hover {
+    image: url(themes/dark/images/icon_radiobutton_checked_hover.png);
+}
+
+QRadioButton::indicator:checked:disabled {
+    image: url(themes/dark/images/icon_radiobutton_checked_disabled.png);
+}
+
+
+
+
+
+QScrollBar:horizontal {
+	background: #28252e;
+    height: 16px;
+}
+QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal, QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
+    background: #28252e;
+}
+QScrollBar::handle:horizontal {
+    background: #504d55;
+	border: 1px solid #383440;
+	border-radius: 8px;
+    min-width: 20px;
+}
+QScrollBar:vertical {
+	background: #28252e;
+    width: 16px;
+}
+QScrollBar::handle:vertical {
+    background: #504d55;
+	border: 1px solid #383440;
+	border-radius: 8px;
+    min-height: 20px;
+}
+QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
+	width: 0px;
+}
+ QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical  {
+	 height: 0px;
+ }
+
+
+
+
+
+QToolButton {
+    background-color: #2e2b35;
+	border: 1px solid transparent;
+	padding: 0px;
+	width: 30px;
+	height: 30px;
+	color: #d7d7d7;
+}
+
+QToolButton:hover {
+    background-color: #383440;
+	border: 1px solid #504d55;
+}
+QToolButton:pressed {
+	background-color: #28252e;
+    border: 1px solid #383440;
+}
+QToolButton:selected {
+	background-color: #28252e;
+    border: 1px solid #383440;
+
+}
+
+QToolButton[popupMode="1"] { /* only for MenuButtonPopup */
+    min-width: 60px;
+	padding-right: 26px; /* make way for the popup button */
+	padding-left: 4px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+
+
+
+/* the subcontrols below are used only in the MenuButtonPopup mode */
+QToolButton::menu-button {
+    border: 1px solid #383440;
+    width: 20px;
+}
+
+QToolButton::menu-button:hover {
+    border: 1px solid #504d55;
+}
+
+
+
+QDialogButtonBox QPushButton {
+	padding: 6px 26px;
+}
+ /*QDialogButtonBox {
+	min-width: 250px;
+	min-height: 35px;
+}*/
+
+QPushButton {
+	 background-color: #383440;
+	 border: 1px solid #504d55;
+	 border-radius: 1px;
+	 padding: 6px 6px;
+ }
+QPushButton:hover {
+	background-color: #504d55;
+ }
+QPushButton:pressed {
+	background-color: #28252e;
+ }
+QPushButton:disabled {
+	background-color: #28252e;
+	color: #504d55;
+ }
+
+
+
+
+
+QAbstractSpinBox {
+    padding-right: 15px; /* make room for the arrows */
+	background: #28252e;
+}
+QAbstractSpinBox::up-button {
+    subcontrol-origin: border;
+    subcontrol-position: top right; /* position at the top right corner */
+    border-image: url(themes/dark/images/spinup.png) 1;
+}
+QAbstractSpinBox::up-button:pressed, QAbstractSpinBox::up-button:off {
+    border-image: url(themes/dark/images/spinup_pressed.png) 1;
+}
+QAbstractSpinBox::up-button:disabled {
+    border-image: url(themes/dark/images/spinup_disabled.png) 1;
+}
+QAbstractSpinBox::up-arrow {
+    image: url(themes/dark/images/up_arrow.png);
+}
+QAbstractSpinBox::up-arrow:disabled, QAbstractSpinBox::up-arrow:off { /* off state when value is max */
+   image: url(themes/dark/images/down_arrow_disabled.png);
+}
+QAbstractSpinBox::down-button {
+    subcontrol-origin: border;
+    subcontrol-position: bottom right; /* position at bottom right corner */
+    border-image: url(themes/dark/images/spindown.png) 1;
+}
+QAbstractSpinBox::down-button:pressed, QAbstractSpinBox::down-button:off {
+    border-image: url(themes/dark/images/spindown_pressed.png) 1;
+}
+QAbstractSpinBox::down-button:disabled {
+    border-image: url(themes/dark/images/spindown_disabled.png) 1;
+}
+QAbstractSpinBox::down-arrow {
+	image: url(themes/dark/images/down_arrow.png);
+}
+QAbstractSpinBox::down-arrow:disabled, QAbstractSpinBox::down-arrow:off { /* off state when value in min */
+   image: url(themes/dark/images/up_arrow_disabled.png);
+}
+
+
+
+QComboBox {
+    border: none;
+    padding: 3px 18px 3px 6px;
+    min-width: 6em;
+}
+QComboBox:editable {
+    background: #28252e;
+}
+QComboBox:!editable, QComboBox::drop-down:editable {
+     background: #383440;
+}
+/* QComboBox gets the "on" state when the popup is open */
+QComboBox:!editable:on, QComboBox::drop-down:editable:on {
+    background: #504d55;
+}
+QComboBox::drop-down {
+    subcontrol-origin: padding;
+    subcontrol-position: top right;
+    width: 18px;
+    border: none;
+}
+QComboBox::down-arrow {
+    image: url(themes/dark/images/down_arrow.png);
+}
+
+
+QSlider::groove:horizontal {
+    height: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: #28252e;
+	border: 1px solid #383440;
+}
+
+QSlider::handle:horizontal {
+    background: #be3b29;
+    width: 7px;
+    margin: -5px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 2px;
+	border: 1px solid #28252e;
+}
+QSlider::add-page:horizontal {
+    background: #28252e;
+	border: 1px solid #383440;
+}
+QSlider::sub-page:horizontal {
+    background-color: qlineargradient(x0:0, y0:0, x1:1, y1:0, stop:0 #be3b29, stop:1 #2e2b35);
+	border: 1px solid #383440;
+
+}
+
+
+
+
+QSlider::groove:vertical {
+    width: 6px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: #28252e;
+		border: 1px solid #383440;
+}
+
+QSlider::handle:vertical {
+    background: #be3b29;
+    height: 7px;
+    margin: 0 -5px; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 2px;
+		border: 1px solid #28252e;
+}
+QSlider::add-page:vertical {
+    background: #28252e;
+		border: 1px solid #383440;
+}
+QSlider::sub-page:vertical {
+    background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2e2b35, stop:1 #be3b29);
+		border: 1px solid #383440;
+}
+
+
+QStatusBar {
+    background: #2e2b35;
+}
+QStatusBar::item {
+    border-left: 1px solid #383440;
+}
+
+
+QTableView {
+	color: #7f7f7f;
+	background-color: #28252e;
+	selection-color: #d7d7d7;
+    selection-background-color: #383440;
+	gridline-color: #504d55;
+}
+
+QTableView QTableCornerButton::section {
+    background: #383440;
+	border-style: solid;
+    border-bottom: 1px solid #504d55;
+	border-right: 1px solid #504d55;
+}
+
+QHeaderView::section {
+    background-color: #383440;
+    color: white;
+    padding: 0px 4px;
+	border-style: solid;
+    border-right: 1px solid #504d55;
+	border-bottom: 1px solid #504d55;
+}
+
+QHeaderView::section:checked
+{
+    background-color: #504d55;
+}
+
+/* style the sort indicator */
+QHeaderView::down-arrow {
+    image: url(themes/dark/images/down_arrow.png);
+}
+
+QHeaderView::up-arrow {
+    image: url(themes/dark/images/up_arrow.png);
+}
+
+
+
+
+QProgressBar {
+    border: 1px solid #383440;
+    border-radius: 2px;
+	text-align: center;
+	background-color: #28252e;
+}
+
+QProgressBar::chunk {
+    background-color: #be3b29;
+    width: 1px;
+}
+
+
+
+QTreeView::branch:has-siblings:!adjoins-item {
+    border-image: url(themes/dark/images/vline.png) 0;
+}
+
+QTreeView::branch:has-siblings:adjoins-item {
+    border-image: url(themes/dark/images/icon_branch_more.png) 0;
+}
+
+QTreeView::branch:!has-children:!has-siblings:adjoins-item {
+    border-image: url(themes/dark/images/icon_branch_end.png) 0;
+}
+
+QTreeView::branch:has-children:!has-siblings:closed,
+QTreeView::branch:closed:has-children:has-siblings {
+        border-image: none;
+        image: url(themes/dark/images/icon_branch_closed.png);
+}
+
+QTreeView::branch:open:has-children:!has-siblings,
+QTreeView::branch:open:has-children:has-siblings  {
+        border-image: none;
+		image: url(themes/dark/images/icon_branch_open.png);
+}
+
+QListView {
+	border: none;
+	outline: none;
+}
+QListView::item {
+	background-color: #28252e;
+	min-height: 18px;
+}
+
+/*======================================*/
+
+QListView::item:alternate {
+	background: #1b1922;
+}
+
+QListView::item:selected {
+	background: #be3b29;
+}
+
+/*=======================================*/
+
+
+color_widgets--ColorSelector {
+	min-width: 100px;
+	max-height: 30px;
+}