Browse Source

UI: Improve look of Dark theme

Clayton Groeneveld 6 years ago
parent
commit
e284289c56
1 changed files with 28 additions and 67 deletions
  1. 28 67
      UI/data/themes/Dark.qss

+ 28 - 67
UI/data/themes/Dark.qss

@@ -119,12 +119,7 @@ QListWidget QLineEdit {
 
 QDockWidget::title {
     text-align: center;
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
-        stop: 0 rgb(86,85,86),
-        stop: 0.1 rgb(82,81,82),
-        stop: 0.5 rgb(78,77,78),
-        stop: 0.9 rgb(74,73,74),
-        stop: 1 rgb(70,69,70));
+    background-color: rgb(70,69,70);
 }
 
 QDockWidget::close-button, QDockWidget::float-button {
@@ -158,21 +153,18 @@ QGroupBox {
 }
 
 QScrollBar:vertical {
-    background-color: rgb(58,57,58); /* dark */
+    background-color: rgb(58,57,58);
     width: 14px;
     margin: 0px;
 }
 
 QScrollBar::handle:vertical {
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 1, y2: 0,
-        stop: 0 rgb(122,121,122), /* light */
-        stop: 0.25 rgb(100, 99, 100),
-        stop: 1 rgb(88,87,88)); /* kindaDark */
+    background-color: rgb(76,76,76);
     min-height: 20px;
     margin: 2px;
     border-radius: 5px;
     border-width: 1px;
-    border: 1px solid rgb(31,30,31); /* veryDark */
+    border: 1px solid rgb(76,76,76);
 }
 
 QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
@@ -194,15 +186,12 @@ QScrollBar:horizontal {
 }
 
 QScrollBar::handle:horizontal {
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
-        stop: 0 rgb(122,121,122), /* light */
-        stop: 0.25 rgb(100, 99, 100),
-        stop: 1 rgb(88,87,88)); /* kindaDark */
+    background-color: rgb(76,76,76);
     min-width: 20px;
     margin: 2px;
     border-radius: 5px;
     border-width: 1px;
