From 7bce479e011e0ffd74f50c5d27a1e0b49d8e53e0 Mon Sep 17 00:00:00 2001
From: Mark Watkins <jedimark@users.sourceforge.net>
Date: Thu, 17 Oct 2013 02:39:22 +1000
Subject: [PATCH] Pretty things up a bit with stylesheets

---
 sleepyhead/daily.ui       | 320 ++++++++++---
 sleepyhead/mainwindow.cpp |  14 -
 sleepyhead/mainwindow.ui  | 933 ++++++++++++++++++++++++++++----------
 3 files changed, 960 insertions(+), 307 deletions(-)

diff --git a/sleepyhead/daily.ui b/sleepyhead/daily.ui
index 4b8bd7a4..4bec0b94 100644
--- a/sleepyhead/daily.ui
+++ b/sleepyhead/daily.ui
@@ -23,16 +23,7 @@
    <property name="spacing">
     <number>0</number>
    </property>
-   <property name="leftMargin">
-    <number>0</number>
-   </property>
-   <property name="topMargin">
-    <number>0</number>
-   </property>
-   <property name="rightMargin">
-    <number>0</number>
-   </property>
-   <property name="bottomMargin">
+   <property name="margin">
     <number>0</number>
    </property>
    <item>
@@ -61,20 +52,17 @@
         <property name="spacing">
          <number>0</number>
         </property>
-        <property name="leftMargin">
-         <number>0</number>
-        </property>
-        <property name="topMargin">
-         <number>0</number>
-        </property>
-        <property name="rightMargin">
-         <number>0</number>
-        </property>
-        <property name="bottomMargin">
+        <property name="margin">
          <number>0</number>
         </property>
         <item>
          <widget class="QToolButton" name="prevDayButton">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Minimum">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
           <property name="minimumSize">
            <size>
             <width>0</width>
@@ -90,6 +78,22 @@
           <property name="toolTip">
            <string>Go to the previous day</string>
           </property>
+          <property name="styleSheet">
+           <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+          </property>
           <property name="text">
            <string>Prev</string>
           </property>
@@ -111,7 +115,7 @@
         <item>
          <widget class="QToolButton" name="calButton">
           <property name="sizePolicy">
-           <sizepolicy hsizetype="Expanding" vsizetype="Fixed">
+           <sizepolicy hsizetype="Expanding" vsizetype="Minimum">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
@@ -134,6 +138,23 @@
           <property name="layoutDirection">
            <enum>Qt::LeftToRight</enum>
           </property>
+          <property name="styleSheet">
+           <string notr="true">QToolButton {
+border: 2px solid #dddddd;
+border-radius: 10px;
+background: transparent;
+}
+
+QToolButton:hover {
+border: 2px solid #456789;
+border-radius: 10px;
+}
+
+QToolButton:pressed {
+border: 2px solid #456789;
+border-radius: 10px;
+}</string>
+          </property>
           <property name="text">
            <string>...</string>
           </property>
@@ -156,6 +177,12 @@
         </item>
         <item>
          <widget class="QToolButton" name="nextDayButton">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Minimum">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
           <property name="minimumSize">
            <size>
             <width>0</width>
@@ -174,6 +201,22 @@
           <property name="layoutDirection">
            <enum>Qt::LeftToRight</enum>
           </property>
+          <property name="styleSheet">
+           <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+          </property>
           <property name="text">
            <string>Next</string>
           </property>
@@ -194,6 +237,12 @@
         </item>
         <item>
          <widget class="QToolButton" name="todayButton">
+          <property name="sizePolicy">
+           <sizepolicy hsizetype="Fixed" vsizetype="Minimum">
+            <horstretch>0</horstretch>
+            <verstretch>0</verstretch>
+           </sizepolicy>
+          </property>
           <property name="minimumSize">
            <size>
             <width>0</width>
@@ -209,6 +258,22 @@
           <property name="toolTip">
            <string>Go to the most recent day with data records</string>
           </property>
+          <property name="styleSheet">
+           <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+          </property>
           <property name="icon">
            <iconset resource="Resources.qrc">
             <normaloff>:/icons/arrow-end.png</normaloff>:/icons/arrow-end.png</iconset>
@@ -242,6 +307,64 @@
          <height>0</height>
         </size>
        </property>
