Adjust dark theme

- Disable custom CSS for advanced docking system
- copy and adjust stylesheet into default/dark qss
- Use #999999 for fill color in svg images

ApplicationExeCode/Resources/data-sources.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13 3.5C13 2.119 10.761 1 8 1C5.239 1 3 2.119 3 3.5C3 3.54 3.02 3.577 3.024 3.617H3V12.489L3.056 12.846C3.336 14.056 5.429 15 8 15C10.571 15 12.664 14.056 12.944 12.846L13 12.489V3.617H12.976C12.98 3.577 13 3.54 13 3.5ZM8 2.032C10.442 2.032 12 2.996 12 3.5C12 4.004 10.442 4.968 8 4.968C5.558 4.968 4 4 4 3.5C4 3 5.558 2.032 8 2.032ZM12 12.49L11.97 12.621C11.855 13.116 10.431 14 8 14C5.569 14 4.145 13.116 4.03 12.621L4 12.49V4.99C5.21092 5.69833 6.59796 6.04855 8 6C9.40243 6.04734 10.7895 5.69572 12 4.986V12.486V12.49Z" fill="#424242"/>
+<path d="M13 3.5C13 2.119 10.761 1 8 1C5.239 1 3 2.119 3 3.5C3 3.54 3.02 3.577 3.024 3.617H3V12.489L3.056 12.846C3.336 14.056 5.429 15 8 15C10.571 15 12.664 14.056 12.944 12.846L13 12.489V3.617H12.976C12.98 3.577 13 3.54 13 3.5ZM8 2.032C10.442 2.032 12 2.996 12 3.5C12 4.004 10.442 4.968 8 4.968C5.558 4.968 4 4 4 3.5C4 3 5.558 2.032 8 2.032ZM12 12.49L11.97 12.621C11.855 13.116 10.431 14 8 14C5.569 14 4.145 13.116 4.03 12.621L4 12.49V4.99C5.21092 5.69833 6.59796 6.04855 8 6C9.40243 6.04734 10.7895 5.69572 12 4.986V12.486V12.49Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/edit.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.23 1H11.77L3.52002 9.25L3.35999 9.46997L1 13.59L2.41003 15L6.53003 12.64L6.75 12.48L15 4.22998V2.77002L13.23 1ZM2.41003 13.59L3.92004 10.59L5.37 12.04L2.41003 13.59ZM6.23999 11.53L4.46997 9.76001L12.47 1.76001L14.24 3.53003L6.23999 11.53Z" fill="#424242"/>
+<path d="M13.23 1H11.77L3.52002 9.25L3.35999 9.46997L1 13.59L2.41003 15L6.53003 12.64L6.75 12.48L15 4.22998V2.77002L13.23 1ZM2.41003 13.59L3.92004 10.59L5.37 12.04L2.41003 13.59ZM6.23999 11.53L4.46997 9.76001L12.47 1.76001L14.24 3.53003L6.23999 11.53Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/graph.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 14H15V13H2V0H1V13.5L1.5 14ZM3 11.5V3.5L3.5 3H5.5L6 3.5V11.5L5.5 12H3.5L3 11.5ZM5 11V4H4V11H5ZM11 1.5V11.5L11.5 12H13.5L14 11.5V1.5L13.5 1H11.5L11 1.5ZM13 2V11H12V2H13ZM7 11.5V5.5L7.5 5H9.5L10 5.5V11.5L9.5 12H7.5L7 11.5ZM9 11V6H8V11H9Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 14H15V13H2V0H1V13.5L1.5 14ZM3 11.5V3.5L3.5 3H5.5L6 3.5V11.5L5.5 12H3.5L3 11.5ZM5 11V4H4V11H5ZM11 1.5V11.5L11.5 12H13.5L14 11.5V1.5L13.5 1H11.5L11 1.5ZM13 2V11H12V2H13ZM7 11.5V5.5L7.5 5H9.5L10 5.5V11.5L9.5 12H7.5L7 11.5ZM9 11V6H8V11H9Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/messages.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 11.29L5 10.29V11.71L3.85 12.85L3 12.5V10H1.5L1 9.5V1.5L1.5 1H13.5L14 1.5V6H13V2H2V9H3.5L4 9.5V11.29ZM10.29 13L12.15 14.85L13 14.5V13H14.5L15 12.5V7.5L14.5 7H6.5L6 7.5V12.5L6.5 13H10.29ZM10.5 12H7V8H14V12H12.5L12 12.5V13.29L10.85 12.15L10.5 12Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 11.29L5 10.29V11.71L3.85 12.85L3 12.5V10H1.5L1 9.5V1.5L1.5 1H13.5L14 1.5V6H13V2H2V9H3.5L4 9.5V11.29ZM10.29 13L12.15 14.85L13 14.5V13H14.5L15 12.5V7.5L14.5 7H6.5L6 7.5V12.5L6.5 13H10.29ZM10.5 12H7V8H14V12H12.5L12 12.5V13.29L10.85 12.15L10.5 12Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/plot-manager.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 6.49999L14.5302 5.99999H7V1.4698L6.5302 1H1.4698L1 1.4698V9.53019L1.4698 9.99999H4V14.5302L4.4698 15H14.5302L15 14.5302V6.49999ZM2 8.99999V3H6V8.99999H2ZM14 14H5V9.99999H6.5302L7 9.53019V8.01341H14V14Z" fill="#424242"/>
+<path d="M15 6.49999L14.5302 5.99999H7V1.4698L6.5302 1H1.4698L1 1.4698V9.53019L1.4698 9.99999H4V14.5302L4.4698 15H14.5302L15 14.5302V6.49999ZM2 8.99999V3H6V8.99999H2ZM14 14H5V9.99999H6.5302L7 9.53019V8.01341H14V14Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/plots.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 14H15V13H2V0H1V13.5L1.5 14ZM3 11.5V3.5L3.5 3H5.5L6 3.5V11.5L5.5 12H3.5L3 11.5ZM5 11V4H4V11H5ZM11 1.5V11.5L11.5 12H13.5L14 11.5V1.5L13.5 1H11.5L11 1.5ZM13 2V11H12V2H13ZM7 11.5V5.5L7.5 5H9.5L10 5.5V11.5L9.5 12H7.5L7 11.5ZM9 11V6H8V11H9Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 14H15V13H2V0H1V13.5L1.5 14ZM3 11.5V3.5L3.5 3H5.5L6 3.5V11.5L5.5 12H3.5L3 11.5ZM5 11V4H4V11H5ZM11 1.5V11.5L11.5 12H13.5L14 11.5V1.5L13.5 1H11.5L11 1.5ZM13 2V11H12V2H13ZM7 11.5V5.5L7.5 5H9.5L10 5.5V11.5L9.5 12H7.5L7 11.5ZM9 11V6H8V11H9Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/property-editor.svg

