diff --git a/dark.py b/dark.py
index d9466da..7b1dbaf 100644
--- a/dark.py
+++ b/dark.py
@@ -53,7 +53,7 @@ def main():
     logging.basicConfig(level=logging.DEBUG)
     # create the application and the main window
     app = QtWidgets.QApplication(sys.argv)
-    app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
+    #app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
     window = QtWidgets.QMainWindow()
 
     # setup ui
diff --git a/dark.qss b/dark.qss
index 0f16445..dd7c134 100644
--- a/dark.qss
+++ b/dark.qss
@@ -219,35 +219,35 @@ QMenuBar::item
 QMenuBar::item:selected
 {
     background: transparent;
-    border: 1px solid #76797c;
+    border: 0.1ex solid #76797c;
 }
 
 QMenuBar::item:pressed
 {
-    border: 1px solid #76797c;
+    border: 0.1ex solid #76797c;
     background-color: #3daee9;
     color: #eff0f1;
-    margin-bottom:-1px;
-    padding-bottom:1px;
+    margin-bottom: -0.1ex;
+    padding-bottom: 0.1ex;
 }
 
 QMenu
 {
-    border: 1px solid #76797c;
+    border: 0.1ex solid #76797c;
     color: #eff0f1;
     margin: 2px;
 }
 
 QMenu::icon
 {
-    margin: 5px;
+    margin: 0.5ex;
 }
 
 QMenu::item
 {
-    padding: 5px 30px 5px 30px;
-    margin-left: 5px;
-    border: 1px solid transparent; /* reserve space for selection border */
+    padding: 0.5ex 3ex 0.5ex 3ex;
+    margin-left: 0.5ex;
+    border: 0.1ex solid transparent; /* reserve space for selection border */
 }
 
 QMenu::item:selected
@@ -257,65 +257,61 @@ QMenu::item:selected
 
 QMenu::separator
 {
-    height: 2px;
+    height: 0.2ex;
     background: lightblue;
-    margin-left: 10px;
-    margin-right: 5px;
-}
-
-QMenu::indicator
-{
-    width: 18px;
-    height: 18px;
+    margin-left: 1ex;
+    margin-right: 0.5ex;
 }
 
 /* non-exclusive indicator = check box style indicator
    (see QActionGroup::setExclusive) */
 QMenu::indicator:non-exclusive:unchecked
 {
-    image: url(:/dark/checkbox_unchecked_disabled.svg);
+    border-image: url(:/dark/checkbox_unchecked_disabled.svg);
 }
 
 QMenu::indicator:non-exclusive:unchecked:selected
 {
-    image: url(:/dark/checkbox_unchecked_disabled.svg);
+    border-image: url(:/dark/checkbox_unchecked_disabled.svg);
 }
 
 QMenu::indicator:non-exclusive:checked
 {
-    image: url(:/dark/checkbox_checked.svg);
+    border-image: url(:/dark/checkbox_checked.svg);
 }
 
 QMenu::indicator:non-exclusive:checked:selected
 {
-    image: url(:/dark/checkbox_checked.svg);
+    border-image: url(:/dark/checkbox_checked.svg);
 }
 
 /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
 QMenu::indicator:exclusive:unchecked
 {
-    image: url(:/dark/radio_unchecked_disabled.svg);
+    border-image: url(:/dark/radio_unchecked_disabled.svg);
 }
 
 QMenu::indicator:exclusive:unchecked:selected
 {
-    image: url(:/dark/radio_unchecked_disabled.svg);
+    border-image: url(:/dark/radio_unchecked_disabled.svg);
 }
 
 QMenu::indicator:exclusive:checked
 {
-    image: url(:/dark/radio_checked.svg);
+    border-image: url(:/dark/radio_checked.svg);
 }
 
 QMenu::indicator:exclusive:checked:selected
 {
-    image: url(:/dark/radio_checked.svg);
+    border-image: url(:/dark/radio_checked.svg);
 }
 
 QMenu::right-arrow
 {
-    margin: 5px;
-    image: url(:/dark/right_arrow.svg)
+    margin: 0.5ex;
+    border-image: url(:/light/right_arrow.svg);
+    width: 0.6ex;
+    height: 0.9ex;
 }
 
 