+       <property name="styleSheet">
+        <string notr="true">#qt_calendar_nextmonth {
+ background: transparent;
+ border-radius: 8px;
+}
+
+#qt_calendar_nextmonth:hover {
+	border: 2px solid #456789;
+}
+
+#qt_calendar_nextmonth:pressed {
+	border: 2px solid #456789;
+    background: #89abcd;
+}
+
+#qt_calendar_prevmonth {
+ background: transparent;
+  border-radius: 8px;
+}
+
+#qt_calendar_prevmonth:hover {
+	border: 2px solid #456789;
+}
+
+#qt_calendar_prevmonth:pressed {
+	border: 2px solid #456789;
+    background: #89abcd;
+}
+
+#qt_calendar_monthbutton {
+  background: transparent;
+ border: 2px solid transparent;
+  border-radius: 8px;
+}
+
+#qt_calendar_monthbutton:hover {
+	border: 2px solid #456789;
+}
+
+#qt_calendar_monthbutton:pressed {
+	border: 2px solid #456789;
+    background: #89abcd;
+}
+
+#qt_calendar_yearbutton {
+  background: transparent;
+ border-radius: 8px;
+}
+
+#qt_calendar_yearbutton:hover {
+	border: 2px solid #456789;
+}
+
+#qt_calendar_yearbutton:pressed {
+	border: 2px solid #456789;
+    background: #89abcd;
+}</string>
+       </property>
        <property name="firstDayOfWeek">
         <enum>Qt::Monday</enum>
        </property>
@@ -266,7 +389,7 @@
         </size>
        </property>
        <property name="currentIndex">
-        <number>0</number>
+        <number>1</number>
        </property>
        <property name="movable">
         <bool>true</bool>
@@ -279,16 +402,7 @@
          <property name="spacing">
           <number>0</number>
          </property>
-         <property name="leftMargin">
-          <number>0</number>
-         </property>
-         <property name="topMargin">
-          <number>0</number>
-         </property>
-         <property name="rightMargin">
-          <number>0</number>
-         </property>
-         <property name="bottomMargin">
+         <property name="margin">
           <number>0</number>
          </property>
          <item>
@@ -317,16 +431,7 @@
          </item>
          <item>
           <layout class="QHBoxLayout" name="horizontalLayout_9">
-           <property name="leftMargin">
-            <number>4</number>
-           </property>
-           <property name="topMargin">
-            <number>4</number>
-           </property>
-           <property name="rightMargin">
-            <number>4</number>
-           </property>
-           <property name="bottomMargin">
+           <property name="margin">
             <number>4</number>
            </property>
            <item>
@@ -383,16 +488,7 @@
          <property name="spacing">
           <number>0</number>
          </property>
-         <property name="leftMargin">
-          <number>0</number>
-         </property>
-         <property name="topMargin">
-          <number>0</number>
-         </property>
-         <property name="rightMargin">
-          <number>0</number>
-         </property>
-         <property name="bottomMargin">
+         <property name="margin">
           <number>0</number>
          </property>
          <item>
@@ -459,6 +555,9 @@
            </item>
            <item>
             <widget class="QToolButton" name="JournalNotesColour">
+             <property name="styleSheet">
+              <string notr="true">color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 255), stop:0.166 rgba(255, 255, 0, 255), stop:0.333 rgba(0, 255, 0, 255), stop:0.5 rgba(0, 255, 255, 255), stop:0.666 rgba(0, 0, 255, 255), stop:0.833 rgba(255, 0, 255, 255), stop:1 rgba(255, 0, 0, 255))</string>
+             </property>
              <property name="text">
               <string>Color</string>
              </property>
@@ -466,6 +565,11 @@
            </item>
            <item>
             <widget class="QToolButton" name="JournalNotesItalic">
+             <property name="font">
+              <font>
+               <italic>true</italic>
+              </font>
+             </property>
              <property name="text">
               <string> i </string>
              </property>
@@ -476,6 +580,11 @@
            </item>
            <item>
             <widget class="QToolButton" name="JournalNotesUnderline">
+             <property name="font">
+              <font>
+               <underline>true</underline>
+              </font>
+             </property>
              <property name="text">
               <string>u</string>
              </property>
@@ -483,6 +592,12 @@
            </item>
            <item>
             <widget class="QToolButton" name="JournalNotesBold">