@@ -1,6 +1,6 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 12.23V3.77L13.13 3H14V2H13L12.69 2.09L11.5 2.9L10.28 2.08L10 2H9V3H9.85L11 3.77V12.23L9.87 13H9V14H10L10.31 13.91L11.5 13.1L12.72 13.92L13 14H14V13H13.15L12 12.23Z" fill="#424242"/>
+<path d="M12 12.23V3.77L13.13 3H14V2H13L12.69 2.09L11.5 2.9L10.28 2.08L10 2H9V3H9.85L11 3.77V12.23L9.87 13H9V14H10L10.31 13.91L11.5 13.1L12.72 13.92L13 14H14V13H13.15L12 12.23Z" fill="#999999"/>
-<path d="M1 10.5V5.5L1.5 5H10V6H2V10H10V11H1.5L1 10.5Z" fill="#424242"/>
+<path d="M1 10.5V5.5L1.5 5H10V6H2V10H10V11H1.5L1 10.5Z" fill="#999999"/>
-<path d="M13 5H14.5L15 5.5V10.5L14.5 11H13V10H14V6H13V5Z" fill="#424242"/>
+<path d="M13 5H14.5L15 5.5V10.5L14.5 11H13V10H14V6H13V5Z" fill="#999999"/>
-<path d="M3 7.5V8.5L3.5 9H7.5L8 8.5V7.5L7.5 7H3.5L3 7.5Z" fill="#424242"/>
+<path d="M3 7.5V8.5L3.5 9H7.5L8 8.5V7.5L7.5 7H3.5L3 7.5Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/scripts.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.708 5.578L2.061 8.224L4.708 10.87L4 11.578L1 8.578V7.87L4 4.87L4.708 5.578ZM11.708 4.87L11 5.578L13.647 8.224L11 10.87L11.708 11.578L14.708 8.578V7.87L11.708 4.87ZM4.908 13L5.802 13.448L10.802 3.448L9.908 3L4.908 13Z" fill="#424242"/>
+<path d="M4.708 5.578L2.061 8.224L4.708 10.87L4 11.578L1 8.578V7.87L4 4.87L4.708 5.578ZM11.708 4.87L11 5.578L13.647 8.224L11 10.87L11.708 11.578L14.708 8.578V7.87L11.708 4.87ZM4.908 13L5.802 13.448L10.802 3.448L9.908 3L4.908 13Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/standard.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H12L13 14V2L12 1H4ZM4 3V2H12V14H4V13H6V12H4V10H8V9H4V7H6V6H4V4H8V3H4Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 1L3 2V14L4 15H12L13 14V2L12 1H4ZM4 3V2H12V14H4V13H6V12H4V10H8V9H4V7H6V6H4V4H8V3H4Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/themes/dark.qss

@@ -27,39 +27,58 @@ $plotGridColor: #394046; // Plot grid color
 $auxiliaryCurveColor: #000000; // Auxiliary curve color
 $externalInputColor: #e82257; // External input background color
 