@@ -329,13 +325,14 @@ QAbstractItemView
 {
     alternate-background-color: #31363b;
     color: #eff0f1;
-    border: 1px solid 3A3939;
-    border-radius: 2px;
+    border: 0.1ex solid 3A3939;
+    border-radius: 0.2ex;
 }
 
-QWidget:focus, QMenuBar:focus
+QWidget:focus,
+QMenuBar:focus
 {
-    border: 1px solid #3daee9;
+    border: 0.1ex solid #3daee9;
 }
 
 QTabWidget:focus,
@@ -349,50 +346,51 @@ QSlider:focus
 QLineEdit
 {
     background-color: #232629;
-    padding: 5px;
+    padding: 0.5ex;
     border-style: solid;
     border: 1px solid #76797c;
-    border-radius: 2px;
+    border-radius: 0.2ex;
     color: #eff0f1;
 }
 
 QGroupBox
 {
-    border:1px solid #76797c;
-    border-radius: 2px;
-    margin-top: 20px;
+    border: 0.1ex solid #76797c;
+    border-radius: 0.2ex;
+    padding-top: 1ex;
+    margin-top: 1ex;
 }
 
 QGroupBox::title
 {
     subcontrol-origin: margin;
     subcontrol-position: top center;
-    padding-left: 10px;
-    padding-right: 10px;
-    padding-top: 10px;
+    padding-left: 0.1ex;
+    padding-right: 0.1ex;
+    margin-top: -0.7ex;
 }
 
 QAbstractScrollArea
 {
-    border-radius: 2px;
+    border-radius: 0.2ex;
     border: 1px solid #76797c;
     background-color: transparent;
 }
 
 QScrollBar:horizontal
 {
-    height: 15px;
-    margin: 3px 15px 3px 15px;
-    border: 1px transparent #2A2929;
-    border-radius: 4px;
+    height: 1.5ex;
+    margin: 0.3ex 1.5ex 0.3ex 1.5ex;
+    border: 0.1ex transparent #2A2929;
+    border-radius: 0.4ex;
     background-color: #2A2929;
 }
 
 QScrollBar::handle:horizontal
 {
     background-color: #605F5F;
-    min-width: 5px;
-    border-radius: 4px;
+    min-width: 0.5ex;
+    border-radius: 0.4ex;
 }
 
 QScrollBar::add-line:horizontal
diff --git a/light.py b/light.py
index b654ff0..ff1d4eb 100644
--- a/light.py
+++ b/light.py
@@ -53,7 +53,7 @@ def main():
     logging.basicConfig(level=logging.DEBUG)
     # create the application and the main window
     app = QtWidgets.QApplication(sys.argv)
-    app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
+    #app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
     window = QtWidgets.QMainWindow()
 
     # setup ui
diff --git a/light.qss b/light.qss
index 02e458f..1eaa42f 100644
--- a/light.qss
+++ b/light.qss
@@ -226,35 +226,35 @@ QMenuBar::item
 QMenuBar::item:selected
 {
     background: transparent;
-    border: 1px solid #BAB9B8;
+    border: 0.1ex solid #BAB9B8;
 }
 
 QMenuBar::item:pressed
 {
-    border: 1px solid #BAB9B8;
+    border: 0.1ex solid #BAB9B8;
     background-color: #33A4DF;
     color: #31363B;
-    margin-bottom:-1px;
-    padding-bottom:1px;
+    margin-bottom: -0.1ex;
+    padding-bottom: 0.1ex;
 }
 
 QMenu
 {
-    border: 1px solid #BAB9B8;
+    border: 0.1ex solid #BAB9B8;
     color: #31363B;
     margin: 2px;
 }
 
 QMenu::icon
 {
-    margin: 5px;
+    margin: 0.5ex;
 }
 
 QMenu::item
 {
-    padding: 5px 30px 5px 30px;
-    margin-left: 5px;
-    border: 1px solid transparent; /* reserve space for selection border */
+    padding: 0.5ex 3ex 0.5ex 3ex;
+    margin-left: 0.5ex;
+    border: 0.1ex solid transparent; /* reserve space for selection border */
 }
 
 QMenu::item:selected