+             <property name="font">
+              <font>
+               <weight>75</weight>
+               <bold>true</bold>
+              </font>
+             </property>
              <property name="text">
               <string>B</string>
              </property>
@@ -586,6 +701,25 @@
               </item>
               <item row="1" column="0" colspan="8">
                <widget class="QSlider" name="ZombieMeter">
+                <property name="styleSheet">
+                 <string notr="true">QSlider::groove:horizontal  {
+    border: 1px solid #999999;
+    border-radius: 4px;
+    height: 8px; /* the groove expands to the size of the slider by default. by giving it a height, it has a fixed size */
+    background: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop:0 #ff6060, stop:1 #60ff60);
+    margin: 2px 0; 
+  
+}
+
+QSlider::handle:horizontal  {
+    background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #b4b4b4, stop:1 #8f8f8f);
+    border: 1px solid #5c5c5c;
+    width: 18px;
+    margin: -2px 0; /* handle is placed by default on the contents rect of the groove. Expand outside the groove */
+    border-radius: 3px;
+}
+</string>
+                </property>
                 <property name="maximum">
                  <number>10</number>
                 </property>
@@ -685,8 +819,17 @@
          <string>Bookmarks</string>
         </attribute>
         <layout class="QVBoxLayout" name="verticalLayout_2">
+         <property name="spacing">
+          <number>6</number>
+         </property>
+         <property name="margin">
+          <number>4</number>
+         </property>
          <item>
           <widget class="QPushButton" name="addBookmarkButton">
+           <property name="styleSheet">
+            <string notr="true"/>
+           </property>
            <property name="text">
             <string>Add Bookmark</string>
            </property>
@@ -776,6 +919,22 @@
             <property name="toolTip">
              <string>Zoom fully out</string>
             </property>
+            <property name="styleSheet">
+             <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+            </property>
             <property name="text">
              <string>100%</string>
             </property>
@@ -789,12 +948,31 @@
             <property name="toolTip">
              <string>Reset the graph heights to uniform sizes</string>
             </property>
+            <property name="styleSheet">
+             <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+            </property>
             <property name="text">
              <string>Reset</string>
             </property>
             <property name="autoRaise">
              <bool>true</bool>
             </property>
+            <property name="arrowType">
+             <enum>Qt::NoArrow</enum>
+            </property>
            </widget>
           </item>
           <item>
@@ -806,14 +984,33 @@
           </item>
           <item>
            <widget class="QToolButton" name="toggleGraphs">
+            <property name="styleSheet">
+             <string notr="true">QToolButton {
+ background: transparent;
+ border-radius: 8px;
+ border: 2px solid transparent;
+}
+
+QToolButton:hover {
+ border: 2px solid #456789;
+}
+
+QToolButton:pressed {
+ border: 2px solid #456789;
+ background-color: #89abcd;
+}</string>
+            </property>
             <property name="text">
-             <string>...</string>
+             <string/>
             </property>
             <property name="checkable">
              <bool>true</bool>
             </property>
+            <property name="toolButtonStyle">
+             <enum>Qt::ToolButtonIconOnly</enum>
+            </property>
             <property name="autoRaise">
-             <bool>true</bool>
+             <bool>false</bool>
             </property>
             <property name="arrowType">
              <enum>Qt::DownArrow</enum>
@@ -831,6 +1028,21 @@
             <property name="toolTip">
              <string>Drop down this list to show/hide available graphs.</string>
             </property>
+            <property name="styleSheet">
+             <string notr="true"/>
+            </property>
+            <property name="sizeAdjustPolicy">
+             <enum>QComboBox::AdjustToMinimumContentsLengthWithIcon</enum>
+            </property>
+            <property name="iconSize">
+             <size>
+              <width>20</width>
+              <height>20</height>
+             </size>
+            </property>
+            <property name="frame">
+             <bool>false</bool>
+            </property>
            </widget>
           </item>
          </layout>
diff --git a/sleepyhead/mainwindow.cpp b/sleepyhead/mainwindow.cpp
index 7b47e5f3..06b8c8cc 100644
--- a/sleepyhead/mainwindow.cpp
+++ b/sleepyhead/mainwindow.cpp
@@ -177,20 +177,6 @@ MainWindow::MainWindow(QWidget *parent) :
     ui->summaryView->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
     ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateExternalLinks);
     ui->bookmarkView->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
