Restyle the dropdown of the accounts, with information about the user

and available operations that can be done when the user is logged in or
not.

Contributes to CURA-5784.

resources/themes/cura-light/icons/circle_outline.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="50mm"
+   height="50mm"
+   viewBox="0 0 50 50"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="circle_outline.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="106.84982"
+     inkscape:cy="60.88791"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1137"
+     inkscape:window-x="2872"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-247)">
+    <circle
+       style="opacity:1;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.52776861;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       id="path817"
+       cx="25"
+       cy="272"
+       r="23.736116" />
+  </g>
+</svg>

resources/themes/cura-light/styles.qml

@@ -90,6 +90,14 @@ QtObject {
         }
     }
 
+    property Component action_button: Component
+    {
+        ButtonStyle
+        {
+
+        }
+    }
+
     property Component topheader_tab: Component
     {
         ButtonStyle

resources/themes/cura-light/theme.json

@@ -87,6 +87,9 @@
         "topheader_button_background_active": [255, 255, 255, 255],
         "topheader_button_background_inactive": [255, 255, 255, 0],
 
+        "account_widget_ouline_active": [9, 140, 188, 255],
+        "account_widget_ouline_inactive": [175, 175, 175, 255],
+
         "text": [0, 0, 0, 255],
         "text_detail": [174, 174, 174, 128],
         "text_link": [12, 169, 227, 255],
@@ -341,6 +344,8 @@
         "topheader_button": [8, 4],
         "topheader_button_icon": [1.2, 1.2],
 
+        "account_button": [12, 3],
+
         "views_selector": [0.0, 4.0],
 
         "default_lining": [0.08, 0.08],