@@ -262,56 +262,63 @@ QMenu::item:selected
     color: #31363B;
 }
 
-QMenu::separator {
-    height: 2px;
+QMenu::separator
+{
+    height: 0.2ex;
     background: lightblue;
-    margin-left: 10px;
-    margin-right: 5px;
-}
-
-QMenu::indicator {
-    width: 18px;
-    height: 18px;
+    margin-left: 1ex;
+    margin-right: 0.5ex;
 }
 
 /* non-exclusive indicator = check box style indicator
    (see QActionGroup::setExclusive) */
-QMenu::indicator:non-exclusive:unchecked {
-    image: url(:/light/checkbox_unchecked_disabled.svg);
+QMenu::indicator:non-exclusive:unchecked
+{
+    border-image: url(:/light/checkbox_unchecked_disabled.svg);
 }
 
-QMenu::indicator:non-exclusive:unchecked:selected {
-    image: url(:/light/checkbox_unchecked_disabled.svg);
+QMenu::indicator:non-exclusive:unchecked:selected
+{
+    border-image: url(:/light/checkbox_unchecked_disabled.svg);
 }
 
-QMenu::indicator:non-exclusive:checked {
-    image: url(:/light/checkbox_checked.svg);
+QMenu::indicator:non-exclusive:checked
+{
+    border-image: url(:/light/checkbox_checked.svg);
 }
 
-QMenu::indicator:non-exclusive:checked:selected {
-    image: url(:/light/checkbox_checked.svg);
+QMenu::indicator:non-exclusive:checked:selected
+{
+    border-image: url(:/light/checkbox_checked.svg);
 }
 
 /* exclusive indicator = radio button style indicator (see QActionGroup::setExclusive) */
-QMenu::indicator:exclusive:unchecked {
-    image: url(:/light/radio_unchecked_disabled.svg);
+QMenu::indicator:exclusive:unchecked
+{
+    border-image: url(:/light/radio_unchecked_disabled.svg);
 }
 
-QMenu::indicator:exclusive:unchecked:selected {
-    image: url(:/light/radio_unchecked_disabled.svg);
+QMenu::indicator:exclusive:unchecked:selected
+{
+    border-image: url(:/light/radio_unchecked_disabled.svg);
 }
 
-QMenu::indicator:exclusive:checked {
-    image: url(:/light/radio_checked.svg);
+QMenu::indicator:exclusive:checked
+{
+    border-image: url(:/light/radio_checked.svg);
 }
 
-QMenu::indicator:exclusive:checked:selected {
-    image: url(:/light/radio_checked.svg);
+QMenu::indicator:exclusive:checked:selected
+{
+    border-image: url(:/light/radio_checked.svg);
 }
 
-QMenu::right-arrow {
-    margin: 5px;
-    image: url(:/light/right_arrow.svg)
+QMenu::right-arrow
+{
+    margin: 0.5ex;
+    border-image: url(:/light/right_arrow.svg);
+    width: 0.6ex;
+    height: 0.9ex;
 }
 
 
@@ -325,16 +332,20 @@ QAbstractItemView
 {
     alternate-background-color: #EFF0F1;
     color: #31363B;
-    border: 1px solid 3A3939;
-    border-radius: 2px;
+    border: 0.1ex solid 3A3939;
+    border-radius: 0.2ex;
 }
 
-QWidget:focus, QMenuBar:focus
+QWidget:focus,
+QMenuBar:focus
 {
-    border: 1px solid #33A4DF;
+    border: 0.1ex solid #33A4DF;
 }
 
-QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus
+QTabWidget:focus,
+QCheckBox:focus,
+QRadioButton:focus,
+QSlider:focus
 {
     border: none;
 }
@@ -342,48 +353,51 @@ QTabWidget:focus, QCheckBox:focus, QRadioButton:focus, QSlider:focus
 QLineEdit
 {
     background-color: #FCFCFC;
-    padding: 5px;
+    padding: 0.5ex;
     border-style: solid;
     border: 1px solid #BAB9B8;
-    border-radius: 2px;
+    border-radius: 0.2ex;
     color: #31363B;
 }
 
-QGroupBox {
-    border:1px solid #BAB9B8;
-    border-radius: 2px;
-    margin-top: 20px;
+QGroupBox
+{
+    border: 0.1ex solid #BAB9B8;
+    border-radius: 0.2ex;
+    padding-top: 1ex;
+    margin-top: 1ex;
 }
 
-QGroupBox::title {
+QGroupBox::title
+{
     subcontrol-origin: margin;
     subcontrol-position: top center;
-    padding-left: 10px;
-    padding-right: 10px;
-    padding-top: 10px;
+    padding-left: 0.1ex;
+    padding-right: 0.1ex;
+    margin-top: -0.7ex;
 }
 
 QAbstractScrollArea
 {
-    border-radius: 2px;
+    border-radius: 0.2ex;
     border: 1px solid #BAB9B8;
     background-color: transparent;
 }
 
 QScrollBar:horizontal
 {
-    height: 15px;
-    margin: 3px 15px 3px 15px;
-    border: 1px transparent #2A2929;
-    border-radius: 4px;
+    height: 1.5ex;
+    margin: 0.3ex 1.5ex 0.3ex 1.5ex;
+    border: 0.1ex transparent #2A2929;
+    border-radius: 0.4ex;
     background-color: #2A2929;
 }
 
 QScrollBar::handle:horizontal
 {
     background-color: #605F5F;
-    min-width: 5px;
-    border-radius: 4px;
+    min-width: 0.5ex;
+    border-radius: 0.4ex;
 }
 
 QScrollBar::add-line:horizontal
diff --git a/light/right_arrow.svg b/light/right_arrow.svg
index a3a95ff..a43ea2b 100755
--- a/light/right_arrow.svg
+++ b/light/right_arrow.svg
@@ -1,3 +1,3 @@
-<svg width="6" height="9">
+<svg x="0px" y="0px" width="6px" height="9px" viewBox="0 0 6 9" enable-background="new 0 0 6 9" xml:space="preserve">
   <path d="m 0.9166972,1.1894593 3.310321,3.3105408 -3.3117417,3.3105408 c -0.157702,0.1577125 -0.157702,0.4134624 0,0.5711749 0.157702,0.1577123 0.4134349,0.1577123 0.5711369,0 l 3.5973102,-3.5961283 0,0 0,0 c 0.1577019,-0.1577124 0.1577019,-0.4134624 0,-0.5711748 L 1.4864134,0.61828437 c -0.157702,-0.1577124 -0.4134349,-0.1577124 -0.5711369,0 -0.1562813,0.1577125 -0.1562813,0.41346243 0.00142,0.57117493 z" fill="#31363B"/>
 </svg>
diff --git a/native.py b/native.py
index edcfc03..0269795 100644
--- a/native.py
+++ b/native.py
@@ -51,7 +51,7 @@ def main():
     logging.basicConfig(level=logging.DEBUG)
     # create the application and the main window
     app = QtWidgets.QApplication(sys.argv)
-    app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
+    #app.setStyle(QtWidgets.QStyleFactory.create("fusion"))
     window = QtWidgets.QMainWindow()
 
     # setup ui