-    ui->toolBox->setStyleSheet(
-                               "QToolBox::tab {"
-                               "background: #6789ab;"
-                               "color: lightGray;}"
-                               "QToolBox { icon-size: 32px; }"
-                               "QToolBox::tab:selected {"
-                               "font: bold;"
-                               "background: #9090ee;"
-                               "color: white; }"
-                               );
-
-    //"font-weight: bold; "
-    //"border-top-left-radius: 8px;"
-    //"border-top-right-radius: 8px;"
 
     QString loadingtxt="<HTML><body style='text-align: center; vertical-align: center'><table width='100%' height='100%'><tr><td align=center><h1>"+tr("Loading...")+"</h1></td></tr></table></body></HTML>";
     ui->summaryView->setHtml(loadingtxt);
diff --git a/sleepyhead/mainwindow.ui b/sleepyhead/mainwindow.ui
index aeddefa0..a5664531 100644
--- a/sleepyhead/mainwindow.ui
+++ b/sleepyhead/mainwindow.ui
@@ -6,8 +6,8 @@
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>554</width>
-    <height>443</height>
+    <width>863</width>
+    <height>637</height>
    </rect>
   </property>
   <property name="sizePolicy">
@@ -46,16 +46,7 @@
     <property name="spacing">
      <number>4</number>
     </property>
-    <property name="leftMargin">
-     <number>0</number>
-    </property>
-    <property name="topMargin">
-     <number>0</number>
-    </property>
-    <property name="rightMargin">
-     <number>0</number>
-    </property>
-    <property name="bottomMargin">
+    <property name="margin">
      <number>0</number>
     </property>
     <item>
@@ -106,16 +97,7 @@
           <property name="spacing">
            <number>0</number>
           </property>
-          <property name="leftMargin">
-           <number>0</number>
-          </property>
-          <property name="topMargin">
-           <number>0</number>
-          </property>
-          <property name="rightMargin">
-           <number>0</number>
-          </property>
-          <property name="bottomMargin">
+          <property name="margin">
            <number>0</number>
           </property>
           <item>
@@ -143,16 +125,7 @@
           <property name="spacing">
            <number>3</number>
           </property>
-          <property name="leftMargin">
-           <number>0</number>
-          </property>
-          <property name="topMargin">
-           <number>0</number>
-          </property>
-          <property name="rightMargin">
-           <number>0</number>
-          </property>
-          <property name="bottomMargin">
+          <property name="margin">
            <number>0</number>
           </property>
           <item>
@@ -329,8 +302,8 @@
           <colorrole role="Button">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>129</red>
-             <green>142</green>
+             <red>163</red>
+             <green>190</green>
              <blue>255</blue>
             </color>
            </brush>
@@ -338,8 +311,8 @@
           <colorrole role="Base">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>170</red>
-             <green>170</green>
+             <red>163</red>
+             <green>190</green>
              <blue>255</blue>
             </color>
            </brush>
@@ -347,9 +320,9 @@
           <colorrole role="Window">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>0</red>
-             <green>31</green>
-             <blue>237</blue>
+             <red>163</red>
+             <green>190</green>
+             <blue>255</blue>
             </color>
            </brush>
           </colorrole>
@@ -358,8 +331,8 @@
           <colorrole role="Button">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>129</red>
-             <green>142</green>
+             <red>163</red>
+             <green>190</green>
              <blue>255</blue>
             </color>
            </brush>
@@ -367,8 +340,8 @@
           <colorrole role="Base">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>170</red>
-             <green>170</green>
+             <red>163</red>
+             <green>190</green>
              <blue>255</blue>
             </color>
            </brush>
@@ -376,9 +349,9 @@
           <colorrole role="Window">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>0</red>
-             <green>31</green>
-             <blue>237</blue>
+             <red>163</red>
+             <green>190</green>
+             <blue>255</blue>
             </color>
            </brush>
           </colorrole>
@@ -387,8 +360,8 @@
           <colorrole role="Button">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>129</red>
-             <green>142</green>
+             <red>163</red>
+             <green>190</green>
              <blue>255</blue>
             </color>
            </brush>
@@ -396,18 +369,18 @@
           <colorrole role="Base">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>0</red>