-QCheckBox::indicator, QTreeView::indicator, QTableView::indicator, QListWidget::indicator {
+/* 
+*/
+
+QCheckBox::indicator,
+QTreeView::indicator,
+QTableView::indicator,
+QListWidget::indicator {
     background-color: $backgroundColor1;
     border-radius: 3px;
     width: 16px;
     height: 16px;
 }
 
-QCheckBox::indicator:unchecked, QTreeView::indicator:unchecked, QTableView::indicator:unchecked, QListWidget::indicator:unchecked
+QCheckBox::indicator:unchecked,
-{
+QTreeView::indicator:unchecked,
+QTableView::indicator:unchecked,
+QListWidget::indicator:unchecked {
     image: url(:/themes/dark/checkbox-unchecked.svg);
 }
 
-QCheckBox::indicator:checked, QTreeView::indicator:checked, QTableView::indicator:checked, QListWidget::indicator:checked
+QCheckBox::indicator:checked,
-{
+QTreeView::indicator:checked,
+QTableView::indicator:checked,
+QListWidget::indicator:checked {
     image: url(:/themes/dark/checkbox-checked.svg);
 }
-QCheckBox::indicator:indeterminate, QTreeView::indicator:indeterminate, QTableView::indicator:indeterminate, QListWidget::indicator:indeterminate
+
-{
+QCheckBox::indicator:indeterminate,
+QTreeView::indicator:indeterminate,
+QTableView::indicator:indeterminate,
+QListWidget::indicator:indeterminate {
     image: url(:/themes/dark/checkbox-indeterminate.svg);
 }
 
-QCheckBox::indicator:unchecked:disabled, QTreeView::indicator:unchecked:disabled, QTableView::indicator:unchecked:disabled, QListWidget::indicator:unchecked:disabled
+QCheckBox::indicator:unchecked:disabled,
-{
+QTreeView::indicator:unchecked:disabled,
+QTableView::indicator:unchecked:disabled,
+QListWidget::indicator:unchecked:disabled {
     image: url(:/themes/dark/checkbox-unchecked-disabled.svg);
 }
 
-QCheckBox::indicator:checked:disabled, QTreeView::indicator:checked:disabled, QTableView::indicator:checked:disabled, QListWidget::indicator:checked:disabled
+QCheckBox::indicator:checked:disabled,
-{
+QTreeView::indicator:checked:disabled,
+QTableView::indicator:checked:disabled,
+QListWidget::indicator:checked:disabled {
     image: url(:/themes/dark/checkbox-checked-disabled.svg);
 }
 
-QCheckBox::indicator:indeterminate:disabled, QTreeView::indicator:indeterminate:disabled, QTableView::indicator:indeterminate:disabled, QListWidget::indicator:indeterminate:disabled
+QCheckBox::indicator:indeterminate:disabled,
-{
+QTreeView::indicator:indeterminate:disabled,
+QTableView::indicator:indeterminate:disabled,
+QListWidget::indicator:indeterminate:disabled {
     image: url(:/themes/dark/checkbox-indeterminate-disabled.svg);
 }
 
@@ -76,7 +95,7 @@ RiuQwtPlotWidget {
 }
 
 QwtPlot QWidget {
-   color: $textColor;
+    color: $textColor;
 }
 
 QwtTextLabel {
@@ -93,42 +112,42 @@ QwtPlot["PvtPlot"]::curve["Auxiliary"] {
 
 QwtPlot["PvtPlot"]::curve["Oil"] {
     line-color: $curveColorOil;
-    symbol-color:  $curveColorOil;
+    symbol-color: $curveColorOil;
 }
 
 QwtPlot["PvtPlot"]::curve["Gas"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["KRW"] {
     line-color: $curveColorWater;
-    symbol-color:  $curveColorWater;
+    symbol-color: $curveColorWater;
 }
 
 QwtPlot["RelPermPlot"]::curve["KROW"] {
     line-color: $curveColorWater;
-    symbol-color:  $curveColorWater;
+    symbol-color: $curveColorWater;
 }
 
 QwtPlot["RelPermPlot"]::curve["PCOW"] {
     line-color: $tertiaryColor;
-    symbol-color:  $tertiaryColor;
+    symbol-color: $tertiaryColor;
 }
 
 QwtPlot["RelPermPlot"]::curve["KRG"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["KROG"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["PCOG"] {
     line-color: $senaryColor;
-    symbol-color:  $senaryColor;
+    symbol-color: $senaryColor;
 }
 
 QwtPlot["PvtPlot"]::lineMarker["*"] {
@@ -146,38 +165,52 @@ QToolBox {
 QToolButton {
     background-color: $backgroundColor1;
     color: $textColor;
-    border-width : 0px;
+    border-width: 0px;
     padding-top: 6px;
-	padding-bottom: 6px;
+    padding-bottom: 6px;
-	padding-left: 4px;
+    padding-left: 4px;
-	padding-right: 4px;
+    padding-right: 4px;
 }
 
 QToolButton:checked {
     background-color: $backgroundColor3;
     color: $textColor;
-    border-width : 0px;
+    border-width: 0px;
     padding-top: 6px;
-	padding-bottom: 6px;
+    padding-bottom: 6px;
-	padding-left: 4px;
+    padding-left: 4px;
-	padding-right: 4px;
+    padding-right: 4px;
 }
 
-
 QLabel {
     background-color: transparent;
     color: $textColor;
 }
 
-.QWidget, QFrame, QMainWindow, QDialog, QMenu, QLabel, QCheckBox, QTabBar, QDockWidget, QTextEdit, QPlainTextEdit, QScrollArea, QTextBrowser, QGroupBox, QRadioButton {
+QWidget,
+QFrame,
+QMainWindow,
+QDialog,
+QMenu,
+QLabel,
+QCheckBox,
+QTabBar,
+QDockWidget,
+QTextEdit,
+QPlainTextEdit,
+QScrollArea,
+QTextBrowser,
+QGroupBox,
+QRadioButton {
     background-color: $mainBackgroundColor;
     color: $textColor;
     border-color: $borderColor;
     selection-background-color: $primaryColor;
 }
 
-RiuAbstractOverlayContentFrame, RiuDraggableOverlayFrame {
+RiuAbstractOverlayContentFrame,
-    background-color: rgba(36,41,46,0.3);
+RiuDraggableOverlayFrame {
+    background-color: rgba(36, 41, 46, 0.3);
 }
 
 QProgressBar {
@@ -221,8 +254,7 @@ QTreeView::branch:open:has-children:has-siblings {
     icon-size: 12px;
 }
 
-QHeaderView::section 
+QHeaderView::section {
-{
     background-color: $backgroundColor1;
     color: $textColor;
     padding: 4px;
@@ -232,22 +264,22 @@ QTableView QTableCornerButton::section {
     background: transparent;
 }
 
-QHeaderView
+QHeaderView {
-{
     background-color: $backgroundColor1;
 }
 
 QDockWidget {
     background-color: $mainBackgroundColor;
-    titlebar-close-icon:  url(:/themes/dark/blank.svg);
+    titlebar-close-icon: url(:/themes/dark/blank.svg);
-    titlebar-normal-icon:  url(:/themes/dark/blank.svg);
+    titlebar-normal-icon: url(:/themes/dark/blank.svg);
 }
 
 QDockWidget::title {
     background-color: $backgroundColor1;
 }
 
-QDockWidget::close-button, QDockWidget::float-button {
+QDockWidget::close-button,
+QDockWidget::float-button {
     background: transparent;
     border: none;
     icon-size: 12px;
@@ -255,19 +287,19 @@ QDockWidget::close-button, QDockWidget::float-button {
 }
 
 QDockWidget::float-button {
-     image: url(:/themes/dark/float.svg);
+    image: url(:/themes/dark/float.svg);
 }
 
 QDockWidget::close-button {
-     image: url(:/themes/dark/close.svg);
+    image: url(:/themes/dark/close.svg);
 }
 
 QDockWidget::float-button:hover {
-     image: url(:/themes/dark/float-hover.svg);
+    image: url(:/themes/dark/float-hover.svg);
 }
 
 QDockWidget::close-button:hover {
-     image: url(:/themes/dark/close-hover.svg);
+    image: url(:/themes/dark/close-hover.svg);
 }
 
 QToolBar QWidget {
@@ -293,8 +325,12 @@ QMenu::item:selected {
     color: $textColor;
 }
 
-QLineEdit, QComboBox, QSpinBox, 
+QLineEdit,
-QDoubleSpinBox, QDateEdit, QDateTimeEdit {
+QComboBox,
+QSpinBox,
+QDoubleSpinBox,
+QDateEdit,
+QDateTimeEdit {
     background-color: $inputColor;
     color: $textColor;
     padding: 3px;
@@ -302,8 +338,12 @@ QDoubleSpinBox, QDateEdit, QDateTimeEdit {
     selection-background-color: $secondaryColor;
 }
 
-QLineEdit:focus, QComboBox:focus, QSpinBox:focus, 
+QLineEdit:focus,
-QDoubleSpinBox:focus, QDateEdit:focus, QDateTimeEdit:focus {
+QComboBox:focus,
+QSpinBox:focus,
+QDoubleSpinBox:focus,
+QDateEdit:focus,
+QDateTimeEdit:focus {
     border: 2px solid $primaryColor;
 }
 
@@ -324,7 +364,7 @@ QToolBar QToolButton:hover {
 QLCDNumber {
     color: $textColor;
     border-color: $borderColor;
-    border-width : 1.5px;
+    border-width: 1.5px;
     border-style: solid;
     border-radius: 5px;
 }
@@ -345,7 +385,7 @@ QTabWidget {
     background-color: #535353;
 }
 
-QTabWidget::pane { 
+QTabWidget::pane {
     border-top: 1px solid $backgroundColor3;
     background-color: $mainBackgroundColor;
 }
@@ -358,7 +398,8 @@ QTabBar::tab {
     padding: 6px;
 }
 
-QTabBar::tab:selected, QTabBar::tab:hover {
+QTabBar::tab:selected,
+QTabBar::tab:hover {
     background-color: $backgroundColor3;
 }
 
@@ -370,76 +411,78 @@ QTabBar::tab:!selected {
     color: $textColor;
 }
 
+
 /* Scrollbars */
 
 QScrollBar:vertical {
-     border: 0px;;
+    border: 0px;
-     background: transparent;
+    ;
-     width: 15px;
+    background: transparent;
-     margin: 0px 0px 0px 0px;
+    width: 15px;
- }
+    margin: 0px 0px 0px 0px;
-
- QScrollBar:vertical:hover {
-     background: $backgroundColor2;
- }
-
- QScrollBar::handle:vertical {
-     background: $backgroundColor4;
-     min-height: 20px;
-     margin: 3px 3px 3px 3px;
-     border-radius: 3px;
- }
-
-QScrollBar::handle:vertical::hover,
-QScrollBar::handle:horizontal::hover  {
-     background: $backgroundColor5;
- }
-
-QScrollBar::handle:vertical::pressed,
-QScrollBar::handle:horizontal::pressed  {
-     background: white;
- }
-
-QScrollBar::add-line:vertical,  
-QScrollBar::sub-line:vertical,  
-QScrollBar::add-line:horizontal, 
-QScrollBar::sub-line:horizontal {
-     border: 0px;
-     height: 0px;
- }
-
-QScrollBar::up-arrow:vertical, 
-QScrollBar::down-arrow:vertical, 
-QScrollBar::down-arrow:horizontal, 
-QScrollBar::up-arrow:horizontal {
-     border: 0px;
-     background: none;
 }
 
-QScrollBar::add-page:vertical, 
+QScrollBar:vertical:hover {
-QScrollBar::sub-page:vertical,  
+    background: $backgroundColor2;
-QScrollBar::add-page:horizontal, 
+}
+
+QScrollBar::handle:vertical {
+    background: $backgroundColor4;
+    min-height: 20px;
+    margin: 3px 3px 3px 3px;
+    border-radius: 3px;
+}
+
+QScrollBar::handle:vertical::hover,
+QScrollBar::handle:horizontal::hover {
+    background: $backgroundColor5;
+}
+
+QScrollBar::handle:vertical::pressed,
+QScrollBar::handle:horizontal::pressed {
+    background: white;
+}
+
+QScrollBar::add-line:vertical,
+QScrollBar::sub-line:vertical,
+QScrollBar::add-line:horizontal,
+QScrollBar::sub-line:horizontal {
+    border: 0px;
+    height: 0px;
+}
+
+QScrollBar::up-arrow:vertical,
+QScrollBar::down-arrow:vertical,
+QScrollBar::down-arrow:horizontal,
+QScrollBar::up-arrow:horizontal {
+    border: 0px;
+    background: none;
+}
+
+QScrollBar::add-page:vertical,
+QScrollBar::sub-page:vertical,
+QScrollBar::add-page:horizontal,
 QScrollBar::sub-page:horizontal {
-     background: none;
+    background: none;
- }
+}
 
 QScrollBar:horizontal {
-     border: 0px;
+    border: 0px;
-     background: transparent;
+    background: transparent;
-     height: 15px;
+    height: 15px;
-     margin: 0px 0px 0px 0px;
+    margin: 0px 0px 0px 0px;
- }
+}
 
 QScrollBar:horizontal:hover {
-     background: $backgroundColor2;
+    background: $backgroundColor2;
- }
+}
 
- QScrollBar::handle:horizontal {
+QScrollBar::handle:horizontal {
-     background: $backgroundColor4;
+    background: $backgroundColor4;
-     min-width: 20px;
+    min-width: 20px;
-     margin: 3px 3px 3px 3px;
+    margin: 3px 3px 3px 3px;
-     border-radius: 3px;
+    border-radius: 3px;
- }
+}
 
 QFrame#FramedGroupContent {
     background-color: $mainBackgroundColor;
@@ -460,11 +503,14 @@ QMinimizePanel {
     border: 2px solid $backgroundColor2;
 }
 
-QMinimizePanel QLabel, QMinimizePanel QCheckBox, QToolButton {
+QMinimizePanel QLabel,
+QMinimizePanel QCheckBox,
+QToolButton {
     background-color: transparent;
 }
 
-QTextEdit, QPlainTextEdit {
+QTextEdit,
+QPlainTextEdit {
     border: 2px solid $borderColor;
 }
 
@@ -493,4 +539,350 @@ QComboBox::down-arrow {
     image: url(:/themes/dark/expanded.svg);
     width: 18px;
     height: 16px;
+}
+
+
+/*
+ * Styling for advanced docking system
+ * Based on \ResInsight\ThirdParty\qtadvanceddocking\src\stylesheets\default.css
+ */
+
+
+/*
+ * Default style sheet on Windows Platforms
+ */
+
+
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
+
+ads--CDockContainerWidget {
+    background: $mainBackgroundColor;
+}
+
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
+
+ads--CDockContainerWidget>QSplitter {
+    padding: 1 0 1 0;
+}
+
+ads--CDockContainerWidget ads--CDockSplitter::handle {
+    background: $backgroundColor3;
+}
+
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
+
+ads--CDockAreaWidget {
+    background: $mainBackgroundColor;
+}
+
+ads--CTitleBarButton {
+    padding: 0px 0px;
+    background: $backgroundColor2;
+}
+
+#tabsMenuButton::menu-indicator {
+    image: none;
+}
+
+#tabsMenuButton {
+    qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+    qproperty-iconSize: 16px;
+}
+
+#dockAreaCloseButton {
+    qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+#detachGroupButton {
+    qproperty-icon: url(:/ads/images/detach-button.svg), url(:/ads/images/detach-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+
+/*****************************************************************************
+ * CDockWidgetTab and close button styling
+ *****************************************************************************/
+
+ads--CDockWidgetTab {
+    background: $mainBackgroundColor;
+    border-color: $backgroundColor1;
+    border-style: solid;
+    border-width: 0 1px 0 0;
+    padding: 0 0px;
+}
+
+ads--CDockWidgetTab[activeTab="true"] {
+    background: $backgroundColor1;
+}
+
+ads--CDockWidgetTab QLabel {
+    color: $textColor;
+    background: $mainBackgroundColor;
+}
+
+ads--CDockWidgetTab[activeTab="true"] QLabel {
+    color: $textColor;
+    background: $backgroundColor1;
+}
+
+#tabCloseButton {
+    margin-top: 2px;
+    background: $backgroundColor2;
+    border: none;
+    padding: 0px -2px;
+    qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+#tabCloseButton:hover {
+    border: 1px solid $backgroundColor3;
+    background: $backgroundColor3;
+}
+
+#tabCloseButton:pressed {
+    background: $backgroundColor2;
+}
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
+
+ads--CDockWidget {
+    background: $mainBackgroundColor;
+    border-color: $backgroundColor1;
+    border-style: solid;
+    border-width: 1px 0 0 0;
+}
+
+QScrollArea#dockWidgetScrollArea {
+    padding: 0px;
+    border: none;
+}
+
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+
+ads--CAutoHideTab {
+    qproperty-iconSize: 16px 16px;
+    /* this is optional in case you would like to change icon size*/
+    background: none;
+    border: none;
+    padding-left: 2px;
+    padding-right: 0px;
+    text-align: center;
+    min-height: 20px;
+    padding-bottom: 2px;
+}
+
+ads--CAutoHideTab:hover {
+    color: palette(highlight);
+}
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"] {
+    border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+    border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] {
+    border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+    border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+    border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+    border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+    border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+    border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+    border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+    border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+    border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+    border-bottom: 6px solid palette(highlight);
+}
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+
+ads--CAutoHideSideBar {
+    background: palette(window);
+    border: none;
+    qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+    background: transparent;
+}
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+    border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+    border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+
+ads--CAutoHideDockContainer {
+    background: palette(window);
+}
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+    background: palette(highlight);
+    padding: 0px;
+    border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will 
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+    background: palette(highlight);
+    padding: 0px;
+    border: none;
+}
+
+#autoHideTitleLabel {
+    padding-left: 4px;
+    color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+
+#dockAreaAutoHideButton {
+    qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+    qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+    qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+    qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaCloseButton {
+    qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+    background: rgba(255, 255, 255, 48);
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+    background: rgba(255, 255, 255, 96);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+
+ads--CResizeHandle {
+    background: palette(window);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
 }

ApplicationExeCode/Resources/themes/default.qss

@@ -24,12 +24,15 @@ $plotGridColor: #394046; // Plot grid color
 $auxiliaryCurveColor: #000000; // Auxiliary curve color
 $externalInputColor: #fff2a7; // Background color for external input fields
 
+/* 
+*/
+
 QwtPlot {
-    background-color: QPalette::Base;
+    background-color: $mainBackgroundColor;
 }
 
-QwtPlot > QWidget {
+QwtPlot>QWidget {
-    background-color: QPalette::Base;
+    background-color: $mainBackgroundColor;
 }
 
 QwtPlot["*"]::grid["*"] {
@@ -42,49 +45,50 @@ QwtPlot["PvtPlot"]::curve["Auxiliary"] {
 
 QwtPlot["PvtPlot"]::curve["Oil"] {
     line-color: $curveColorOil;
-    symbol-color:  $curveColorOil;
+    symbol-color: $curveColorOil;
 }
 
 QwtPlot["PvtPlot"]::curve["Gas"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["KRW"] {
     line-color: $curveColorWater;
-    symbol-color:  $curveColorWater;
+    symbol-color: $curveColorWater;
 }
 
 QwtPlot["RelPermPlot"]::curve["KROW"] {
     line-color: $curveColorWater;
-    symbol-color:  $curveColorWater;
+    symbol-color: $curveColorWater;
 }
 
 QwtPlot["RelPermPlot"]::curve["PCOW"] {
     line-color: $tertiaryColor;
-    symbol-color:  $tertiaryColor;
+    symbol-color: $tertiaryColor;
 }
 
 QwtPlot["RelPermPlot"]::curve["KRG"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["KROG"] {
     line-color: $curveColorGas;
-    symbol-color:  $curveColorGas;
+    symbol-color: $curveColorGas;
 }
 
 QwtPlot["RelPermPlot"]::curve["PCOG"] {
     line-color: $senaryColor;
-    symbol-color:  $senaryColor;
+    symbol-color: $senaryColor;
 }
 
 QwtPlot["PvtPlot"]::lineMarker["*"] {
     color: $textColor;
 }
 
-QLabel, RiuQwtPlotLegend {
+QLabel,
+RiuQwtPlotLegend {
     background-color: transparent;
 }
 
@@ -97,6 +101,351 @@ QListView[state="ExternalInput"] {
     border: 2px solid $borderColor;
 }
 
-RiuAbstractOverlayContentFrame, RiuDraggableOverlayFrame {
+RiuAbstractOverlayContentFrame,
-    background-color: rgba(255,255,255,0.4);
+RiuDraggableOverlayFrame {
+    background-color: rgba(255, 255, 255, 0.4);
 }
+
+
+/*
+ * Styling for advanced docking system
+ * Based on \ResInsight\ThirdParty\qtadvanceddocking\src\stylesheets\default.css
+ */
+
+
+/*
+ * Default style sheet on Windows Platforms
+ */
+
+
+/*****************************************************************************
+ * CDockContainerWidget
+ *****************************************************************************/
+
+ads--CDockContainerWidget {
+    background: palette(window);
+}
+
+
+/*****************************************************************************
+ * CDockSplitter
+ *****************************************************************************/
+
+ads--CDockContainerWidget>QSplitter {
+    padding: 1 0 1 0;
+}
+
+ads--CDockContainerWidget ads--CDockSplitter::handle {
+    background: palette(dark);
+}
+
+
+/*****************************************************************************
+ * CDockAreaWidget
+ *****************************************************************************/
+
+ads--CDockAreaWidget {
+    background: palette(window);
+}
+
+ads--CTitleBarButton {
+    padding: 0px 0px;
+}
+
+#tabsMenuButton::menu-indicator {
+    image: none;
+}
+
+#tabsMenuButton {
+    qproperty-icon: url(:/ads/images/tabs-menu-button.svg);
+    qproperty-iconSize: 16px;
+}
+
+#dockAreaCloseButton {
+    qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+#detachGroupButton {
+    qproperty-icon: url(:/ads/images/detach-button.svg), url(:/ads/images/detach-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+
+/*****************************************************************************
+ * CDockWidgetTab and close button styling
+ *****************************************************************************/
+
+ads--CDockWidgetTab {
+    background: palette(window);
+    border-color: palette(light);
+    border-style: solid;
+    border-width: 0 1px 0 0;
+    padding: 0 0px;
+}
+
+ads--CDockWidgetTab[activeTab="true"] {
+    background: qlineargradient(spread: pad, x1: 0, y1: 0, x2: 0, y2: 0.5, stop: 0 palette(window), stop: 1 palette(light));
+    /*background: palette(highlight);*/
+}
+
+ads--CDockWidgetTab QLabel {
+    color: palette(dark);
+}
+
+ads--CDockWidgetTab[activeTab="true"] QLabel {
+    color: palette(foreground);
+}
+
+#tabCloseButton {
+    margin-top: 2px;
+    background: none;
+    border: none;
+    padding: 0px -2px;
+    qproperty-icon: url(:/ads/images/close-button.svg), url(:/ads/images/close-button-disabled.svg) disabled;
+    qproperty-iconSize: 16px;
+}
+
+#tabCloseButton:hover {
+    border: 1px solid rgba(0, 0, 0, 32);
+    background: rgba(0, 0, 0, 16);
+}
+
+#tabCloseButton:pressed {
+    background: rgba(0, 0, 0, 32);
+}
+
+
+/*****************************************************************************
+ * CDockWidget
+ *****************************************************************************/
+
+ads--CDockWidget {
+    background: palette(light);
+    border-color: palette(light);
+    border-style: solid;
+    border-width: 1px 0 0 0;
+}
+
+QScrollArea#dockWidgetScrollArea {
+    padding: 0px;
+    border: none;
+}
+
+
+/*****************************************************************************
+ *
+ * Styling of auto hide functionality
+ *
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CAutoHideTab
+ *****************************************************************************/
+
+ads--CAutoHideTab {
+    qproperty-iconSize: 16px 16px;
+    /* this is optional in case you would like to change icon size*/
+    background: none;
+    border: none;
+    padding-left: 2px;
+    padding-right: 0px;
+    text-align: center;
+    min-height: 20px;
+    padding-bottom: 2px;
+}
+
+ads--CAutoHideTab:hover {
+    color: palette(highlight);
+}
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"] {
+    border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"] {
+    border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="0"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="0"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="2"][activeTab="true"] {
+    border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="1"],
+ads--CAutoHideTab:hover[iconOnly="false"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="1"][activeTab="true"],
+ads--CAutoHideTab[iconOnly="false"][sideBarLocation="3"][activeTab="true"] {
+    border-bottom: 6px solid palette(highlight);
+}
+
+
+/**
+ * Auto hide tabs with icon only
+ */
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"] {
+    border-top: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"] {
+    border-left: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"] {
+    border-right: 6px solid rgba(0, 0, 0, 48);
+}
+
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"] {
+    border-bottom: 6px solid rgba(0, 0, 0, 48);
+}
+
+
+/**
+ * Auto hide tabs with icon only hover
+ */
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="0"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="0"][activeTab="true"] {
+    border-top: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="1"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="1"][activeTab="true"] {
+    border-left: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="2"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="2"][activeTab="true"] {
+    border-right: 6px solid palette(highlight);
+}
+
+ads--CAutoHideTab:hover[iconOnly="true"][sideBarLocation="3"],
+ads--CAutoHideTab[iconOnly="true"][sideBarLocation="3"][activeTab="true"] {
+    border-bottom: 6px solid palette(highlight);
+}
+
+
+/*****************************************************************************
+ * CAutoHideSideBar
+ *****************************************************************************/
+
+ads--CAutoHideSideBar {
+    background: palette(window);
+    border: none;
+    qproperty-spacing: 12;
+}
+
+#sideTabsContainerWidget {
+    background: transparent;
+}
+
+ads--CAutoHideSideBar[sideBarLocation="0"] {
+    border-bottom: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="1"] {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="2"] {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideSideBar[sideBarLocation="3"] {
+    border-top: 1px solid palette(dark);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer
+ *****************************************************************************/
+
+ads--CAutoHideDockContainer {
+    background: palette(window);
+}
+
+ads--CAutoHideDockContainer ads--CDockAreaTitleBar {
+    background: palette(highlight);
+    padding: 0px;
+    border: none;
+}
+
+
+/*
+ * This is required because the ads--CDockAreaWidget[focused="true"] will 
+ * overwrite the ads--CAutoHideDockContainer ads--CDockAreaTitleBar rule
+ */
+
+ads--CAutoHideDockContainer ads--CDockAreaWidget[focused="true"] ads--CDockAreaTitleBar {
+    background: palette(highlight);
+    padding: 0px;
+    border: none;
+}
+
+#autoHideTitleLabel {
+    padding-left: 4px;
+    color: palette(light);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer titlebar buttons
+ *****************************************************************************/
+
+#dockAreaAutoHideButton {
+    qproperty-icon: url(:/ads/images/vs-pin-button.svg);
+    qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaAutoHideButton {
+    qproperty-icon: url(:/ads/images/vs-pin-button-pinned-focused.svg);
+    qproperty-iconSize: 16px;
+}
+
+ads--CAutoHideDockContainer #dockAreaCloseButton {
+    qproperty-icon: url(:/ads/images/close-button-focused.svg)
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:hover {
+    background: rgba(255, 255, 255, 48);
+}
+
+ads--CAutoHideDockContainer ads--CTitleBarButton:pressed {
+    background: rgba(255, 255, 255, 96);
+}
+
+
+/*****************************************************************************
+ * CAutoHideDockContainer Titlebar and Buttons
+ *****************************************************************************/
+
+
+/*****************************************************************************
+ * CResizeHandle
+ *****************************************************************************/
+
+ads--CResizeHandle {
+    background: palette(window);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="0"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="1"] ads--CResizeHandle {
+    border-left: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="2"] ads--CResizeHandle {
+    border-right: 1px solid palette(dark);
+}
+
+ads--CAutoHideDockContainer[sideBarLocation="3"] ads--CResizeHandle {
+    border-top: 1px solid palette(dark);
+}

ApplicationExeCode/Resources/themes/light/gripper.svg

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect x="3.8" width="2.8" height="2.8" fill="#424242" y="1"/>
+  <rect x="3.8" width="2.8" height="2.8" fill="#999999" y="1"/>
-  <rect x="3.8" y="6.6" width="2.8" height="2.8" fill="#424242"/>
+  <rect x="3.8" y="6.6" width="2.8" height="2.8" fill="#999999"/>
-  <rect x="3.8" y="12.2" width="2.8" height="2.8" fill="#424242"/>
+  <rect x="3.8" y="12.2" width="2.8" height="2.8" fill="#999999"/>
-  <rect x="9.4" width="2.8" height="2.8" fill="#424242" y="1"/>
+  <rect x="9.4" width="2.8" height="2.8" fill="#999999" y="1"/>
-  <rect x="9.4" y="6.6" width="2.8" height="2.8" fill="#424242"/>
+  <rect x="9.4" y="6.6" width="2.8" height="2.8" fill="#999999"/>
-  <rect x="9.4" y="12.2" width="2.8" height="2.8" fill="#424242"/>
+  <rect x="9.4" y="12.2" width="2.8" height="2.8" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/undo-stack.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1 10V9H6.20703C6.11588 9.32228 6.05337 9.65659 6.02242 10H1ZM7.25716 7C7.57052 6.62057 7.93379 6.28389 8.33692 6H1V7H7.25716ZM6.59971 13C6.43777 12.6832 6.30564 12.3486 6.20703 12H1V13H6.59971ZM15 3V4H1V3H15ZM11.6406 13.0312C13.0386 13.0312 14.1719 11.898 14.1719 10.5C14.1719 9.10203 13.0386 7.96875 11.6406 7.96875C10.7037 7.96875 9.88566 8.47778 9.448 9.23438H10.5156V10.0781H8.54688L8.125 9.65625V7.40625H8.96875V8.43775C9.58599 7.63922 10.5533 7.125 11.6406 7.125C13.5046 7.125 15.0156 8.63604 15.0156 10.5C15.0156 12.364 13.5046 13.875 11.6406 13.875C10.2564 13.875 9.06688 13.0417 8.5462 11.8495L9.32848 11.5317C9.7234 12.4154 10.6101 13.0312 11.6406 13.0312Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 10V9H6.20703C6.11588 9.32228 6.05337 9.65659 6.02242 10H1ZM7.25716 7C7.57052 6.62057 7.93379 6.28389 8.33692 6H1V7H7.25716ZM6.59971 13C6.43777 12.6832 6.30564 12.3486 6.20703 12H1V13H6.59971ZM15 3V4H1V3H15ZM11.6406 13.0312C13.0386 13.0312 14.1719 11.898 14.1719 10.5C14.1719 9.10203 13.0386 7.96875 11.6406 7.96875C10.7037 7.96875 9.88566 8.47778 9.448 9.23438H10.5156V10.0781H8.54688L8.125 9.65625V7.40625H8.96875V8.43775C9.58599 7.63922 10.5533 7.125 11.6406 7.125C13.5046 7.125 15.0156 8.63604 15.0156 10.5C15.0156 12.364 13.5046 13.875 11.6406 13.875C10.2564 13.875 9.06688 13.0417 8.5462 11.8495L9.32848 11.5317C9.7234 12.4154 10.6101 13.0312 11.6406 13.0312Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/view-snapshots.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.707 3H14.5L15 3.5V12.5L14.5 13H1.5L1 12.5V3.5L1.5 3H5.293L6.146 2.146L6.5 2H9.5L9.854 2.146L10.707 3ZM2 12H14V4H10.5L10.146 3.854L9.293 3H6.707L5.854 3.854L5.5 4H2V12ZM3.5 5C3.40111 5 3.30444 5.02932 3.22222 5.08427C3.13999 5.13921 3.0759 5.2173 3.03806 5.30866C3.00022 5.40002 2.99031 5.50055 3.00961 5.59755C3.0289 5.69454 3.07652 5.78363 3.14645 5.85355C3.21637 5.92348 3.30546 5.9711 3.40246 5.99039C3.49945 6.00969 3.59998 5.99978 3.69134 5.96194C3.78271 5.9241 3.86079 5.86001 3.91574 5.77779C3.97068 5.69556 4 5.59889 4 5.5C4 5.36739 3.94732 5.24021 3.85355 5.14645C3.75979 5.05268 3.63261 5 3.5 5ZM8 6C8.39556 6 8.78224 6.1173 9.11114 6.33706C9.44004 6.55682 9.69639 6.86918 9.84776 7.23463C9.99914 7.60009 10.0387 8.00222 9.96157 8.39018C9.8844 8.77814 9.69392 9.13451 9.41421 9.41421C9.13451 9.69392 8.77814 9.8844 8.39018 9.96157C8.00222 10.0387 7.60009 9.99913 7.23463 9.84776C6.86918 9.69638 6.55683 9.44004 6.33706 9.11114C6.1173 8.78224 6 8.39556 6 8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6ZM8 5C7.40666 5 6.82664 5.17595 6.33329 5.50559C5.83994 5.83524 5.45543 6.30377 5.22836 6.85195C5.0013 7.40013 4.94189 8.00333 5.05765 8.58527C5.1734 9.16721 5.45912 9.70176 5.87868 10.1213C6.29824 10.5409 6.83279 10.8266 7.41473 10.9424C7.99667 11.0581 8.59987 10.9987 9.14805 10.7716C9.69623 10.5446 10.1648 10.1601 10.4944 9.66671C10.8241 9.17336 11 8.59334 11 8C11 7.20435 10.6839 6.44129 10.1213 5.87868C9.55871 5.31607 8.79565 5 8 5Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.707 3H14.5L15 3.5V12.5L14.5 13H1.5L1 12.5V3.5L1.5 3H5.293L6.146 2.146L6.5 2H9.5L9.854 2.146L10.707 3ZM2 12H14V4H10.5L10.146 3.854L9.293 3H6.707L5.854 3.854L5.5 4H2V12ZM3.5 5C3.40111 5 3.30444 5.02932 3.22222 5.08427C3.13999 5.13921 3.0759 5.2173 3.03806 5.30866C3.00022 5.40002 2.99031 5.50055 3.00961 5.59755C3.0289 5.69454 3.07652 5.78363 3.14645 5.85355C3.21637 5.92348 3.30546 5.9711 3.40246 5.99039C3.49945 6.00969 3.59998 5.99978 3.69134 5.96194C3.78271 5.9241 3.86079 5.86001 3.91574 5.77779C3.97068 5.69556 4 5.59889 4 5.5C4 5.36739 3.94732 5.24021 3.85355 5.14645C3.75979 5.05268 3.63261 5 3.5 5ZM8 6C8.39556 6 8.78224 6.1173 9.11114 6.33706C9.44004 6.55682 9.69639 6.86918 9.84776 7.23463C9.99914 7.60009 10.0387 8.00222 9.96157 8.39018C9.8844 8.77814 9.69392 9.13451 9.41421 9.41421C9.13451 9.69392 8.77814 9.8844 8.39018 9.96157C8.00222 10.0387 7.60009 9.99913 7.23463 9.84776C6.86918 9.69638 6.55683 9.44004 6.33706 9.11114C6.1173 8.78224 6 8.39556 6 8C6 7.46957 6.21071 6.96086 6.58579 6.58579C6.96086 6.21071 7.46957 6 8 6ZM8 5C7.40666 5 6.82664 5.17595 6.33329 5.50559C5.83994 5.83524 5.45543 6.30377 5.22836 6.85195C5.0013 7.40013 4.94189 8.00333 5.05765 8.58527C5.1734 9.16721 5.45912 9.70176 5.87868 10.1213C6.29824 10.5409 6.83279 10.8266 7.41473 10.9424C7.99667 11.0581 8.59987 10.9987 9.14805 10.7716C9.69623 10.5446 10.1648 10.1601 10.4944 9.66671C10.8241 9.17336 11 8.59334 11 8C11 7.20435 10.6839 6.44129 10.1213 5.87868C9.55871 5.31607 8.79565 5 8 5Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/view.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5 2H1.5L1 2.5V13.5L1.5 14H14.5L15 13.5V2.5L14.5 2ZM14 13H2V6H14V13ZM14 5H2V3H14V5Z" fill="#424242"/>
+<path d="M14.5 2H1.5L1 2.5V13.5L1.5 14H14.5L15 13.5V2.5L14.5 2ZM14 13H2V6H14V13ZM14 5H2V3H14V5Z" fill="#999999"/>
 </svg>

ApplicationExeCode/Resources/window-management.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.5L6.5 1H14.5L15 1.5V3.5V8.5L14.5 9H12V8H14V4H7V5H6V3.5V1.5ZM7 2V3H14V2H7ZM1.5 7L1 7.5V14.5L1.5 15H9.5L10 14.5V7.5L9.5 7H1.5ZM2 9V8H9V9H2ZM2 10H9V14H2V10Z" fill="#424242"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.5L6.5 1H14.5L15 1.5V3.5V8.5L14.5 9H12V8H14V4H7V5H6V3.5V1.5ZM7 2V3H14V2H7ZM1.5 7L1 7.5V14.5L1.5 15H9.5L10 14.5V7.5L9.5 7H1.5ZM2 9V8H9V9H2ZM2 10H9V14H2V10Z" fill="#999999"/>
 </svg>

ApplicationLibCode/UserInterface/RiuMainWindowBase.cpp

@@ -65,6 +65,7 @@ RiuMainWindowBase::RiuMainWindowBase()
 {
     ads::CDockManager::setAutoHideConfigFlags( ads::CDockManager::DefaultAutoHideConfig );
     m_dockManager = new ads::CDockManager( this );
+    m_dockManager->setStyleSheet( "" );
 
     if ( RiaPreferences::current()->useUndoRedo() && RiaApplication::enableDevelopmentFeatures() )
     {