-    border: 1px solid rgb(31,30,31); /* veryDark */
+    border: 1px solid rgb(76,76,76);
 }
 
 QScrollBar::add-line:horizontal, QScrollBar::sub-line:horizontal {
@@ -271,11 +260,11 @@ QTabWidget::pane { /* The tab widget frame */
 }
 
 QTabWidget::tab-bar {
-    alignment: center;
+    alignment: left;
 }
 
 QTabBar::tab {
-    background-color: rgb(88,87,88); /* kindaDark */
+    background-color: rgb(76,76,76);
     border: none;
     padding: 5px;
     min-width: 50px;
@@ -284,16 +273,16 @@ QTabBar::tab {
 
 QTabBar::tab:top {
     border-bottom: 1px transparent;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
 
 }
 
 QTabBar::tab:bottom {
     padding-top: 1px;
     margin-bottom: 4px;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
     height: 14px;
 }
 
@@ -313,25 +302,17 @@ QTabBar::tab:pressed {
 /* ComboBox */
 
 QComboBox {
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
-        stop: 0 rgb(86,85,86),
-        stop: 0.1 rgb(82,81,82),
-        stop: 0.5 rgb(78,77,78),
-        stop: 0.9 rgb(74,73,74),
-        stop: 1 rgb(70,69,70));
+    background-color: rgb(76,76,76);
     border-style: solid;
     border: 1px;
     border-radius: 3px;
-    border-color: rgb(31,30,31); /* veryDark */
+    border-color: rgb(76,76,76); /* veryDark */
     padding: 2px;
     padding-left: 10px;
 }
 
 QComboBox:hover {
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
-        stop: 0 rgb(111, 110, 101),
-        stop: 0.25 rgb(100, 99, 100),
-        stop: 1 rgb(88,87,88)); 
+    background-color: rgb(88,87,88);
 }
 
 QComboBox::drop-down {
@@ -395,7 +376,7 @@ QSpinBox::up-button, QDoubleSpinBox::up-button {
     subcontrol-origin: margin;
     subcontrol-position: top right; /* position at the top right corner */
 
-    background-color: rgb(88,87,88); /* kindaDark */
+    background-color: rgb(76,76,76);
     border: 1px solid rgb(31,30,31); /* veryDark */
     border-radius: 3px;
     border-width: 0;
@@ -407,7 +388,7 @@ QSpinBox::up-button, QDoubleSpinBox::up-button {
 QSpinBox::down-button, QDoubleSpinBox::down-button {
     subcontrol-origin: margin;
     subcontrol-position: bottom right; /* position at the top right corner */
-    background-color: rgb(88,87,88); /* kindaDark */
+    background-color: rgb(76,76,76);
     border: 1px solid rgb(31,30,31); /* veryDark */
     border-radius: 3px;
     border-width: 0;
@@ -447,7 +428,7 @@ QSpinBox::down-arrow, QDoubleSpinBox::down-arrow {
 
 QPushButton {
     color: rgb(225,224,225); /* veryLight */
-    background-color: rgb(88,87,88); /* kindaDark */
+    background-color: rgb(76,76,76);
     border: none;
     border-radius: 3px;
     padding: 4px;
@@ -485,20 +466,15 @@ QPushButton[themeID="hotkeyButtons"] {
 /* Sliders */
 
 QSlider::groove:horizontal {
-    background-color: QLinearGradient(x1: 0, y1: 1, x2: 0, y2: 0,
-        stop: 0 rgb(50, 49, 50), /* dark */
-        stop: 0.75 rgb(88,87,88)); /* kindaDark */
+    background-color: rgb(76,76,76);
     height: 4px;
     border: none;
     border-radius: 2px;
 }
 
 QSlider::handle:horizontal {
-    background-color: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1,
-        stop: 0 rgb(240,239,240), /* lighter */
-        stop: 0.25 rgb(200,199,200),
-        stop: 1 rgb(162,161,162)); /* light */
-    border: 1px solid rgb(58,57,58); /* dark */
+    background-color: #d2d2d2;
+    border: 1px solid rgb(58,57,58);
     border-radius: 3px;
     height: 10px;
     width: 18px;
@@ -506,10 +482,7 @@ QSlider::handle:horizontal {
 }
 
 QSlider::handle:horizontal:pressed {
-    background-color: QLinearGradient(x1: 0, y1: 1, x2: 0, y2: 0,
-        stop: 0 rgb(240,239,240), /* lighter */
-        stop: 0.25 rgb(200,199,200),
-        stop: 1 rgb(162,161,162)); /* light */
+    background-color: #d2d2d2;
 }
 
 QSlider::sub-page:horizontal {
@@ -518,27 +491,20 @@ QSlider::sub-page:horizontal {
 }
 
 QSlider::sub-page:horizontal:disabled {
-    background-color: QLinearGradient(x1: 0, y1: 1, x2: 0, y2: 0,
-        stop: 0 rgb(31,30,31), /* veryDark */
-        stop: 0.75 rgb(50, 49, 50)); /* dark */
+    background-color: rgb(50, 49, 50); /* dark */
     border-radius: 2px;
 }
 
 QSlider::groove:vertical {
-    background-color: QLinearGradient(x1: 1, y1: 0, x2: 0, y2: 0,
-        stop: 0 rgb(50, 49, 50), /* dark */
-        stop: 0.75 rgb(88,87,88)); /* kindaDark */
+    background-color: rgb(76,76,76);
     width: 4px;
     border: none;
     border-radius: 2px;
 }
 
 QSlider::handle:vertical {
-    background-color: QLinearGradient(x1: 1, y1: 0, x2: 0, y2: 0,
-        stop: 0 rgb(240,239,240), /* lighter */
-        stop: 0.25 rgb(200,199,200),
-        stop: 1 rgb(162,161,162)); /* light */
-    border: 1px solid rgb(58,57,58); /* dark */
+    background-color: #d2d2d2;
+    border: 1px solid rgb(58,57,58);
     border-radius: 3px;
     width: 10px;
     height: 18px;
@@ -546,10 +512,7 @@ QSlider::handle:vertical {
 }
 
 QSlider::handle:vertical:pressed {
-    background-color: QLinearGradient(x1: 1, y1: 0, x2: 0, y2: 0,
-        stop: 0 rgb(240,239,240), /* lighter */
-        stop: 0.25 rgb(200,199,200),
-        stop: 1 rgb(162,161,162)); /* light */
+    background-color: #d2d2d2;
 }
 
 QSlider::add-page:vertical {
@@ -558,9 +521,7 @@ QSlider::add-page:vertical {
 }
 
 QSlider::add-page:vertical:disabled {
-    background-color: QLinearGradient(x1: 1, y1: 0, x2: 0, y2: 0,
-        stop: 0 rgb(31,30,31), /* veryDark */
-        stop: 0.75 rgb(50, 49, 50)); /* dark */
+    background-color: rgb(50, 49, 50); /* dark */
     border-radius: 2px;
 }