-             <green>31</green>
-             <blue>237</blue>
+             <red>163</red>
+             <green>190</green>
+             <blue>255</blue>
             </color>
            </brush>
           </colorrole>
           <colorrole role="Window">
            <brush brushstyle="SolidPattern">
             <color alpha="255">
-             <red>0</red>
-             <green>31</green>
-             <blue>237</blue>
+             <red>163</red>
+             <green>190</green>
+             <blue>255</blue>
             </color>
            </brush>
           </colorrole>
@@ -419,6 +392,40 @@
          <pointsize>12</pointsize>
         </font>
        </property>
+       <property name="styleSheet">
+        <string notr="true">QToolBox { 
+icon-size: 24px; 
+border-radius: 15px;
+background: rgb(163, 190, 255)
+}
+
+QToolBox::tab {
+    color: #444444;
+   background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+                                stop: 0 #8181b1, 
+                                stop: 1.0 #8393c3);
+ }
+
+QToolBox::tab:pressed {
+  font: italic;
+  color: #ffffff;
+   background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+                                stop: 0 #8181b1, 
+                                stop: 1.0 #8393c3);
+
+}
+
+QToolBox::tab:selected  {
+   font: italic;
+   color: #ffffff; 
+   background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
+                                stop: 0 #8181b1, 
+                                stop: 1.0 #8393c3);
+}
+
+
+</string>
+       </property>
        <property name="frameShape">
         <enum>QFrame::Box</enum>
        </property>
@@ -441,9 +448,9 @@
         <property name="geometry">
          <rect>
           <x>0</x>
-          <y>0</y>
-          <width>161</width>
-          <height>510</height>
+          <y>-16</y>
+          <width>165</width>
+          <height>514</height>
          </rect>
         </property>
         <property name="palette">
@@ -452,17 +459,17 @@
            <colorrole role="Button">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>181</red>
-              <green>194</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
            <colorrole role="Base">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>255</red>
-              <green>255</green>
+              <red>163</red>
+              <green>190</green>
               <blue>255</blue>
              </color>
             </brush>
@@ -470,9 +477,9 @@
            <colorrole role="Window">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>153</red>
-              <green>186</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
@@ -481,17 +488,17 @@
            <colorrole role="Button">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>181</red>
-              <green>194</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
            <colorrole role="Base">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>255</red>
-              <green>255</green>
+              <red>163</red>
+              <green>190</green>
               <blue>255</blue>
              </color>
             </brush>
@@ -499,9 +506,9 @@
            <colorrole role="Window">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>153</red>
-              <green>186</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
@@ -510,27 +517,27 @@
            <colorrole role="Button">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>181</red>
-              <green>194</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
            <colorrole role="Base">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>153</red>
-              <green>186</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
            <colorrole role="Window">
             <brush brushstyle="SolidPattern">
              <color alpha="255">
-              <red>153</red>
-              <green>186</green>
-              <blue>237</blue>
+              <red>163</red>
+              <green>190</green>
+              <blue>255</blue>
              </color>
             </brush>
            </colorrole>
@@ -540,6 +547,9 @@
         <property name="mouseTracking">
          <bool>true</bool>
         </property>
+        <property name="styleSheet">
+         <string notr="true">background: rgb(163, 190, 255)</string>
+        </property>
         <attribute name="icon">
          <iconset resource="Resources.qrc">
           <normaloff>:/icons/bob-v3.0.png</normaloff>:/icons/bob-v3.0.png</iconset>
@@ -551,7 +561,7 @@
          <item>
           <widget class="QToolButton" name="summaryButton_2">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
+            <sizepolicy hsizetype="MinimumExpanding" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
@@ -561,6 +571,21 @@
              <pointsize>10</pointsize>
             </font>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Statistics</string>
            </property>
@@ -585,7 +610,7 @@
          <item>
           <widget class="QToolButton" name="dailyButton">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
+            <sizepolicy hsizetype="MinimumExpanding" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
@@ -601,6 +626,21 @@
              <pointsize>10</pointsize>
             </font>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Daily</string>
            </property>
@@ -625,11 +665,26 @@
          <item>
           <widget class="QToolButton" name="overviewButton">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
+            <sizepolicy hsizetype="MinimumExpanding" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Overview</string>
            </property>
@@ -654,11 +709,26 @@
          <item>
           <widget class="QToolButton" name="oximetryButton">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
+            <sizepolicy hsizetype="MinimumExpanding" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Oximetry</string>
            </property>
@@ -683,7 +753,7 @@
          <item>
           <widget class="QToolButton" name="importButton">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="MinimumExpanding" vsizetype="MinimumExpanding">
+            <sizepolicy hsizetype="MinimumExpanding" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
@@ -694,6 +764,21 @@
              <height>0</height>
             </size>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Import</string>
            </property>
@@ -724,11 +809,26 @@
          <item>
           <widget class="QToolButton" name="helpButton">
            <property name="sizePolicy">
-            <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
+            <sizepolicy hsizetype="Preferred" vsizetype="Minimum">
              <horstretch>0</horstretch>
              <verstretch>0</verstretch>
             </sizepolicy>
            </property>
+           <property name="styleSheet">
+            <string notr="true">QToolButton {
+background: transparent;
+border: 2px solid transparent; border-radius: 30px;
+}
+
+QToolButton:hover {
+border: 2px solid #56789a; border-radius: 30px;
+}
+
+QToolButton:pressed {
+background-color: #8080ff;
+border: 2px solid #56789a; border-radius: 30px;
+}</string>
+           </property>
            <property name="text">
             <string>Help</string>
            </property>
@@ -755,10 +855,13 @@
            <property name="orientation">
             <enum>Qt::Vertical</enum>
            </property>
+           <property name="sizeType">
+            <enum>QSizePolicy::Expanding</enum>
+           </property>
            <property name="sizeHint" stdset="0">
             <size>
-             <width>20</width>
-             <height>40</height>
+             <width>0</width>
+             <height>0</height>
             </size>
            </property>
           </spacer>
@@ -770,8 +873,8 @@
          <rect>
           <x>0</x>
           <y>0</y>
-          <width>178</width>
-          <height>319</height>
+          <width>180</width>
+          <height>498</height>
          </rect>
         </property>
         <property name="palette">
@@ -841,6 +944,9 @@
         <property name="mouseTracking">
          <bool>true</bool>
         </property>
+        <property name="styleSheet">
+         <string notr="true"/>
+        </property>
         <attribute name="icon">
          <iconset resource="Resources.qrc">
           <normaloff>:/icons/bookmark.png</normaloff>:/icons/bookmark.png</iconset>
@@ -852,20 +958,17 @@
          <property name="spacing">
           <number>0</number>
          </property>
-         <property name="leftMargin">
-          <number>0</number>
-         </property>
-         <property name="topMargin">
-          <number>0</number>
-         </property>
-         <property name="rightMargin">
-          <number>0</number>
-         </property>
-         <property name="bottomMargin">
+         <property name="margin">
           <number>0</number>
          </property>
          <item>
           <widget class="QFrame" name="frame_2">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Preferred" vsizetype="Minimum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
            <property name="palette">
             <palette>
              <active>
@@ -879,12 +982,23 @@
                </brush>
               </colorrole>
               <colorrole role="Button">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Light">
@@ -951,21 +1065,43 @@
                </brush>
               </colorrole>
               <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>255</red>
-                 <green>255</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Window">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Shadow">
@@ -1016,12 +1152,23 @@
                </brush>
               </colorrole>
               <colorrole role="Button">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Light">
@@ -1088,21 +1235,43 @@
                </brush>
               </colorrole>
               <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>255</red>
-                 <green>255</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Window">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Shadow">
@@ -1153,12 +1322,23 @@
                </brush>
               </colorrole>
               <colorrole role="Button">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Light">
@@ -1225,21 +1405,43 @@
                </brush>
               </colorrole>
               <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Window">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
+               <brush brushstyle="LinearGradientPattern">
+                <gradient startx="0.000000000000000" starty="0.000000000000000" endx="1.000000000000000" endy="0.000000000000000" type="LinearGradient" spread="PadSpread" coordinatemode="ObjectBoundingMode">
+                 <gradientstop position="0.000000000000000">
+                  <color alpha="255">
+                   <red>125</red>
+                   <green>125</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                 <gradientstop position="1.000000000000000">
+                  <color alpha="255">
+                   <red>200</red>
+                   <green>200</green>
+                   <blue>255</blue>
+                  </color>
+                 </gradientstop>
+                </gradient>
                </brush>
               </colorrole>
               <colorrole role="Shadow">
@@ -1281,6 +1483,9 @@
              </disabled>
             </palette>
            </property>
+           <property name="styleSheet">
+            <string notr="true">background: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(125, 125, 255, 255), stop:1 rgba(200, 200, 255, 255))</string>
+           </property>
            <property name="frameShape">
             <enum>QFrame::Box</enum>
            </property>
@@ -1291,28 +1496,70 @@
             <property name="spacing">
              <number>0</number>
             </property>
-            <property name="leftMargin">
-             <number>0</number>
-            </property>
-            <property name="topMargin">
-             <number>0</number>
-            </property>
-            <property name="rightMargin">
-             <number>0</number>
-            </property>
-            <property name="bottomMargin">
+            <property name="margin">
              <number>0</number>
             </property>
             <item>
              <widget class="QLineEdit" name="filterBookmarks">
+              <property name="sizePolicy">
+               <sizepolicy hsizetype="Expanding" vsizetype="Minimum">
+                <horstretch>0</horstretch>
+                <verstretch>0</verstretch>
+               </sizepolicy>
+              </property>
               <property name="palette">
                <palette>
                 <active>
+                 <colorrole role="WindowText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Text">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="ButtonText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>170</red>
-                    <green>170</green>
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
                     <blue>255</blue>
                    </color>
                   </brush>
@@ -1328,11 +1575,56 @@
                  </colorrole>
                 </active>
                 <inactive>
+                 <colorrole role="WindowText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Text">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="ButtonText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>170</red>
-                    <green>170</green>
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
                     <blue>255</blue>
                    </color>
                   </brush>
@@ -1348,12 +1640,57 @@
                  </colorrole>
                 </inactive>
                 <disabled>
+                 <colorrole role="WindowText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Text">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="ButtonText">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>255</red>
+                    <green>255</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>0</red>
-                    <green>31</green>
-                    <blue>237</blue>
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>190</red>
+                    <green>209</green>
+                    <blue>255</blue>
                    </color>
                   </brush>
                  </colorrole>
@@ -1369,18 +1706,60 @@
                 </disabled>
                </palette>
               </property>
+              <property name="font">
+               <font>
+                <pointsize>15</pointsize>
+               </font>
+              </property>
+              <property name="styleSheet">
+               <string notr="true">QLineEdit {
+border: 1px solid #6060e0;
+border-radius: 20px;
+color: white;
+background-color: rgb(190, 209, 255);
+}
+
+QLineEdit:selected {
+background-color: rgb(190, 209, 255);
+
+}</string>
+              </property>
              </widget>
             </item>
             <item>
              <widget class="QToolButton" name="filterBookmarksButton">
+              <property name="sizePolicy">
+               <sizepolicy hsizetype="Fixed" vsizetype="Minimum">
+                <horstretch>0</horstretch>
+                <verstretch>0</verstretch>
+               </sizepolicy>
+              </property>
               <property name="palette">
                <palette>
                 <active>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>170</red>
-                    <green>170</green>
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
                     <blue>255</blue>
                    </color>
                   </brush>
@@ -1396,11 +1775,29 @@
                  </colorrole>
                 </active>
                 <inactive>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>170</red>
-                    <green>170</green>
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
                     <blue>255</blue>
                    </color>
                   </brush>
@@ -1416,12 +1813,30 @@
                  </colorrole>
                 </inactive>
                 <disabled>
+                 <colorrole role="Button">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
                  <colorrole role="Base">
                   <brush brushstyle="SolidPattern">
                    <color alpha="255">
-                    <red>0</red>
-                    <green>31</green>
-                    <blue>237</blue>
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
+                   </color>
+                  </brush>
+                 </colorrole>
+                 <colorrole role="Window">
+                  <brush brushstyle="SolidPattern">
+                   <color alpha="255">
+                    <red>163</red>
+                    <green>190</green>
+                    <blue>255</blue>
                    </color>
                   </brush>
                  </colorrole>
@@ -1437,6 +1852,23 @@
                 </disabled>
                </palette>
               </property>
+              <property name="styleSheet">
+               <string notr="true">QToolButton {
+background: rgb(163, 190, 255);
+}
+
+QToolButton:hover {
+background: rgb(163, 190, 255);
+border: 2px solid #272727;
+border-radius: 10px;
+}
+QToolButton:pressed {
+background: #6060c0;
+border: 2px solid #272727;
+border-radius: 10px;
+}
+</string>
+              </property>
               <property name="text">
                <string>...</string>
               </property>
@@ -1454,43 +1886,106 @@
          </item>
          <item>
           <widget class="QWebView" name="bookmarkView">
+           <property name="sizePolicy">
+            <sizepolicy hsizetype="Preferred" vsizetype="Maximum">
+             <horstretch>0</horstretch>
+             <verstretch>0</verstretch>
+            </sizepolicy>
+           </property>
            <property name="palette">
             <palette>
              <active>
+              <colorrole role="Button">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
               <colorrole role="Base">
                <brush brushstyle="SolidPattern">
                 <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
+              <colorrole role="Window">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
                  <blue>255</blue>
                 </color>
                </brush>
               </colorrole>
              </active>
              <inactive>
+              <colorrole role="Button">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
               <colorrole role="Base">
                <brush brushstyle="SolidPattern">
                 <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
+              <colorrole role="Window">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
                  <blue>255</blue>
                 </color>
                </brush>
               </colorrole>
              </inactive>
              <disabled>
+              <colorrole role="Button">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
               <colorrole role="Base">
                <brush brushstyle="SolidPattern">
                 <color alpha="255">
-                 <red>0</red>
-                 <green>31</green>
-                 <blue>237</blue>
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
+                </color>
+               </brush>
+              </colorrole>
+              <colorrole role="Window">
+               <brush brushstyle="SolidPattern">
+                <color alpha="255">
+                 <red>163</red>
+                 <green>190</green>
+                 <blue>255</blue>
                 </color>
                </brush>
               </colorrole>
              </disabled>
             </palette>
            </property>
+           <property name="styleSheet">
+            <string notr="true">background: rgb(163, 190, 255)</string>
+           </property>
            <property name="url">
             <url>
              <string>about:blank</string>
@@ -1505,13 +2000,16 @@
          <rect>
           <x>0</x>
           <y>0</y>
-          <width>178</width>
-          <height>319</height>
+          <width>180</width>
+          <height>498</height>
          </rect>
         </property>
         <property name="mouseTracking">
          <bool>true</bool>
         </property>
+        <property name="styleSheet">
+         <string notr="true"/>
+        </property>
         <attribute name="icon">
          <iconset resource="Resources.qrc">
           <normaloff>:/icons/trophy.png</normaloff>:/icons/trophy.png</iconset>
@@ -1523,62 +2021,19 @@
          <property name="spacing">
           <number>0</number>
          </property>
-         <property name="leftMargin">
-          <number>0</number>
-         </property>
-         <property name="topMargin">
-          <number>0</number>
-         </property>
-         <property name="rightMargin">
-          <number>0</number>
-         </property>
-         <property name="bottomMargin">
+         <property name="margin">
           <number>0</number>
          </property>
          <item>
           <widget class="QWebView" name="recordsBox">
-           <property name="palette">
-            <palette>
-             <active>
-              <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
-               </brush>
-              </colorrole>
-             </active>
-             <inactive>
-              <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>170</red>
-                 <green>170</green>
-                 <blue>255</blue>
-                </color>
-               </brush>
-              </colorrole>
-             </inactive>
-             <disabled>
-              <colorrole role="Base">
-               <brush brushstyle="SolidPattern">
-                <color alpha="255">
-                 <red>0</red>
-                 <green>31</green>
-                 <blue>237</blue>
-                </color>
-               </brush>
-              </colorrole>
-             </disabled>
-            </palette>
-           </property>
            <property name="font">
             <font>
              <pointsize>10</pointsize>
             </font>
            </property>
+           <property name="styleSheet">
+            <string notr="true">background: rgb(163, 190, 255)</string>
+           </property>
            <property name="url">
             <url>
              <string>about:blank</string>
@@ -1598,8 +2053,8 @@
     <rect>
      <x>0</x>
      <y>0</y>
-     <width>554</width>
-     <height>21</height>
+     <width>863</width>
+     <height>22</height>
     </rect>
    </property>
    <property name="sizePolicy">
@@ -1906,7 +2361,7 @@
   <customwidget>
    <class>QWebView</class>
    <extends>QWidget</extends>
-   <header>QtWebKitWidgets/QWebView</header>
+   <header>QtWebKit/QWebView</header>
   </customwidget>
  </customwidgets>
  <resources>