diff --git a/pkg/api/index.go b/pkg/api/index.go
index 84a18e694e0..812f07c2aef 100644
--- a/pkg/api/index.go
+++ b/pkg/api/index.go
@@ -102,11 +102,11 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 	}
 
 	dashboardChildNavs := []*dtos.NavLink{
-		{Text: "Home", Url: setting.AppSubUrl + "/", Icon: "fa fa-fw fa-home", HideFromTabs: true},
+		{Text: "Home", Url: setting.AppSubUrl + "/", Icon: "gicon gicon-home", HideFromTabs: true},
 		{Divider: true, HideFromTabs: true},
-		{Text: "Manage", Id: "manage-dashboards", Url: setting.AppSubUrl + "/dashboards", Icon: "fa fa-fw fa-sitemap"},
-		{Text: "Playlists", Id: "playlists", Url: setting.AppSubUrl + "/playlists", Icon: "fa fa-fw fa-film"},
-		{Text: "Snapshots", Id: "snapshots", Url: setting.AppSubUrl + "/dashboard/snapshots", Icon: "icon-gf icon-gf-fw icon-gf-snapshot"},
+		{Text: "Manage", Id: "manage-dashboards", Url: setting.AppSubUrl + "/dashboards", Icon: "gicon gicon-manage"},
+		{Text: "Playlists", Id: "playlists", Url: setting.AppSubUrl + "/playlists", Icon: "gicon gicon-playlists"},
+		{Text: "Snapshots", Id: "snapshots", Url: setting.AppSubUrl + "/dashboard/snapshots", Icon: "gicon gicon-snapshots"},
 	}
 
 	data.NavTree = append(data.NavTree, &dtos.NavLink{
@@ -127,7 +127,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 			Url:          setting.AppSubUrl + "/profile",
 			HideFromMenu: true,
 			Children: []*dtos.NavLink{
-				{Text: "Preferences", Id: "profile-settings", Url: setting.AppSubUrl + "/profile", Icon: "fa fa-fw fa-sliders"},
+				{Text: "Preferences", Id: "profile-settings", Url: setting.AppSubUrl + "/profile", Icon: "gicon gicon-preferences"},
 				{Text: "Change Password", Id: "change-password", Url: setting.AppSubUrl + "/profile/password", Icon: "fa fa-fw fa-lock", HideFromMenu: true},
 			},
 		}
@@ -144,7 +144,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 
 	if setting.AlertingEnabled && (c.OrgRole == m.ROLE_ADMIN || c.OrgRole == m.ROLE_EDITOR) {
 		alertChildNavs := []*dtos.NavLink{
-			{Text: "Alert Rules", Id: "alert-list", Url: setting.AppSubUrl + "/alerting/list", Icon: "fa fa-fw fa-list-ul"},
+			{Text: "Alert Rules", Id: "alert-list", Url: setting.AppSubUrl + "/alerting/list", Icon: "gicon gicon-alert-rules"},
 			{Text: "Notification channels", Id: "channels", Url: setting.AppSubUrl + "/alerting/notifications", Icon: "gicon gicon-alert-notification-channel"},
 		}
 
@@ -196,7 +196,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 
 			if len(appLink.Children) > 0 && c.OrgRole == m.ROLE_ADMIN {
 				appLink.Children = append(appLink.Children, &dtos.NavLink{Divider: true})
-				appLink.Children = append(appLink.Children, &dtos.NavLink{Text: "Plugin Config", Icon: "fa fa-fw fa-cog", Url: setting.AppSubUrl + "/plugins/" + plugin.Id + "/edit"})
+				appLink.Children = append(appLink.Children, &dtos.NavLink{Text: "Plugin Config", Icon: "gicon gicon-cog", Url: setting.AppSubUrl + "/plugins/" + plugin.Id + "/edit"})
 			}
 
 			if len(appLink.Children) > 0 {
@@ -210,7 +210,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 			Id:       "cfg",
 			Text:     "Configuration",
 			SubTitle: "Organization: " + c.OrgName,
-			Icon:     "fa fa-fw fa-cog",
+			Icon:     "gicon gicon-cog",
 			Url:      setting.AppSubUrl + "/datasources",
 			Children: []*dtos.NavLink{
 				{
@@ -224,7 +224,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 					Text:        "Users",
 					Id:          "users",
 					Description: "Manage org members",
-					Icon:        "icon-gf icon-gf-fw icon-gf-users",
+					Icon:        "gicon gicon-user",
 					Url:         setting.AppSubUrl + "/org/users",
 				},
 				{
@@ -238,14 +238,14 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 					Text:        "Plugins",
 					Id:          "plugins",
 					Description: "View and configure plugins",
-					Icon:        "icon-gf icon-gf-fw icon-gf-apps",
+					Icon:        "gicon gicon-plugins",
 					Url:         setting.AppSubUrl + "/plugins",
 				},
 				{
 					Text:        "Preferences",
 					Id:          "org-settings",
 					Description: "Organization preferences",
-					Icon:        "fa fa-fw fa-sliders",
+					Icon:        "gicon gicon-preferences",
 					Url:         setting.AppSubUrl + "/org",
 				},
 
@@ -253,7 +253,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 					Text:        "API Keys",
 					Id:          "apikeys",
 					Description: "Create & manage API keys",
-					Icon:        "fa fa-fw fa-key",
+					Icon:        "gicon gicon-apikeys",
 					Url:         setting.AppSubUrl + "/org/apikeys",
 				},
 			},
@@ -268,12 +268,12 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 				HideFromTabs: true,
 				SubTitle:     "Manage all users & orgs",
 				Id:           "admin",
-				Icon:         "fa fa-fw fa-shield",
+				Icon:         "gicon gicon-shield",
 				Url:          setting.AppSubUrl + "/admin/users",
 				Children: []*dtos.NavLink{
-					{Text: "Users", Id: "global-users", Url: setting.AppSubUrl + "/admin/users", Icon: "icon-gf icon-gf-fw icon-gf-users"},
+					{Text: "Users", Id: "global-users", Url: setting.AppSubUrl + "/admin/users", Icon: "gicon gicon-user"},
 					{Text: "Orgs", Id: "global-orgs", Url: setting.AppSubUrl + "/admin/orgs", Icon: "gicon gicon-org"},
-					{Text: "Settings", Id: "server-settings", Url: setting.AppSubUrl + "/admin/settings", Icon: "fa fa-fw fa-sliders"},
+					{Text: "Settings", Id: "server-settings", Url: setting.AppSubUrl + "/admin/settings", Icon: "gicon gicon-preferences"},
 					{Text: "Stats", Id: "server-stats", Url: setting.AppSubUrl + "/admin/stats", Icon: "fa fa-fw fa-bar-chart"},
 					{Text: "Style Guide", Id: "styleguide", Url: setting.AppSubUrl + "/styleguide", Icon: "fa fa-fw fa-eyedropper"},
 				},
@@ -287,7 +287,7 @@ func setIndexViewData(c *middleware.Context) (*dtos.IndexViewData, error) {
 		Text:         "Help",
 		Id:           "help",
 		Url:          "#",
-		Icon:         "fa fa-fw fa-question",
+		Icon:         "gicon gicon-question",
 		HideFromMenu: true,
 		Children: []*dtos.NavLink{
 			{Text: "Keyboard shortcuts", Url: "/shortcuts", Icon: "fa fa-fw fa-keyboard-o", Target: "_self"},
diff --git a/public/app/features/plugins/plugin_edit_ctrl.ts b/public/app/features/plugins/plugin_edit_ctrl.ts
index 0169dc7772e..a2441dd5e8d 100644
--- a/public/app/features/plugins/plugin_edit_ctrl.ts
+++ b/public/app/features/plugins/plugin_edit_ctrl.ts
@@ -60,7 +60,7 @@ export class PluginEditCtrl {
 
     if (model.type === 'app') {
         this.navModel.main.children.push({
-            icon: 'fa fa-fw fa-th-large',
+            icon: 'gicon gicon-cog',
             id: 'config',
             text: 'Config',
             url: `plugins/${this.model.id}/edit?tab=config`
diff --git a/public/img/icons_dark_theme/icon_add_annotation.svg b/public/img/icons_dark_theme/icon_add_annotation.svg
new file mode 100644
index 00000000000..330dfad85ad
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_annotation.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#E3E2E2;}
+	.st2{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M36.1,31.6L36.1,31.6v-9V12.2c0-0.9-0.7-1.7-1.7-1.7h-3.1v0H8.2c-0.9,0-1.7,0.7-1.7,1.7v19.4
+		c0,0.9,0.7,1.7,1.7,1.7H23l4.4,4.2l0-4.2h7C35.3,33.3,36.1,32.5,36.1,31.6z"/>
+	<path class="st1" d="M31,41.9c0-2.9,2.4-5.3,5.3-5.3h4.1v-4.1c0-1.7,0.8-3.2,2.1-4.2V16.1v-3.9c0-4.5-3.7-8.2-8.2-8.2H17.8l0,0H8.2
+		C3.7,4,0,7.7,0,12.2v19.4c0,4.5,3.7,8.2,8.2,8.2h12.2L31,49.8c0,0,0-0.1,0-0.1V41.9z M27.4,37.5L23,33.3H8.2
+		c-0.9,0-1.7-0.7-1.7-1.7V12.2c0-0.9,0.7-1.7,1.7-1.7h23.2v0h3.1c0.9,0,1.7,0.7,1.7,1.7v10.4v9v0c0,0.9-0.7,1.7-1.7,1.7h-7
+		L27.4,37.5z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.8018" y1="79.1545" x2="49.8018" y2="18.6196">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st2" d="M63.2,41.1h-4.8h-0.4h-3.6v-8.7c0-0.4-0.3-0.8-0.8-0.8h-7.9c-0.4,0-0.8,0.3-0.8,0.8v8.7h-8.7
+		c-0.4,0-0.8,0.3-0.8,0.8v7.9c0,0.4,0.3,0.8,0.8,0.8h8.7v3v1.2v4.4c0,0.4,0.3,0.8,0.8,0.8h7.9c0.4,0,0.8-0.3,0.8-0.8v-8.7h8.7
+		c0.4,0,0.8-0.3,0.8-0.8v-7.9C64,41.4,63.7,41.1,63.2,41.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_annotation_alt.svg b/public/img/icons_dark_theme/icon_add_annotation_alt.svg
new file mode 100644
index 00000000000..f24a46ee75c
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_annotation_alt.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M36.4,38.5h4.1v-4.1c0-1.7,0.8-3.2,2.1-4.2V17.9l-6.5,6.5v9c0,0.9-0.8,1.7-1.7,1.7h-7l0,4.2L23,35.1H8.2
+		c-0.9,0-1.7-0.7-1.7-1.7V14c0-0.9,0.8-1.7,1.7-1.7h23.2l6.5-6.5H8.2C3.7,5.8,0,9.4,0,14v19.4c0,4.5,3.7,8.2,8.2,8.2h12.2l10.6,10
+		v-7.8C31,40.9,33.4,38.5,36.4,38.5z"/>
+	<rect x="24.6" y="13.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2036 29.9862)" class="st0" width="22" height="6.7"/>
+	<path class="st0" d="M47.6,9.2l0.2-0.2l1.3-1.3c1.3-1.3,1.3-3.4,0-4.7c-1.3-1.3-3.4-1.3-4.7,0l-1.3,1.3l-0.2,0.2L42,5.3l4.7,4.7
+		L47.6,9.2z"/>
+	<polygon class="st0" points="24.2,24.3 24.1,24.7 23.5,28.5 27.3,27.9 27.7,27.8 29.2,27.6 24.5,22.9 	"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.7973" y1="81.1627" x2="49.7973" y2="20.6088">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M63.2,43.1h-4.8h-0.4h-3.6v-8.7c0-0.4-0.3-0.8-0.8-0.8h-7.9c-0.4,0-0.8,0.3-0.8,0.8v8.7h-8.7
+		c-0.4,0-0.8,0.3-0.8,0.8v7.9c0,0.4,0.3,0.8,0.8,0.8h8.7v3v1.2v4.4c0,0.4,0.3,0.8,0.8,0.8h7.9c0.4,0,0.8-0.3,0.8-0.8v-8.7h8.7
+		c0.4,0,0.8-0.3,0.8-0.8v-7.9C64,43.4,63.7,43.1,63.2,43.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_data_sources.svg b/public/img/icons_dark_theme/icon_add_data_sources.svg
new file mode 100644
index 00000000000..6ea76c00735
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_data_sources.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E2E2;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M28.9,46.2c-0.1,0-0.2,0-0.3,0c-12.6,0-23.3-3.7-28.2-9.3C0.1,37.7,0,38.5,0,39.2c0,7.4,13.1,13.7,28.6,13.7
+		c0.1,0,0.2,0,0.3,0c0-0.1,0-0.3,0-0.5V46.2z"/>
+	<path class="st0" d="M52.3,28.2h0.8c1.3,0,2.5,0.4,3.5,1.2c0.4-0.9,0.6-1.7,0.6-2.7c0-0.8-0.1-1.5-0.4-2.2
+		C55.6,25.9,54.1,27.1,52.3,28.2z"/>
+	<path class="st0" d="M39,38.3L39,38.3v-4.4c0-0.3,0-0.7,0.1-1c-3.3,0.6-6.8,0.9-10.5,0.9c-12.6,0-23.3-3.7-28.2-9.3
+		C0.1,25.3,0,26,0,26.8c0,7.4,13.1,13.7,28.6,13.7c0.5,0,1,0,1.5,0c1-1.3,2.6-2.1,4.4-2.1H39z"/>
+	<path class="st0" d="M28.6,28c15.5,0,28.6-6.3,28.6-13.7S44.1,0.7,28.6,0.7C13.1,0.7,0,6.9,0,14.3S13.1,28,28.6,28z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="48.8766" y1="83.909" x2="48.8766" y2="19.4296">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M63.2,43.2h-5.1h-0.4h-1.8h-2v-3.6v-5.7c0-0.2-0.1-0.5-0.3-0.6c-0.1-0.1-0.3-0.2-0.5-0.2h-8.4
+		c-0.4,0-0.8,0.4-0.8,0.8v4.4v4.9h-9.3c-0.4,0-0.8,0.4-0.8,0.8v2v6.4c0,0.1,0,0.2,0,0.2c0.1,0.3,0.4,0.6,0.8,0.6h9.3v3.2v1.3v4.7
+		c0,0.4,0.4,0.8,0.8,0.8h8.4c0.4,0,0.8-0.4,0.8-0.8v-9.3h9.3c0.4,0,0.8-0.4,0.8-0.8V44C64,43.5,63.6,43.2,63.2,43.2z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_link.svg b/public/img/icons_dark_theme/icon_add_link.svg
new file mode 100644
index 00000000000..fe8e95f1eda
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_link.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#66C9DC;}
+	.st1{fill:#E3E2E2;}
+	.st2{fill:#5CB947;}
+	.st3{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.1241 28.2303)" class="st0" cx="28.5" cy="27.5" rx="0" ry="0"/>
+	<path class="st1" d="M41.4,29.9h2.1l0.3-0.3l8.7-8.7c4.8-4.8,4.8-12.5,0-17.3s-12.5-4.8-17.3,0l-8.7,8.7c2.7-0.2,5.5,0.3,8,1.5
+		l5.4-5.4c2.1-2.1,5.6-2.1,7.7,0c2.1,2.1,2.1,5.6,0,7.7l-5.4,5.4l-3.1,3.1l-2.9,2.9c-0.9,0.9-2.1,1.4-3.3,1.6
+		c-1.6,0.2-3.2-0.4-4.4-1.6c0,0,0,0,0,0c0,0,0,0,0,0c-0.5-0.5-1.4-0.5-2,0l-3.7,3.7c0.3,0.4,0.6,0.7,0.9,1.1
+		c0.3,0.3,0.7,0.6,1.1,0.9c1.1,0.9,2.4,1.6,3.7,2c2.4,0.8,5,0.8,7.3,0.1C35.9,32.4,38.4,29.9,41.4,29.9z"/>
+	<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -8.2494 29.4211)" class="st2" cx="31.4" cy="24.7" rx="0" ry="0"/>
+	<path class="st1" d="M30.4,39.9c-1.7-0.2-3.4-0.7-5-1.4L20,43.8c-2.1,2.1-5.6,2.1-7.7,0c-2.1-2.1-2.1-5.6,0-7.7l5.4-5.4l3.1-3.1
+		l2.9-2.9c0.9-0.9,2.1-1.4,3.3-1.6c1.6-0.2,3.2,0.4,4.4,1.6c0,0,0,0,0,0c0,0,0,0,0,0c0.5,0.5,1.4,0.5,2,0l3.7-3.7
+		c-0.3-0.4-0.6-0.7-0.9-1.1c-0.3-0.3-0.7-0.6-1.1-0.9c-1.1-0.9-2.4-1.6-3.7-2c-3.2-1.1-6.7-0.8-9.7,0.9c-1,0.5-1.9,1.2-2.8,2.1
+		l-2.7,2.7l-8.7,8.7c-4.8,4.8-4.8,12.5,0,17.3s12.5,4.8,17.3,0l1.3-1.3v-2.1C26.1,42.6,27.9,40.4,30.4,39.9z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="45.4774" y1="83.5867" x2="45.4774" y2="21.015">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st3" d="M59.4,44.5h-5H54h-3.7v-9c0-0.4-0.4-0.8-0.8-0.8h-8.2c-0.4,0-0.8,0.4-0.8,0.8v9h-9c-0.4,0-0.8,0.4-0.8,0.8v8.2
+		c0,0.4,0.4,0.8,0.8,0.8h9v3.1v1.3v4.6c0,0.4,0.4,0.8,0.8,0.8h8.2c0.4,0,0.8-0.4,0.8-0.8v-9h9c0.4,0,0.8-0.4,0.8-0.8v-8.2
+		C60.2,44.8,59.8,44.5,59.4,44.5z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_team.svg b/public/img/icons_dark_theme/icon_add_team.svg
new file mode 100644
index 00000000000..35fd526e053
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_team.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M52.8,32.4c0,0-0.1-0.1-0.2-0.1c-0.8-0.5-0.7-1.8-0.5-2.5c0.6-0.7,1.2-1.7,1.5-3.4c0.1-0.5,0.2-0.9,0.5-1.3
+		c0.5-0.7,0.8-1.7,0.8-2.7c0-0.7-0.2-1.4-0.5-1.9c-0.1-0.1-0.2-0.2-0.2-0.3c0.4-1.1,0.9-2.7,0.4-4.4c-0.7-3-4.7-4.4-8.1-4.4
+		c-7.1,0-7.8,3.6-8,4.3c-0.4,1.6-0.1,3.2,0.4,4.4c-0.1,0.1-0.2,0.2-0.3,0.4c-0.3,0.5-0.5,1.2-0.5,2c0,0.9,0.3,1.9,0.8,2.6
+		c0.3,0.4,0.5,0.8,0.5,1.3c0.3,1.7,0.9,2.8,1.5,3.4c0,0.2,0.1,0.4,0.1,0.7c2.2,1.5,3.1,2.7,3.5,3.7H47c2.7,0,4.8,2.2,4.8,4.8v3.7
+		h3.7c2.6,0,4.8,2.1,4.8,4.8c1.1-0.9,1.8-2.3,1.8-3.8v-5.1C62.1,38.1,62.1,36.4,52.8,32.4z"/>
+	<path class="st0" d="M31.3,42.8H35v-3.7c0-2.7,2.2-4.8,4.8-4.8h2.5c-0.9-1.3-3.7-3.4-11.7-6.8c-0.1,0-0.1-0.1-0.3-0.2
+		c-1.1-0.6-0.9-2.3-0.6-3.3c0.8-0.9,1.6-2.2,1.9-4.5c0.1-0.6,0.3-1.2,0.7-1.7c0.7-0.9,1.1-2.2,1.1-3.5c0-1-0.2-1.9-0.7-2.5
+		c-0.1-0.2-0.2-0.3-0.3-0.4c0.5-1.4,1.1-3.5,0.6-5.7C31.9,1.8,26.8,0,22.4,0c-4,0-7,1.4-8.2,3.7c-1.1,0.5-1.7,1.3-2,1.9
+		c-1,1.9-0.3,4.2,0.3,5.8c-0.1,0.2-0.3,0.3-0.4,0.5c-0.5,0.7-0.7,1.6-0.7,2.6c0,1.2,0.4,2.5,1,3.4c0.4,0.5,0.6,1.1,0.7,1.7
+		c0.3,2.3,1.2,3.6,1.9,4.5c0.2,1,0.4,2.6-0.6,3.2c-0.1,0.1-0.2,0.1-0.2,0.1C1.9,32.6,1.9,34.8,1.9,35.6v6.7c0,3.6,2.9,6.4,6.4,6.4
+		h13.8h4.3v-1.1C26.5,45,28.6,42.8,31.3,42.8z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="43.4051" y1="81.1029" x2="43.4051" y2="26.4981">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M55.5,46.9h-4.3h-0.3h-3.2v-7.9c0-0.4-0.3-0.7-0.7-0.7h-2.3h-1.9h-2.9c-0.4,0-0.7,0.3-0.7,0.7v7.9H39h-7.7
+		c-0.4,0-0.7,0.3-0.7,0.7v1.1v6c0,0.4,0.3,0.7,0.7,0.7h3.3h4.6v2.7v1.1v4c0,0.4,0.3,0.7,0.7,0.7H47c0.4,0,0.7-0.3,0.7-0.7v-7.9h7.9
+		c0.4,0,0.7-0.3,0.7-0.7v-6v-1.1C56.2,47.2,55.9,46.9,55.5,46.9z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_user.svg b/public/img/icons_dark_theme/icon_add_user.svg
new file mode 100644
index 00000000000..6a09f96ef1e
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_user.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M34.8,38.2h4.4v-3.8c-1.9-1.1-4.6-2.5-8.4-4.1c-0.1,0-0.1-0.1-0.3-0.2c-1.2-0.7-0.9-2.5-0.7-3.5
+		c0.8-0.9,1.7-2.4,2-4.8c0.1-0.6,0.3-1.3,0.7-1.8c0.7-1,1.1-2.4,1.1-3.7c0-1-0.2-2-0.7-2.7c-0.1-0.2-0.2-0.3-0.3-0.5
+		c0.6-1.5,1.2-3.7,0.6-6.2C32.3,2.9,26.7,1,22,1c-4.3,0-7.5,1.5-8.9,4C12,5.5,11.4,6.3,11,7c-1,2-0.3,4.5,0.3,6.2
+		c-0.2,0.2-0.3,0.3-0.4,0.5c-0.5,0.8-0.7,1.7-0.7,2.8c0,1.3,0.4,2.7,1.1,3.7c0.4,0.5,0.6,1.1,0.7,1.8c0.4,2.4,1.2,3.9,2.1,4.8
+		c0.2,1,0.5,2.8-0.7,3.4c-0.1,0.1-0.2,0.1-0.3,0.2C0,35.9,0,38.3,0,39.2v7.1c0,3.8,3.1,6.9,6.9,6.9h14.8h7.6c-0.1-0.3-0.1-0.7-0.1-1
+		v-8.3C29.2,40.8,31.7,38.2,34.8,38.2z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.02" y1="83.2316" x2="49.02" y2="19.3637">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M63.2,43.1h-5.1h-0.4H54v-9.2c0-0.4-0.4-0.8-0.8-0.8h-8.3c-0.4,0-0.8,0.4-0.8,0.8v9.2h-0.1h-9.1
+		c-0.4,0-0.8,0.4-0.8,0.8v8.3c0,0.4,0.4,0.8,0.8,0.8h3.9H44v3.2v1.3v4.7c0,0.4,0.4,0.8,0.8,0.8h8.3c0.4,0,0.8-0.4,0.8-0.8V53h9.2
+		c0.4,0,0.8-0.4,0.8-0.8v-8.3C64,43.4,63.6,43.1,63.2,43.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_add_variable.svg b/public/img/icons_dark_theme/icon_add_variable.svg
new file mode 100644
index 00000000000..9b10092e78f
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_add_variable.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E2E1E1;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{fill:url(#SVGID_2_);}
+</style>
+<g>
+	<path class="st0" d="M35.4,30.2c-1.5,2.6-2.7,3.9-3.8,3.9c-0.3,0-0.6-0.2-0.9-0.5c-0.3-0.3-0.5-0.8-0.7-1.5L27.6,25
+		c2.1-3.2,3.2-4.9,3.5-5.2c0.3-0.3,0.5-0.4,0.8-0.4c0.2,0,0.4,0.2,0.6,0.7c0.5,1.2,1.3,1.8,2.4,1.8c0.8,0,1.5-0.3,2-0.8
+		c0.5-0.5,0.8-1.3,0.8-2.1c0-0.9-0.3-1.6-0.9-2.2c-0.6-0.6-1.4-0.8-2.3-0.8c-1.1,0-2.2,0.4-3.3,1.3c-1.1,0.9-2.5,2.8-4.3,5.7
+		c-0.8-2.5-1.3-3.9-1.5-4.3c-0.4-1-1-1.7-1.5-2.1c-0.6-0.4-1.3-0.6-2.2-0.6c-1.2,0-2.4,0.5-3.5,1.5c-1.1,1-2.1,2.6-2.9,4.8l1.4,0.9
+		c1-2.4,1.9-3.6,2.8-3.6c0.5,0,0.9,0.7,1.4,2l2.5,7.3c-1,1.8-1.9,3.1-2.6,4c-0.7,0.9-1.2,1.4-1.6,1.4c-0.2,0-0.5-0.3-0.7-0.9
+		c-0.3-0.8-0.6-1.3-1-1.6c-0.4-0.3-0.9-0.4-1.5-0.4c-0.8,0-1.4,0.3-2,0.8c-0.5,0.6-0.8,1.2-0.8,2.1c0,0.9,0.3,1.7,1,2.3
+		c0.7,0.6,1.6,0.9,2.7,0.9c1.3,0,2.4-0.4,3.4-1.3c1-0.9,2.3-2.6,3.9-5.1c1,2.9,1.7,4.6,2.1,5.1c0.7,0.8,1.7,1.3,2.9,1.3
+		c1.3,0,2.7-0.5,4-1.6c1.4-1,2.7-2.6,3.9-4.8L35.4,30.2z"/>
+	<path class="st0" d="M12.7,42.7C12.6,42.7,12.6,42.7,12.7,42.7c-0.5-0.2-0.9-0.4-1.2-0.7c-0.3-0.3-0.4-0.7-0.4-1.2v-9.4
+		c0-1.4-0.4-2.5-1.1-3.2c-0.7-0.8-1.9-1.3-3.6-1.5v-0.2c1.6-0.2,2.8-0.7,3.6-1.5c0.7-0.8,1.1-1.9,1.1-3.4v-9.3
+		c0-0.5,0.1-0.9,0.4-1.2c0.2-0.3,0.6-0.5,1-0.6c0.1,0,0.1,0,0.2,0c1.3-0.3,2.2-1.4,2.2-2.7V7.7c0-1.6-1.4-2.9-3-2.7
+		c-1.2,0.1-2.1,0.3-2.9,0.5c-1.4,0.4-2.5,1.1-3.1,2c-0.6,0.9-1,2.2-1,4v8.9c0,1-0.4,1.9-1.3,2.4c-0.4,0.2-0.8,0.4-1.2,0.6
+		C0.9,23.8,0,25,0,26.4v0.4c0,1.4,0.9,2.6,2.3,3c0.4,0.1,0.8,0.3,1.2,0.6c0.9,0.6,1.3,1.4,1.3,2.4v8.8c0,1.8,0.3,3.2,0.9,4.1
+		c0.6,0.9,1.7,1.6,3.1,2c0.8,0.2,1.8,0.4,2.9,0.5c1.6,0.1,3.1-1.1,3.1-2.8C14.8,44.2,13.9,43.1,12.7,42.7z"/>
+	<path class="st0" d="M43.2,34.6c0-2.6,2.1-4.7,4.7-4.7H49c1.3-0.5,2.2-1.6,2.2-3v-0.4c0-1.4-1-2.6-2.3-3.1
+		c-0.5-0.1-0.8-0.3-1.2-0.6c-0.8-0.6-1.3-1.4-1.3-2.4v-8.9c0-1.8-0.3-3.1-1-4c-0.6-0.9-1.7-1.5-3.1-2c-0.8-0.2-1.8-0.4-2.9-0.5
+		c-1.6-0.1-3,1.1-3,2.8v0.1c0,1.3,0.9,2.4,2.2,2.7c0.1,0,0.1,0,0.2,0c0.4,0.1,0.7,0.3,1,0.6c0.3,0.3,0.4,0.7,0.4,1.2v9.3
+		c0,1.5,0.4,2.6,1.1,3.4c0.7,0.8,1.9,1.3,3.6,1.5v0.2c-1.7,0.3-2.8,0.8-3.6,1.5c-0.7,0.8-1.1,1.8-1.1,3.2v6.7h3V34.6z"/>
+	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="39.2482" y1="75.0259" x2="39.2482" y2="17.3932">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M39.5,42.3c-0.2,0-0.4,0.1-0.5,0.3c0.1-0.1,0.3-0.1,0.4-0.2C39.4,42.4,39.4,42.3,39.5,42.3z"/>
+	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="51.4327" y1="76.208" x2="51.4327" y2="22.6267">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st2" d="M63.3,42.3h-4.2h-0.3h-3.2v-7.7c0-0.4-0.3-0.7-0.7-0.7h-7c-0.4,0-0.7,0.3-0.7,0.7v7.7h-0.8h-6.9c0,0,0,0-0.1,0
+		c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.2,0.1-0.4,0.2c-0.1,0.1-0.1,0.2-0.1,0.4v5.2V50c0,0.4,0.3,0.7,0.7,0.7h7.7v2.7v1.1v3.9
+		c0,0.4,0.3,0.7,0.7,0.7h7c0.4,0,0.7-0.3,0.7-0.7v-7.7h7.7c0.4,0,0.7-0.3,0.7-0.7v-7C64,42.6,63.7,42.3,63.3,42.3z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_alert_rules.svg b/public/img/icons_dark_theme/icon_alert_rules.svg
new file mode 100644
index 00000000000..71915eb6d1c
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_alert_rules.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+</style>
+<circle class="st0" cx="6" cy="12" r="6"/>
+<path class="st0" d="M59,17.6H20.2c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5v0C64,15.3,61.8,17.6,59,17.6z"/>
+<circle class="st0" cx="6" cy="30.5" r="6"/>
+<path class="st0" d="M59,36.1H20.2c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5v0C64,33.9,61.8,36.1,59,36.1z"/>
+<circle class="st0" cx="6" cy="49.1" r="6"/>
+<path class="st0" d="M59,54.7H20.2c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5v0C64,52.5,61.8,54.7,59,54.7z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_annotation.svg b/public/img/icons_dark_theme/icon_annotation.svg
new file mode 100644
index 00000000000..514b52fba40
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_annotation.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#E3E2E2;}
+</style>
+<g>
+	<path class="st0" d="M49.3,8.6h-4v0H14.7c-1.2,0-2.2,1-2.2,2.2v25.6c0,1.2,1,2.2,2.2,2.2h19.5l5.9,5.5l0-5.5h9.2
+		c1.2,0,2.2-1,2.2-2.2v0V24.5V10.8C51.5,9.6,50.5,8.6,49.3,8.6z"/>
+	<g>
+		<path class="st1" d="M49.3,0H27.5l0,0H14.7C8.8,0,4,4.8,4,10.8v25.6c0,5.9,4.8,10.8,10.8,10.8h16.1L48.6,64l0-16.9h0.6
+			c5.9,0,10.8-4.8,10.8-10.8v0V15.9v-5.2C60,4.8,55.2,0,49.3,0z M51.5,36.4L51.5,36.4c0,1.2-1,2.2-2.2,2.2h-9.2l0,5.5l-5.9-5.5H14.7
+			c-1.2,0-2.2-1-2.2-2.2V10.8c0-1.2,1-2.2,2.2-2.2h30.5v0h4c1.2,0,2.2,1,2.2,2.2v13.7V36.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_annotation_alt.svg b/public/img/icons_dark_theme/icon_annotation_alt.svg
new file mode 100644
index 00000000000..e798f91805c
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_annotation_alt.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M45.5,38.4c0,1.1-0.9,2-2,2h-8.5l0,5.1l-5.4-5.1H11.4c-1.1,0-2-0.9-2-2V14.6c0-1.1,0.9-2,2-2h28.3l7.9-7.9
+			H11.4c-5.5,0-10,4.5-10,10v23.8c0,5.5,4.5,10,10,10h14.9L42.9,64l0-15.6h0.6c5.5,0,10-4.5,10-10v-19l-7.9,7.9V38.4z"/>
+	</g>
+	<g>
+		<rect x="31.5" y="13.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.6667 36.932)" class="st0" width="26.9" height="8.1"/>
+	</g>
+	<g>
+		<path class="st0" d="M58.5,9.8l1.1-1.1l0.3-0.3L61.4,7c1.6-1.6,1.6-4.2,0-5.8c-1.6-1.6-4.2-1.6-5.8,0l-1.5,1.5L53.8,3l-1.1,1.1
+			L58.5,9.8z"/>
+	</g>
+	<g>
+		<polygon class="st0" points="30.1,32.4 34.8,31.6 35.3,31.6 37.1,31.3 31.3,25.5 31,27.3 30.9,27.8 		"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_apikeys.svg b/public/img/icons_dark_theme/icon_apikeys.svg
new file mode 100644
index 00000000000..8cc30794456
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_apikeys.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E3E3;}
+</style>
+<path class="st0" d="M59.5,50.8L28.4,19.6c3.8-4.6,3.6-11.4-0.8-15.7c-2.3-2.3-5.3-3.4-8.3-3.4c-3,0-6,1.1-8.3,3.4L5.7,9.3
+	c-4.6,4.6-4.6,12,0,16.6C8,28.1,11,29.2,14,29.2c2.6,0,5.3-0.9,7.5-2.7l20.9,20.9l-6.6,6.6c-0.5,0.5-0.5,1.3,0,1.8l2.1,2.1
+	c0.3,0.3,0.6,0.4,0.9,0.4s0.7-0.1,0.9-0.4l1.7-1.7l2.1,2.1l-1.7,1.7c-0.5,0.5-0.5,1.3,0,1.8l2.1,2.1c0.3,0.3,0.6,0.4,0.9,0.4
+	c0.3,0,0.7-0.1,0.9-0.4l6.6-6.6l0.2,0.2c0.4,0.4,0.9,0.6,1.5,0.6c0.5,0,1.1-0.2,1.5-0.6l4-4C60.3,52.9,60.3,51.6,59.5,50.8z M14,22
+	c-1.2,0-2.3-0.5-3.2-1.3C9,19,9,16.1,10.8,14.3L16.2,9c0.9-0.9,2-1.3,3.2-1.3c1.2,0,2.3,0.5,3.2,1.3c0.9,0.9,1.3,2,1.3,3.2
+	s-0.5,2.3-1.3,3.2l-5.4,5.4C16.3,21.6,15.2,22,14,22z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_cog.svg b/public/img/icons_dark_theme/icon_cog.svg
new file mode 100644
index 00000000000..126b529e0df
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_cog.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+</style>
+<g>
+	<path class="st0" d="M64,36.1v-8.1l-8.7-2.5c-0.5-1.8-1.3-3.6-2.2-5.2l4.4-7.9l-5.7-5.7l-7.9,4.4c-1.6-0.9-3.4-1.7-5.2-2.2L36.1,0
+		h-8.1l-2.5,8.7c-1.8,0.5-3.6,1.3-5.2,2.2l-7.9-4.4l-5.7,5.7l4.4,7.9c-0.9,1.6-1.7,3.4-2.2,5.2L0,27.9v8.1l8.7,2.5
+		c0.5,1.8,1.3,3.6,2.2,5.2l-4.4,7.9l5.7,5.7l7.9-4.4c1.6,0.9,3.4,1.7,5.2,2.2l2.5,8.7h8.1l2.5-8.7c1.8-0.5,3.6-1.3,5.2-2.2l7.9,4.4
+		l5.7-5.7l-4.4-7.9c0.9-1.6,1.7-3.4,2.2-5.2L64,36.1z M32,37.8c-3.2,0-5.8-2.6-5.8-5.8c0-3.2,2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8
+		C37.8,35.2,35.2,37.8,32,37.8z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_dashboard_list.svg b/public/img/icons_dark_theme/icon_dashboard_list.svg
new file mode 100644
index 00000000000..1979400de7b
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_dashboard_list.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="18px" height="18px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#D8D9DA;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M6.9,8.7H1.7C0.8,8.7,0,7.9,0,7V1.8c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7V7
+			C8.6,7.9,7.8,8.7,6.9,8.7z"/>
+	</g>
+	<g>
+		<path class="st0" d="M16.3,8.7h-5.2c-0.9,0-1.7-0.8-1.7-1.7V1.8c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7V7
+			C18,7.9,17.2,8.7,16.3,8.7z"/>
+	</g>
+	<g>
+		<path class="st0" d="M6.9,17.9H1.7c-0.9,0-1.7-0.8-1.7-1.7V11c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7v5.2
+			C8.6,17.1,7.8,17.9,6.9,17.9z"/>
+	</g>
+	<g>
+		<path class="st0" d="M16.3,17.9h-5.2c-0.9,0-1.7-0.8-1.7-1.7V11c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7v5.2
+			C18,17.1,17.2,17.9,16.3,17.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_home.svg b/public/img/icons_dark_theme/icon_home.svg
new file mode 100644
index 00000000000..a4f2608d576
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_home.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E3E3;}
+</style>
+<path class="st0" d="M63.2,32l-7-7V11.8c0-2.9-2.4-5.3-5.3-5.3h0c-2.9,0-5.3,2.4-5.3,5.3v2.6L34,2.8c-1.1-1.1-2.8-1.1-3.9,0L0.8,32
+	c-1.7,1.7-0.5,4.7,2,4.7h5v0v7.6v14.8c0,1.5,1.2,2.8,2.8,2.8h13.2V44.4h16.5V62h13.2c1.5,0,2.8-1.2,2.8-2.8V36.8h0v0h5
+	C63.7,36.8,64.9,33.8,63.2,32z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_link.svg b/public/img/icons_dark_theme/icon_link.svg
new file mode 100644
index 00000000000..ac4bba7fe46
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_link.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#66C9DC;}
+	.st1{fill:#E3E2E2;}
+	.st2{fill:#5CB947;}
+</style>
+<g>
+	<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.0168 31.2702)" class="st0" cx="30.2" cy="33.8" rx="0" ry="0"/>
+	<path class="st1" d="M59.6,4.4c-5.9-5.9-15.4-5.9-21.2,0L27.7,15c3.4-0.2,6.8,0.4,9.9,1.9l6.6-6.6c2.6-2.6,6.9-2.6,9.5,0
+		s2.6,6.9,0,9.5l-6.6,6.6l-3.8,3.8l-3.5,3.5c-1.1,1.1-2.6,1.8-4,1.9c-1.9,0.2-4-0.4-5.4-1.9c0,0,0,0,0,0s0,0,0,0
+		c-0.7-0.7-1.8-0.7-2.4,0l-4.6,4.6c0.4,0.4,0.7,0.9,1.1,1.3c0.4,0.4,0.8,0.8,1.3,1.1c1.4,1.1,3,1.9,4.6,2.5c3.9,1.3,8.3,1,11.9-1.1
+		c1.2-0.7,2.4-1.5,3.4-2.5l3.4-3.4l10.6-10.6C65.5,19.8,65.5,10.3,59.6,4.4z"/>
+	<ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -11.493 32.7298)" class="st2" cx="33.8" cy="30.2" rx="0" ry="0"/>
+	<path class="st1" d="M26.4,47.1l-6.6,6.6c-2.6,2.6-6.9,2.6-9.5,0s-2.6-6.9,0-9.5l6.6-6.6l3.8-3.8l3.5-3.5c1.1-1.1,2.6-1.8,4-1.9
+		c1.9-0.2,4,0.4,5.4,1.9c0,0,0,0,0,0c0,0,0,0,0,0c0.7,0.7,1.8,0.7,2.4,0l4.6-4.6c-0.4-0.4-0.7-0.9-1.1-1.3c-0.4-0.4-0.8-0.8-1.3-1.1
+		c-1.4-1.1-3-1.9-4.6-2.5c-3.9-1.3-8.3-1-11.9,1.1c-1.2,0.7-2.4,1.5-3.4,2.5L15,27.7L4.4,38.4c-5.9,5.9-5.9,15.4,0,21.2
+		s15.4,5.9,21.2,0L36.3,49C32.9,49.2,29.5,48.6,26.4,47.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_playlist.svg b/public/img/icons_dark_theme/icon_playlist.svg
new file mode 100644
index 00000000000..bf8fc2f80a3
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_playlist.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+</style>
+<g>
+	<path class="st0" d="M60.8,4.4H18.9c-1.8,0-3.2,1.4-3.2,3.2v6.6h36.9c3.6,0,6.6,2.9,6.6,6.6v14.2h1.6c1.8,0,3.2-1.4,3.2-3.2V7.5
+		C64,5.8,62.5,4.4,60.8,4.4z"/>
+	<path class="st0" d="M55.8,20.7c0-1.8-1.4-3.2-3.2-3.2H10.8c-1.8,0-3.2,1.4-3.2,3.2v5.9h37.6c3.6,0,6.6,2.9,6.6,6.6v14.9h0.9
+		c1.8,0,3.2-1.4,3.2-3.2V20.7z"/>
+	<path class="st0" d="M48.3,33.2c0-1.8-1.4-3.2-3.2-3.2H3.3c-1.8,0-3.2,1.4-3.2,3.2v24.2c0,1.8,1.4,3.2,3.2,3.2h41.9
+		c1.8,0,3.2-1.4,3.2-3.2V33.2z M18.7,55V35.6c0-0.7,0.8-1.2,1.4-0.7l13.3,9.7c0.5,0.4,0.5,1.1,0,1.4l-13.3,9.7
+		C19.5,56.2,18.7,55.8,18.7,55z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_plugins.svg b/public/img/icons_dark_theme/icon_plugins.svg
new file mode 100644
index 00000000000..f00eefea975
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_plugins.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E3E3;}
+</style>
+<path class="st0" d="M59.4,23.7c-1.7-1.7-4.4-1.7-6,0L41.6,35.6l-12.9-13l11.8-11.9c1.7-1.7,1.7-4.4,0-6.1c-1.7-1.7-4.4-1.7-6,0
+	L22.7,16.5L12.6,6.2C1.3,17.6,0.4,35.5,9.8,48l-3.6,3.6c-1.7,1.7-1.7,4.4,0,6.1c1.7,1.7,4.4,1.7,6,0l3.6-3.6
+	c12.4,9.5,30.1,8.6,41.4-2.8l-9.5-9.6l11.8-11.9C61,28.1,61,25.4,59.4,23.7z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_preferences.svg b/public/img/icons_dark_theme/icon_preferences.svg
new file mode 100644
index 00000000000..ed985c39f68
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_preferences.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E3E3;}
+</style>
+<path class="st0" d="M23,48H3.2C1.4,48,0,49.3,0,51s1.4,3,3.2,3H23c-0.5-0.9-0.8-1.9-0.8-3S22.4,48.9,23,48z"/>
+<path class="st0" d="M34.7,54h26.1c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3H34.7c0.5,0.9,0.8,1.9,0.8,3S35.2,53.1,34.7,54z"/>
+<circle class="st0" cx="28.8" cy="51" r="8"/>
+<path class="st0" d="M53.3,35h7.5c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3h-7.5c0.5,0.9,0.8,1.9,0.8,3C54.2,33.1,53.9,34.1,53.3,35z"/>
+<path class="st0" d="M41.6,29H3.2C1.4,29,0,30.3,0,32s1.4,3,3.2,3h38.4c-0.5-0.9-0.8-1.9-0.8-3C40.8,30.9,41.1,29.9,41.6,29z"/>
+<circle class="st0" cx="47.5" cy="32" r="8"/>
+<path class="st0" d="M26.8,16h34c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3h-34c0.5,0.9,0.8,1.9,0.8,3S27.4,15.1,26.8,16z"/>
+<path class="st0" d="M15.1,10H3.2C1.4,10,0,11.4,0,13s1.4,3,3.2,3h11.9c-0.5-0.9-0.8-1.9-0.8-3S14.6,10.9,15.1,10z"/>
+<circle class="st0" cx="21" cy="13" r="8"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_question.svg b/public/img/icons_dark_theme/icon_question.svg
new file mode 100644
index 00000000000..aa33cf29467
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_question.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#E3E3E3;}
+</style>
+<path class="st0" d="M32.1,49.1c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5c1.9,0,3.5,1.6,3.5,3.5S34.1,49.1,32.1,49.1z M34.4,36.2v3.4
+	h-4.5v-7.9h2.4v0c3,0,5.4-2.4,5.4-5.3s-2.4-5.3-5.4-5.3c-2.1,0-3.9,1.1-4.9,2.9L23.1,22c1.7-3.4,5.2-5.6,9.1-5.6
+	c5.6,0,10.2,4.5,10.2,10C42.4,31.2,39,35.2,34.4,36.2z"/>
+<path class="st1" d="M32.2,16.4c-3.9,0-7.4,2.1-9.1,5.6l4.3,2.1c0.9-1.8,2.8-2.9,4.9-2.9c3,0,5.4,2.4,5.4,5.3s-2.4,5.3-5.4,5.3v0
+	h-2.4v7.9h4.5v-3.4c4.6-1,8-5,8-9.8C42.4,20.9,37.9,16.4,32.2,16.4z"/>
+<circle class="st1" cx="32.1" cy="45.6" r="3.5"/>
+<path class="st1" d="M32,0C14.4,0,0,14.4,0,32s14.4,32,32,32s32-14.4,32-32S49.6,0,32,0z M32,58.9c-14.8,0-26.9-12-26.9-26.9
+	S17.2,5.1,32,5.1s26.9,12,26.9,26.9S46.8,58.9,32,58.9z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_shield.svg b/public/img/icons_dark_theme/icon_shield.svg
new file mode 100644
index 00000000000..7709351a56e
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_shield.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E6E6E6;}
+	.st1{fill:#E3E2E2;}
+</style>
+<g>
+	<path class="st0" d="M14.9,46.8c-0.7-1-1.3-2-2-3C13.6,44.9,14.2,45.9,14.9,46.8z"/>
+	<path class="st0" d="M16.2,48.7c-0.4-0.6-0.9-1.2-1.3-1.9C15.4,47.5,15.8,48.1,16.2,48.7z"/>
+	<path class="st0" d="M10.5,39.4c-0.4-0.8-0.8-1.6-1.2-2.4C9.7,37.9,10.1,38.7,10.5,39.4z"/>
+	<path class="st0" d="M19.6,52.9c-0.4-0.5-0.9-1-1.3-1.6C18.7,51.9,19.2,52.4,19.6,52.9z"/>
+	<path class="st0" d="M41.1,56.4c-0.6,0.6-1.3,1.2-1.8,1.8C39.9,57.6,40.5,57,41.1,56.4z"/>
+	<path class="st0" d="M51.1,43.8c-0.6,1-1.3,2-2,3C49.8,45.9,50.4,44.9,51.1,43.8z"/>
+	<path class="st0" d="M24.7,58.2c-0.6-0.6-1.2-1.2-1.8-1.8C23.5,57,24.1,57.6,24.7,58.2z"/>
+	<path class="st0" d="M27,60.2c-0.4-0.3-0.7-0.6-1.1-0.9C26.3,59.6,26.6,59.9,27,60.2z"/>
+	<path class="st0" d="M38.1,59.3c-0.4,0.3-0.7,0.7-1.1,0.9C37.4,59.9,37.7,59.6,38.1,59.3z"/>
+	<path class="st0" d="M3.2,9.1L3.2,9.1c0,0,2.1-1,5.7-2.4C5.3,8.1,3.2,9.1,3.2,9.1z"/>
+	<path class="st0" d="M49.1,46.8c-0.4,0.6-0.9,1.3-1.3,1.9C48.2,48.1,48.6,47.5,49.1,46.8z"/>
+	<path class="st0" d="M32,48.7c1.7-1.7,3.7-3.8,5.6-6.3c5.9-7.7,9.5-16.2,10.8-25.5c-4.3-1.5-10-3.4-16.4-4.8
+		C32,26.6,32,38.2,32,48.7z"/>
+	<path class="st0" d="M54.7,37.1c-0.4,0.8-0.8,1.6-1.2,2.4C53.9,38.7,54.3,37.9,54.7,37.1z"/>
+	<path class="st0" d="M45.7,51.3c-0.4,0.6-0.9,1.1-1.3,1.6C44.8,52.4,45.3,51.9,45.7,51.3z"/>
+	<path class="st0" d="M60.8,9.1c0,0-2.1-1-5.7-2.4C58.7,8.1,60.8,9.1,60.8,9.1L60.8,9.1z"/>
+	<path class="st0" d="M37.8,1.3C35.9,0.8,34,0.4,32,0c-2,0.4-3.9,0.8-5.8,1.3C28.1,0.8,30,0.4,32,0C34,0.4,35.9,0.8,37.8,1.3z"/>
+	<path class="st1" d="M55.1,6.7C50.9,5.1,44.8,3,37.8,1.3C35.9,0.8,34,0.4,32,0c-2,0.4-3.9,0.8-5.8,1.3C19.2,3,13.1,5.1,8.9,6.7
+		C5.3,8.1,3.2,9.1,3.2,9.1l0,0c0,2.9,0.2,5.7,0.5,8.4c0.1,0.5,0.1,1.1,0.2,1.6c0.5,3.7,1.4,7.1,2.4,10.3c0.9,2.8,1.9,5.3,3,7.8
+		c0.4,0.8,0.8,1.6,1.2,2.4c0.8,1.5,1.6,3,2.5,4.4c0.6,1,1.3,2,2,3c0.4,0.6,0.9,1.3,1.3,1.9c0.7,0.9,1.3,1.8,2,2.6
+		c0.4,0.6,0.9,1.1,1.3,1.6c1.1,1.3,2.2,2.5,3.3,3.5c0.6,0.6,1.3,1.2,1.8,1.8c0.4,0.4,0.8,0.7,1.2,1.1c0.4,0.3,0.7,0.7,1.1,0.9
+		c3,2.5,5,3.8,5,3.8s2-1.3,5-3.8c0.4-0.3,0.7-0.6,1.1-0.9c0.4-0.3,0.8-0.7,1.2-1.1c0.6-0.6,1.2-1.2,1.8-1.8c1.1-1.1,2.2-2.2,3.3-3.5
+		c0.4-0.5,0.9-1,1.3-1.6c0.7-0.8,1.4-1.7,2-2.6c0.4-0.6,0.9-1.2,1.3-1.9c0.7-1,1.3-2,2-3c0.9-1.4,1.7-2.9,2.5-4.4
+		c0.4-0.8,0.8-1.6,1.2-2.4c1.1-2.4,2.2-5,3-7.8c1-3.2,1.8-6.7,2.4-10.3c0.1-0.5,0.1-1.1,0.2-1.6c0.3-2.7,0.5-5.5,0.5-8.4l0,0
+		C60.8,9.1,58.7,8.1,55.1,6.7z M41.3,45.7c-3.4,4.3-6.8,7.5-9.3,9.6c-2.5-2.1-5.9-5.3-9.3-9.6c-7.4-9.5-11.6-20.3-12.4-32.1
+		C15,11.8,23,9,32,7.1c9,1.8,17,4.7,21.7,6.5C52.8,25.4,48.6,36.2,41.3,45.7z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_sitemap.svg b/public/img/icons_dark_theme/icon_sitemap.svg
new file mode 100644
index 00000000000..499273a399e
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_sitemap.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F2F2F2;}
+</style>
+<path class="st0" d="M57.3,41.8V35c0-3.5-2.8-6.3-6.3-6.3H34.7v-6.5c3.9-1.2,6.7-4.8,6.7-9v0c0-5.2-4.2-9.4-9.4-9.4
+	s-9.4,4.2-9.4,9.4v0c0,4.3,2.8,7.9,6.7,9v6.5H13.1c-3.5,0-6.3,2.8-6.3,6.3v6.8C2.8,43,0,46.6,0,50.9v0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4v0c0-4.3-2.8-7.9-6.7-9v-5.7c0-1.1,0.9-2,2-2h15.2v7.7c-3.9,1.2-6.7,4.8-6.7,9v0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4v0c0-4.3-2.8-7.9-6.7-9v-7.7h15.2c1.1,0,2,0.9,2,2v5.7c-3.9,1.2-6.7,4.8-6.7,9v0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4v0C64,46.6,61.2,43,57.3,41.8z"/>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_snapshots.svg b/public/img/icons_dark_theme/icon_snapshots.svg
new file mode 100644
index 00000000000..5f3543623c7
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_snapshots.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E3E3;}
+</style>
+<g>
+	<path class="st0" d="M49.4,45.1L62,16.6l-5.8-2.6l0.8-3l-8.6-2.4v-5H43l-0.2-1.4l-9,1.4h-1.1L24.2,0l-0.8,1.8l-6.2-1.7l-1,3.6H7.2
+		v4.1L2,8.6l4.6,29.9l-1,3.6l-2.3,5.2l0.8,0.3L3.5,50l3.7,1v4.4h35.7l-19,0.2l16.9,4.7l-18-4.7L9.3,55.8l0.6,4l15.9-2.5L41.1,64
+		l1.4-3.2l0.7,0.2l1.4-5l0.2-0.5h3.6v-1.7l2.3-0.3L49.4,45.1z M48.4,31.2v-12l0.1-0.3c0.2-0.6,0.1-1.2-0.1-1.7v-5.5l5,1.4L48.4,31.2
+		z M58.1,18.1l-8.2,18.7l5.5-19.9L58.1,18.1z M19.3,3.7L19.3,3.7L19.3,3.7L19.3,3.7z M10.1,6.6h35.4V43H10.1V6.6z M7.2,10.7V23
+		L5.4,11L7.2,10.7z"/>
+	<polygon class="st0" points="19.3,3.7 19.3,3.7 19.3,3.7 	"/>
+	<path class="st0" d="M14.4,21.9c0,0.9,0.7,1.7,1.7,1.7h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4c0-0.9-0.7-1.7-1.7-1.7h-8.4
+		c-0.9,0-1.7,0.7-1.7,1.7V21.9z"/>
+	<path class="st0" d="M39.6,26.6h-8.4c-0.9,0-1.7,0.7-1.7,1.7v8.4c0,0.9,0.7,1.7,1.7,1.7h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4
+		C41.2,27.4,40.5,26.6,39.6,26.6z"/>
+	<path class="st0" d="M31.2,11.8c-0.9,0-1.7,0.7-1.7,1.7v8.4c0,0.9,0.7,1.7,1.7,1.7h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4
+		c0-0.9-0.7-1.7-1.7-1.7H31.2z"/>
+	<path class="st0" d="M16.1,26.6c-0.9,0-1.7,0.7-1.7,1.7v8.4c0,0.9,0.7,1.7,1.7,1.7h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4
+		c0-0.9-0.7-1.7-1.7-1.7H16.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_dark_theme/icon_team.svg b/public/img/icons_dark_theme/icon_team.svg
index 15dade3d289..1248f5d5e39 100644
--- a/public/img/icons_dark_theme/icon_team.svg
+++ b/public/img/icons_dark_theme/icon_team.svg
@@ -6,20 +6,15 @@
 	.st0{fill:#E3E3E3;}
 </style>
 <g>
-	<path class="st0" d="M11.8,48.1v-6c0-1.5,0.6-3.3,6.4-6.4c0.1-0.2,0.2-0.5,0.3-0.7c0.4-0.6,0.6-1.3,0.6-2.1c0-0.6-0.1-1.1-0.4-1.6
-		c-0.1-0.1-0.1-0.2-0.2-0.3c0.3-0.8,0.7-2.1,0.3-3.5c-0.6-2.4-3.8-3.5-6.4-3.5c-2.4,0-4.3,0.9-5,2.3c-0.7,0.3-1,0.8-1.2,1.2
-		c-0.6,1.2-0.2,2.6,0.2,3.5c-0.1,0.1-0.2,0.2-0.2,0.3c-0.3,0.4-0.4,1-0.4,1.6c0,0.8,0.2,1.5,0.6,2.1c0.2,0.3,0.4,0.6,0.4,1
-		C7,37.5,7.5,38.4,8,38.9c0.1,0.6,0.3,1.6-0.4,2c-0.1,0-0.1,0.1-0.1,0.1C0,44.1,0,45.4,0,45.9V50c0,2.2,1.8,3.9,3.9,3.9h8.4h2.2
-		C12.8,52.5,11.8,50.5,11.8,48.1z"/>
-	<path class="st0" d="M56.6,40.9c0,0-0.1-0.1-0.2-0.1c-0.7-0.4-0.5-1.4-0.4-2c0.5-0.5,1-1.4,1.2-2.7c0.1-0.4,0.2-0.7,0.4-1
-		c0.4-0.6,0.6-1.3,0.6-2.1c0-0.6-0.1-1.1-0.4-1.6c-0.1-0.1-0.1-0.2-0.2-0.3c0.3-0.8,0.7-2.1,0.3-3.5c-0.6-2.4-3.8-3.5-6.4-3.5
-		c-2.4,0-4.3,0.9-5,2.3c-0.7,0.3-1,0.8-1.2,1.2c-0.6,1.2-0.2,2.6,0.2,3.5c-0.1,0.1-0.2,0.2-0.2,0.3c-0.3,0.4-0.4,1-0.4,1.6
-		c0,0.8,0.2,1.5,0.6,2.1c0.2,0.2,0.3,0.5,0.4,0.8c5.6,3,6.2,4.8,6.2,6.3v6c0,2.3-1.1,4.4-2.7,5.8h2.1h6.1h2.6c2.2,0,3.9-1.8,3.9-3.9
-		v-4.1C64,45.4,64,44.1,56.6,40.9z"/>
-	<path class="st0" d="M50.3,48.1v-6c0-0.8,0-2.8-11-7.4c-0.1,0-0.1-0.1-0.2-0.2c-1-0.6-0.8-2.1-0.6-2.9c0.7-0.8,1.4-2,1.7-4
-		c0.1-0.5,0.3-1.1,0.6-1.5c0.6-0.8,1-2,1-3.1c0-0.9-0.2-1.7-0.6-2.3c-0.1-0.1-0.2-0.3-0.3-0.4c0.5-1.2,1-3.1,0.5-5.2
-		c-0.9-3.5-5.5-5.1-9.5-5.1c-3.6,0-6.3,1.3-7.4,3.3c-1,0.5-1.5,1.2-1.8,1.7c-0.9,1.7-0.3,3.8,0.3,5.2c-0.1,0.1-0.2,0.3-0.4,0.5
-		c-0.4,0.6-0.6,1.4-0.6,2.3c0,1.1,0.3,2.3,0.9,3.1c0.3,0.4,0.5,1,0.6,1.5c0.3,2,1,3.3,1.8,4.1c0.2,0.9,0.4,2.3-0.6,2.9
-		c-0.1,0.1-0.2,0.1-0.2,0.1c-11,4.6-11,6.6-11,7.4v6c0,3.2,2.6,5.8,5.8,5.8h12.4h8.9h3.8C47.7,53.9,50.3,51.3,50.3,48.1z"/>
+	<path class="st0" d="M54.1,40.6c0,0-0.1-0.1-0.2-0.1c-0.9-0.5-0.7-1.9-0.5-2.6c0.6-0.7,1.3-1.8,1.5-3.6c0.1-0.5,0.3-1,0.6-1.3
+		c0.6-0.8,0.9-1.8,0.9-2.8c0-0.8-0.2-1.5-0.5-2.1c-0.1-0.1-0.2-0.2-0.3-0.4c0.4-1.1,0.9-2.8,0.5-4.7c-0.8-3.2-5-4.6-8.6-4.6
+		c-7.6,0-8.3,3.8-8.5,4.5c-0.4,1.7-0.1,3.4,0.4,4.7c-0.1,0.1-0.2,0.3-0.3,0.4c-0.4,0.6-0.6,1.3-0.6,2.1c0,1,0.3,2,0.9,2.8
+		c0.3,0.4,0.5,0.9,0.6,1.3c0.3,1.8,0.9,3,1.6,3.7c0.1,0.2,0.1,0.5,0.1,0.7c3.5,2.4,3.9,4,3.9,5.4V51c0,2.7-1.3,5.2-3.2,6.8h4.9h8.1
+		h3.5c2.9,0,5.2-2.3,5.2-5.2v-5.4C64,46.6,64,44.8,54.1,40.6z"/>
+	<path class="st0" d="M43.5,44c0-0.9,0-3.3-13-8.7c-0.1,0-0.1-0.1-0.3-0.2c-1.2-0.6-0.9-2.5-0.7-3.5c0.8-0.9,1.7-2.4,2-4.7
+		c0.1-0.6,0.3-1.2,0.7-1.8c0.7-1,1.1-2.4,1.1-3.7c0-1-0.2-2-0.7-2.7c-0.1-0.2-0.2-0.3-0.3-0.5c0.6-1.5,1.2-3.7,0.6-6.1
+		c-1-4.2-6.5-6.1-11.2-6.1c-4.3,0-7.5,1.5-8.8,3.9c-1.1,0.6-1.8,1.4-2.1,2c-1,2-0.3,4.4,0.3,6.1c-0.2,0.2-0.3,0.3-0.4,0.5
+		c-0.5,0.7-0.7,1.7-0.7,2.8c0,1.3,0.4,2.7,1.1,3.6c0.4,0.5,0.6,1.1,0.7,1.8c0.4,2.4,1.2,3.9,2.1,4.8c0.2,1,0.5,2.8-0.7,3.4
+		c-0.1,0.1-0.2,0.1-0.3,0.2C0,40.7,0,43.1,0,44V51c0,3.8,3.1,6.8,6.8,6.8h14.7h10.6H36h0.6c3.8,0,6.8-3.1,6.8-6.8V44z"/>
 </g>
 </svg>
diff --git a/public/img/icons_dark_theme/icon_user.svg b/public/img/icons_dark_theme/icon_user.svg
index e488d9ffcf4..9479e9452ce 100644
--- a/public/img/icons_dark_theme/icon_user.svg
+++ b/public/img/icons_dark_theme/icon_user.svg
@@ -6,10 +6,10 @@
 	.st0{fill:#E3E3E3;}
 </style>
 <g>
-	<path class="st0" d="M42.8,36c-0.1-0.1-0.2-0.1-0.4-0.2c-1.4-0.8-1.1-3-0.8-4.3c1-1.1,2.1-2.9,2.5-5.9c0.1-0.8,0.4-1.5,0.9-2.2
-		c0.9-1.2,1.4-2.9,1.4-4.6c0-1.3-0.3-2.4-0.9-3.3c-0.1-0.2-0.3-0.4-0.4-0.6c0.7-1.8,1.5-4.6,0.8-7.5C44.6,2.3,37.8,0,32,0
-		c-5.3,0-9.2,1.8-10.8,4.9c-1.4,0.7-2.2,1.7-2.6,2.5c-1.3,2.5-0.4,5.5,0.4,7.6c-0.2,0.2-0.4,0.4-0.5,0.7c-0.6,0.9-0.9,2.1-0.9,3.4
-		c0,1.6,0.5,3.3,1.4,4.5c0.5,0.6,0.8,1.4,0.9,2.2c0.4,3,1.5,4.8,2.6,5.9c0.3,1.3,0.6,3.4-0.8,4.2c-0.1,0.1-0.2,0.1-0.3,0.2
-		C5.2,42.8,5.1,45.7,5.1,46.8v8.7c0,4.7,3.8,8.5,8.5,8.5h18.1h13h5.6c4.7,0,8.5-3.8,8.5-8.5v-8.7C58.9,45.7,58.8,42.8,42.8,36z"/>
+	<path class="st0" d="M41.5,35.5c-0.1-0.1-0.2-0.1-0.4-0.2c-1.2-0.7-1-2.6-0.7-3.8c0.9-1,1.8-2.5,2.2-5.2c0.1-0.7,0.4-1.3,0.8-1.9
+		c0.8-1.1,1.2-2.5,1.2-4c0-1.1-0.3-2.1-0.8-2.9c-0.1-0.2-0.3-0.4-0.4-0.5c0.6-1.6,1.3-4,0.7-6.6C43.1,6,37.1,4,32,4
+		c-4.6,0-8.1,1.6-9.5,4.3c-1.2,0.6-1.9,1.5-2.3,2.2c-1.1,2.2-0.4,4.8,0.3,6.6c-0.2,0.2-0.3,0.4-0.4,0.6c-0.5,0.8-0.8,1.8-0.8,3
+		c0,1.4,0.4,2.9,1.2,3.9c0.4,0.5,0.7,1.2,0.8,1.9c0.3,2.6,1.3,4.2,2.3,5.2c0.3,1.1,0.5,3-0.7,3.7c-0.1,0.1-0.2,0.1-0.3,0.2
+		C8.6,41.5,8.5,44,8.5,45v7.6c0,4.1,3.3,7.4,7.4,7.4h15.8h11.4h4.9c4.1,0,7.4-3.3,7.4-7.4V45C55.6,44,55.5,41.5,41.5,35.5z"/>
 </g>
 </svg>
diff --git a/public/img/icons_dark_theme/icon_variable.svg b/public/img/icons_dark_theme/icon_variable.svg
new file mode 100644
index 00000000000..4fffa63329a
--- /dev/null
+++ b/public/img/icons_dark_theme/icon_variable.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E3E2E2;}
+</style>
+<g>
+	<path class="st0" d="M33.5,27.3c2.2-3.7,4-6.1,5.4-7.1c1.4-1.1,2.7-1.6,4.1-1.6c1.2,0,2.2,0.4,2.9,1.1c0.8,0.7,1.1,1.6,1.1,2.7
+		c0,1.1-0.3,2-1,2.7c-0.7,0.7-1.5,1-2.5,1c-1.4,0-2.4-0.7-3-2.2c-0.2-0.6-0.5-0.8-0.8-0.8c-0.3,0-0.6,0.2-1,0.5
+		c-0.3,0.4-1.8,2.5-4.3,6.5l2.9,8.8c0.3,0.8,0.6,1.4,0.9,1.8s0.7,0.6,1.1,0.6c1.3,0,2.9-1.6,4.7-4.8l1.8,1c-1.5,2.7-3.1,4.7-4.8,6
+		c-1.7,1.3-3.4,1.9-5,1.9c-1.5,0-2.7-0.5-3.6-1.6c-0.5-0.6-1.4-2.8-2.7-6.4c-2,3.2-3.6,5.3-4.8,6.4c-1.3,1.1-2.7,1.6-4.3,1.6
+		c-1.4,0-2.5-0.4-3.3-1.2c-0.8-0.8-1.3-1.7-1.3-2.9c0-1.1,0.3-1.9,1-2.6c0.7-0.7,1.5-1,2.5-1c0.8,0,1.4,0.2,1.9,0.5
+		c0.5,0.4,0.9,1,1.3,2c0.3,0.7,0.6,1.1,0.9,1.1c0.5,0,1.2-0.6,2-1.7c0.9-1.1,2-2.8,3.2-5.1l-3.1-9.1c-0.6-1.6-1.1-2.5-1.7-2.5
+		c-1,0-2.2,1.5-3.4,4.5L19,26.4c1-2.7,2.2-4.7,3.7-6c1.4-1.2,2.9-1.9,4.4-1.9c1.1,0,2,0.3,2.7,0.8c0.7,0.5,1.4,1.4,1.9,2.6
+		C31.9,22.4,32.5,24.2,33.5,27.3z"/>
+</g>
+<g>
+	<path class="st0" d="M0,31.8C0,30,1.2,28.5,2.9,28c0.6-0.2,1.1-0.4,1.5-0.7c1.1-0.7,1.6-1.7,1.6-3V13.1c0-2.2,0.4-3.9,1.2-5
+		C8,6.9,9.2,6.1,11,5.6c1-0.3,2.2-0.5,3.7-0.6c2-0.2,3.7,1.4,3.7,3.4v0.1c0,1.6-1.1,3-2.7,3.4c-0.1,0-0.1,0-0.2,0.1
+		c-0.5,0.2-0.9,0.4-1.2,0.8c-0.3,0.4-0.5,0.8-0.5,1.5v11.6c0,1.8-0.5,3.2-1.4,4.2c-0.9,1-2.4,1.6-4.5,1.9v0.3c2.1,0.3,3.6,1,4.5,1.9
+		c0.9,1,1.4,2.3,1.4,4.1v11.7c0,0.6,0.2,1.1,0.5,1.5c0.3,0.4,0.8,0.6,1.4,0.8c0,0,0.1,0,0.1,0c1.5,0.4,2.6,1.8,2.6,3.4v0
+		c0,2.1-1.8,3.7-3.8,3.5c-1.4-0.1-2.6-0.3-3.6-0.6c-1.8-0.5-3.1-1.3-3.8-2.5C6.4,54.8,6,53.1,6,50.8v-11c0-1.3-0.5-2.3-1.6-3
+		c-0.4-0.3-0.9-0.5-1.5-0.7C1.2,35.5,0,34,0,32.3V31.8z"/>
+</g>
+<g>
+	<path class="st0" d="M64,32.3c0,1.8-1.2,3.3-2.9,3.8c-0.5,0.2-1,0.4-1.5,0.7c-1.1,0.7-1.6,1.7-1.6,3v11c0,2.3-0.4,4-1.2,5.1
+		c-0.8,1.1-2.1,2-3.9,2.5c-1,0.3-2.2,0.5-3.6,0.6c-2.1,0.2-3.8-1.4-3.8-3.5v0c0-1.6,1.1-3,2.7-3.4c0.4-0.1,0.7-0.2,1-0.4
+		c0.7-0.4,1-1,1-1.9V38.1c0-1.7,0.5-3.1,1.4-4.1c0.9-1,2.4-1.6,4.5-1.9v-0.3c-2.1-0.3-3.5-0.9-4.5-1.9c-0.9-1-1.4-2.4-1.4-4.2V14.2
+		c0-0.6-0.2-1.1-0.5-1.5c-0.3-0.3-0.7-0.6-1.2-0.8c-0.1,0-0.1,0-0.2-0.1c-1.6-0.4-2.7-1.8-2.7-3.4V8.4c0-2,1.7-3.6,3.8-3.4
+		C50.8,5.1,52,5.3,53,5.6c1.8,0.5,3.1,1.3,3.9,2.4c0.8,1.1,1.2,2.8,1.2,5v11.2c0,1.3,0.5,2.3,1.6,3c0.4,0.3,0.9,0.5,1.5,0.7
+		c1.7,0.5,2.9,2,2.9,3.8V32.3z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_annotation.svg b/public/img/icons_light_theme/icon_add_annotation.svg
new file mode 100644
index 00000000000..cb306bdd18b
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_annotation.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill:#555555;}
+	.st2{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M36.1,31.6L36.1,31.6v-9V12.2c0-0.9-0.7-1.7-1.7-1.7h-3.1l0,0H8.2c-0.9,0-1.7,0.7-1.7,1.7v19.4
+		c0,0.9,0.7,1.7,1.7,1.7H23l4.4,4.2v-4.2h7C35.3,33.3,36.1,32.5,36.1,31.6z"/>
+	<path class="st1" d="M31,41.9c0-2.9,2.4-5.3,5.3-5.3h4.1v-4.1c0-1.7,0.8-3.2,2.1-4.2V16.1v-3.9c0-4.5-3.7-8.2-8.2-8.2H17.8l0,0H8.2
+		C3.7,4,0,7.7,0,12.2v19.4c0,4.5,3.7,8.2,8.2,8.2h12.2l10.6,10v-0.1V41.9z M27.4,37.5L23,33.3H8.2c-0.9,0-1.7-0.7-1.7-1.7V12.2
+		c0-0.9,0.7-1.7,1.7-1.7h23.2l0,0h3.1c0.9,0,1.7,0.7,1.7,1.7v10.4v9l0,0c0,0.9-0.7,1.7-1.7,1.7h-7L27.4,37.5z"/>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.6596" y1="-13.1545" x2="49.6596" y2="47.3804" gradientTransform="matrix(1 0 0 -1 0 66)">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st2" d="M63.2,41.1h-4.8H58h-3.6v-8.7c0-0.4-0.3-0.8-0.8-0.8h-7.9c-0.4,0-0.8,0.3-0.8,0.8v8.7h-8.7
+		c-0.4,0-0.8,0.3-0.8,0.8v7.9c0,0.4,0.3,0.8,0.8,0.8h8.7v3v1.2v4.4c0,0.4,0.3,0.8,0.8,0.8h7.9c0.4,0,0.8-0.3,0.8-0.8v-8.7h8.7
+		c0.4,0,0.8-0.3,0.8-0.8v-7.9C64,41.4,63.7,41.1,63.2,41.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_annotation_alt.svg b/public/img/icons_light_theme/icon_add_annotation_alt.svg
new file mode 100644
index 00000000000..2565f188d57
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_annotation_alt.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M36.4,38.5h4.1v-4.1c0-1.7,0.8-3.2,2.1-4.2V17.9l-6.5,6.5v9c0,0.9-0.8,1.7-1.7,1.7h-7v4.2L23,35.1H8.2
+		c-0.9,0-1.7-0.7-1.7-1.7V14c0-0.9,0.8-1.7,1.7-1.7h23.2l6.5-6.5H8.2C3.7,5.8,0,9.4,0,14v19.4c0,4.5,3.7,8.2,8.2,8.2h12.2l10.6,10
+		v-7.8C31,40.9,33.4,38.5,36.4,38.5z"/>
+	<rect x="24.6" y="13.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2013 29.9904)" class="st0" width="22" height="6.7"/>
+	<path class="st0" d="M47.6,9.2L47.8,9l1.3-1.3c1.3-1.3,1.3-3.4,0-4.7s-3.4-1.3-4.7,0l-1.3,1.3l-0.2,0.2L42,5.3l4.7,4.7L47.6,9.2z"
+		/>
+	<polygon class="st0" points="24.2,24.3 24.1,24.7 23.5,28.5 27.3,27.9 27.7,27.8 29.2,27.6 24.5,22.9 	"/>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.6596" y1="-15.1627" x2="49.6596" y2="45.3912" gradientTransform="matrix(1 0 0 -1 0 66)">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M63.2,43.1h-4.8H58h-3.6v-8.7c0-0.4-0.3-0.8-0.8-0.8h-7.9c-0.4,0-0.8,0.3-0.8,0.8v8.7h-8.7
+		c-0.4,0-0.8,0.3-0.8,0.8v7.9c0,0.4,0.3,0.8,0.8,0.8h8.7v3v1.2v4.4c0,0.4,0.3,0.8,0.8,0.8h7.9c0.4,0,0.8-0.3,0.8-0.8v-8.7h8.7
+		c0.4,0,0.8-0.3,0.8-0.8v-7.9C64,43.4,63.7,43.1,63.2,43.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_data_sources.svg b/public/img/icons_light_theme/icon_add_data_sources.svg
new file mode 100644
index 00000000000..554af86bfc8
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_data_sources.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M28.9,46.2c-0.1,0-0.2,0-0.3,0c-12.6,0-23.3-3.7-28.2-9.3C0.1,37.7,0,38.5,0,39.2c0,7.4,13.1,13.7,28.6,13.7
+		c0.1,0,0.2,0,0.3,0c0-0.1,0-0.3,0-0.5V46.2z"/>
+	<path class="st0" d="M52.3,28.2h0.8c1.3,0,2.5,0.4,3.5,1.2c0.4-0.9,0.6-1.7,0.6-2.7c0-0.8-0.1-1.5-0.4-2.2
+		C55.6,25.9,54.1,27.1,52.3,28.2z"/>
+	<path class="st0" d="M39,38.3L39,38.3v-4.4c0-0.3,0-0.7,0.1-1c-3.3,0.6-6.8,0.9-10.5,0.9c-12.6,0-23.3-3.7-28.2-9.3
+		C0.1,25.3,0,26,0,26.8c0,7.4,13.1,13.7,28.6,13.7c0.5,0,1,0,1.5,0c1-1.3,2.6-2.1,4.4-2.1H39V38.3z"/>
+	<path class="st0" d="M28.6,28c15.5,0,28.6-6.3,28.6-13.7S44.1,0.7,28.6,0.7S0,6.9,0,14.3S13.1,28,28.6,28z"/>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="48.9" y1="-17.909" x2="48.9" y2="46.5704" gradientTransform="matrix(1 0 0 -1 0 66)">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M63.2,43.2h-5.1h-0.4h-1.8h-2v-3.6v-5.7c0-0.2-0.1-0.5-0.3-0.6c-0.1-0.1-0.3-0.2-0.5-0.2h-8.4
+		c-0.4,0-0.8,0.4-0.8,0.8v4.4v4.9h-9.3c-0.4,0-0.8,0.4-0.8,0.8v2v6.4c0,0.1,0,0.2,0,0.2c0.1,0.3,0.4,0.6,0.8,0.6h9.3v3.2v1.3v4.7
+		c0,0.4,0.4,0.8,0.8,0.8h8.4c0.4,0,0.8-0.4,0.8-0.8v-9.3h9.3c0.4,0,0.8-0.4,0.8-0.8V44C64,43.5,63.6,43.2,63.2,43.2z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_link.svg b/public/img/icons_light_theme/icon_add_link.svg
new file mode 100644
index 00000000000..df31a3e99a3
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_link.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#66C9DC;}
+	.st1{fill:#555555;}
+	.st2{fill:#5CB947;}
+	.st3{fill:url(#SVGID_1_);}
+</style>
+<ellipse class="st0" cx="28.5" cy="27.5" rx="0" ry="0"/>
+<path class="st1" d="M41.4,29.9h2.1l0.3-0.3l8.7-8.7c4.8-4.8,4.8-12.5,0-17.3S40-1.2,35.2,3.6l-8.7,8.7c2.7-0.2,5.5,0.3,8,1.5
+	l5.4-5.4c2.1-2.1,5.6-2.1,7.7,0c2.1,2.1,2.1,5.6,0,7.7l-5.4,5.4l-3.1,3.1l-2.9,2.9c-0.9,0.9-2.1,1.4-3.3,1.6
+	c-1.6,0.2-3.2-0.4-4.4-1.6l0,0l0,0c-0.5-0.5-1.4-0.5-2,0l-3.7,3.7c0.3,0.4,0.6,0.7,0.9,1.1c0.3,0.3,0.7,0.6,1.1,0.9
+	c1.1,0.9,2.4,1.6,3.7,2c2.4,0.8,5,0.8,7.3,0.1C35.9,32.4,38.4,29.9,41.4,29.9z"/>
+<ellipse class="st2" cx="31.4" cy="24.7" rx="0" ry="0"/>
+<path class="st1" d="M30.4,39.9c-1.7-0.2-3.4-0.7-5-1.4L20,43.8c-2.1,2.1-5.6,2.1-7.7,0s-2.1-5.6,0-7.7l5.4-5.4l3.1-3.1l2.9-2.9
+	c0.9-0.9,2.1-1.4,3.3-1.6c1.6-0.2,3.2,0.4,4.4,1.6l0,0l0,0c0.5,0.5,1.4,0.5,2,0l3.7-3.7c-0.3-0.4-0.6-0.7-0.9-1.1
+	c-0.3-0.3-0.7-0.6-1.1-0.9c-1.1-0.9-2.4-1.6-3.7-2c-3.2-1.1-6.7-0.8-9.7,0.9c-1,0.5-1.9,1.2-2.8,2.1l-2.7,2.7l-8.7,8.7
+	c-4.8,4.8-4.8,12.5,0,17.3s12.5,4.8,17.3,0l1.3-1.3v-2.1C26.1,42.6,27.9,40.4,30.4,39.9z"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="45.4078" y1="-17.5867" x2="45.4078" y2="44.985" gradientTransform="matrix(1 0 0 -1 0 66)">
+	<stop  offset="0" style="stop-color:#FFF23A"/>
+	<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+	<stop  offset="0.1171" style="stop-color:#FED41A"/>
+	<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+	<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+	<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+	<stop  offset="0.8876" style="stop-color:#ED693C"/>
+	<stop  offset="1" style="stop-color:#E83E39"/>
+</linearGradient>
+<path class="st3" d="M59.4,44.5h-5H54h-3.7v-9c0-0.4-0.4-0.8-0.8-0.8h-8.2c-0.4,0-0.8,0.4-0.8,0.8v9h-9c-0.4,0-0.8,0.4-0.8,0.8v8.2
+	c0,0.4,0.4,0.8,0.8,0.8h9v3.1v1.3v4.6c0,0.4,0.4,0.8,0.8,0.8h8.2c0.4,0,0.8-0.4,0.8-0.8v-9h9c0.4,0,0.8-0.4,0.8-0.8v-8.2
+	C60.2,44.8,59.8,44.5,59.4,44.5z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_team.svg b/public/img/icons_light_theme/icon_add_team.svg
new file mode 100644
index 00000000000..dd1580f3a3d
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_team.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<g>
+	<path class="st0" d="M52.8,32.4c0,0-0.1-0.1-0.2-0.1c-0.8-0.5-0.7-1.8-0.5-2.5c0.6-0.7,1.2-1.7,1.5-3.4c0.1-0.5,0.2-0.9,0.5-1.3
+		c0.5-0.7,0.8-1.7,0.8-2.7c0-0.7-0.2-1.4-0.5-1.9c-0.1-0.1-0.2-0.2-0.2-0.3c0.4-1.1,0.9-2.7,0.4-4.4c-0.7-3-4.7-4.4-8.1-4.4
+		c-7.1,0-7.8,3.6-8,4.3c-0.4,1.6-0.1,3.2,0.4,4.4c-0.1,0.1-0.2,0.2-0.3,0.4c-0.3,0.5-0.5,1.2-0.5,2c0,0.9,0.3,1.9,0.8,2.6
+		c0.3,0.4,0.5,0.8,0.5,1.3c0.3,1.7,0.9,2.8,1.5,3.4c0,0.2,0.1,0.4,0.1,0.7c2.2,1.5,3.1,2.7,3.5,3.7H47c2.7,0,4.8,2.2,4.8,4.8v3.7
+		h3.7c2.6,0,4.8,2.1,4.8,4.8c1.1-0.9,1.8-2.3,1.8-3.8v-5.1C62.1,38.1,62.1,36.4,52.8,32.4z"/>
+	<path class="st0" d="M31.3,42.8H35v-3.7c0-2.7,2.2-4.8,4.8-4.8h2.5c-0.9-1.3-3.7-3.4-11.7-6.8c-0.1,0-0.1-0.1-0.3-0.2
+		c-1.1-0.6-0.9-2.3-0.6-3.3c0.8-0.9,1.6-2.2,1.9-4.5c0.1-0.6,0.3-1.2,0.7-1.7c0.7-0.9,1.1-2.2,1.1-3.5c0-1-0.2-1.9-0.7-2.5
+		c-0.1-0.2-0.2-0.3-0.3-0.4c0.5-1.4,1.1-3.5,0.6-5.7C31.9,1.8,26.8,0,22.4,0c-4,0-7,1.4-8.2,3.7c-1.1,0.5-1.7,1.3-2,1.9
+		c-1,1.9-0.3,4.2,0.3,5.8c-0.1,0.2-0.3,0.3-0.4,0.5c-0.5,0.7-0.7,1.6-0.7,2.6c0,1.2,0.4,2.5,1,3.4c0.4,0.5,0.6,1.1,0.7,1.7
+		c0.3,2.3,1.2,3.6,1.9,4.5c0.2,1,0.4,2.6-0.6,3.2c-0.1,0.1-0.2,0.1-0.2,0.1C1.9,32.6,1.9,34.8,1.9,35.6v6.7c0,3.6,2.9,6.4,6.4,6.4
+		h13.8h4.3v-1.1C26.5,45,28.6,42.8,31.3,42.8z"/>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="43.45" y1="-15.1029" x2="43.45" y2="39.5019" gradientTransform="matrix(1 0 0 -1 0 66)">
+		<stop  offset="0" style="stop-color:#FFF23A"/>
+		<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+		<stop  offset="0.1171" style="stop-color:#FED41A"/>
+		<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+		<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+		<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+		<stop  offset="0.8876" style="stop-color:#ED693C"/>
+		<stop  offset="1" style="stop-color:#E83E39"/>
+	</linearGradient>
+	<path class="st1" d="M55.5,46.9h-4.3h-0.3h-3.2V39c0-0.4-0.3-0.7-0.7-0.7h-2.3h-1.9h-2.9c-0.4,0-0.7,0.3-0.7,0.7v7.9H39h-7.7
+		c-0.4,0-0.7,0.3-0.7,0.7v1.1v6c0,0.4,0.3,0.7,0.7,0.7h3.3h4.6v2.7v1.1v4c0,0.4,0.3,0.7,0.7,0.7H47c0.4,0,0.7-0.3,0.7-0.7v-7.9h7.9
+		c0.4,0,0.7-0.3,0.7-0.7v-6v-1.1C56.2,47.2,55.9,46.9,55.5,46.9z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_user.svg b/public/img/icons_light_theme/icon_add_user.svg
new file mode 100644
index 00000000000..ef0d1d785f0
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_user.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+	.st1{fill:url(#SVGID_1_);}
+</style>
+<path class="st0" d="M34.8,38.2h4.4v-3.8c-1.9-1.1-4.6-2.5-8.4-4.1c-0.1,0-0.1-0.1-0.3-0.2c-1.2-0.7-0.9-2.5-0.7-3.5
+	c0.8-0.9,1.7-2.4,2-4.8c0.1-0.6,0.3-1.3,0.7-1.8c0.7-1,1.1-2.4,1.1-3.7c0-1-0.2-2-0.7-2.7c-0.1-0.2-0.2-0.3-0.3-0.5
+	c0.6-1.5,1.2-3.7,0.6-6.2C32.3,2.9,26.7,1,22,1c-4.3,0-7.5,1.5-8.9,4C12,5.5,11.4,6.3,11,7c-1,2-0.3,4.5,0.3,6.2
+	c-0.2,0.2-0.3,0.3-0.4,0.5c-0.5,0.8-0.7,1.7-0.7,2.8c0,1.3,0.4,2.7,1.1,3.7c0.4,0.5,0.6,1.1,0.7,1.8c0.4,2.4,1.2,3.9,2.1,4.8
+	c0.2,1,0.5,2.8-0.7,3.4c-0.1,0.1-0.2,0.1-0.3,0.2C0,35.9,0,38.3,0,39.2v7.1c0,3.8,3.1,6.9,6.9,6.9h14.8h7.6c-0.1-0.3-0.1-0.7-0.1-1
+	v-8.3C29.2,40.8,31.7,38.2,34.8,38.2z"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="49.0078" y1="-17.2316" x2="49.0078" y2="46.6363" gradientTransform="matrix(1 0 0 -1 0 66)">
+	<stop  offset="0" style="stop-color:#FFF23A"/>
+	<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+	<stop  offset="0.1171" style="stop-color:#FED41A"/>
+	<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+	<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+	<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+	<stop  offset="0.8876" style="stop-color:#ED693C"/>
+	<stop  offset="1" style="stop-color:#E83E39"/>
+</linearGradient>
+<path class="st1" d="M63.2,43.1h-5.1h-0.4H54v-9.2c0-0.4-0.4-0.8-0.8-0.8h-8.3c-0.4,0-0.8,0.4-0.8,0.8v9.2H44h-9.1
+	c-0.4,0-0.8,0.4-0.8,0.8v8.3c0,0.4,0.4,0.8,0.8,0.8h3.9H44v3.2v1.3v4.7c0,0.4,0.4,0.8,0.8,0.8h8.3c0.4,0,0.8-0.4,0.8-0.8V53h9.2
+	c0.4,0,0.8-0.4,0.8-0.8v-8.3C64,43.4,63.6,43.1,63.2,43.1z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_add_variable.svg b/public/img/icons_light_theme/icon_add_variable.svg
new file mode 100644
index 00000000000..da50f124e2b
--- /dev/null
+++ b/public/img/icons_light_theme/icon_add_variable.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+	.st1{fill:url(#SVGID_1_);}
+	.st2{fill:url(#SVGID_2_);}
+</style>
+<path class="st0" d="M35.4,30.2c-1.5,2.6-2.7,3.9-3.8,3.9c-0.3,0-0.6-0.2-0.9-0.5s-0.5-0.8-0.7-1.5L27.6,25c2.1-3.2,3.2-4.9,3.5-5.2
+	c0.3-0.3,0.5-0.4,0.8-0.4c0.2,0,0.4,0.2,0.6,0.7c0.5,1.2,1.3,1.8,2.4,1.8c0.8,0,1.5-0.3,2-0.8s0.8-1.3,0.8-2.1
+	c0-0.9-0.3-1.6-0.9-2.2c-0.6-0.6-1.4-0.8-2.3-0.8c-1.1,0-2.2,0.4-3.3,1.3c-1.1,0.9-2.5,2.8-4.3,5.7c-0.8-2.5-1.3-3.9-1.5-4.3
+	c-0.4-1-1-1.7-1.5-2.1c-0.6-0.4-1.3-0.6-2.2-0.6c-1.2,0-2.4,0.5-3.5,1.5s-2.1,2.6-2.9,4.8l1.4,0.9c1-2.4,1.9-3.6,2.8-3.6
+	c0.5,0,0.9,0.7,1.4,2l2.5,7.3c-1,1.8-1.9,3.1-2.6,4c-0.7,0.9-1.2,1.4-1.6,1.4c-0.2,0-0.5-0.3-0.7-0.9c-0.3-0.8-0.6-1.3-1-1.6
+	c-0.4-0.3-0.9-0.4-1.5-0.4c-0.8,0-1.4,0.3-2,0.8c-0.5,0.6-0.8,1.2-0.8,2.1c0,0.9,0.3,1.7,1,2.3s1.6,0.9,2.7,0.9
+	c1.3,0,2.4-0.4,3.4-1.3c1-0.9,2.3-2.6,3.9-5.1c1,2.9,1.7,4.6,2.1,5.1c0.7,0.8,1.7,1.3,2.9,1.3c1.3,0,2.7-0.5,4-1.6
+	c1.4-1,2.7-2.6,3.9-4.8L35.4,30.2z"/>
+<path class="st0" d="M12.7,42.7C12.6,42.7,12.6,42.7,12.7,42.7c-0.5-0.2-0.9-0.4-1.2-0.7s-0.4-0.7-0.4-1.2v-9.4
+	c0-1.4-0.4-2.5-1.1-3.2c-0.7-0.8-1.9-1.3-3.6-1.5v-0.2C8,26.3,9.2,25.8,10,25c0.7-0.8,1.1-1.9,1.1-3.4v-9.3c0-0.5,0.1-0.9,0.4-1.2
+	c0.2-0.3,0.6-0.5,1-0.6c0.1,0,0.1,0,0.2,0c1.3-0.3,2.2-1.4,2.2-2.7V7.7c0-1.6-1.4-2.9-3-2.7C10.7,5.1,9.8,5.3,9,5.5
+	c-1.4,0.4-2.5,1.1-3.1,2s-1,2.2-1,4v8.9c0,1-0.4,1.9-1.3,2.4c-0.4,0.2-0.8,0.4-1.2,0.6C0.9,23.8,0,25,0,26.4v0.4
+	c0,1.4,0.9,2.6,2.3,3c0.4,0.1,0.8,0.3,1.2,0.6c0.9,0.6,1.3,1.4,1.3,2.4v8.8c0,1.8,0.3,3.2,0.9,4.1c0.6,0.9,1.7,1.6,3.1,2
+	c0.8,0.2,1.8,0.4,2.9,0.5c1.6,0.1,3.1-1.1,3.1-2.8C14.8,44.2,13.9,43.1,12.7,42.7z"/>
+<path class="st0" d="M43.2,34.6c0-2.6,2.1-4.7,4.7-4.7H49c1.3-0.5,2.2-1.6,2.2-3v-0.4c0-1.4-1-2.6-2.3-3.1c-0.5-0.1-0.8-0.3-1.2-0.6
+	c-0.8-0.6-1.3-1.4-1.3-2.4v-8.9c0-1.8-0.3-3.1-1-4c-0.6-0.9-1.7-1.5-3.1-2c-0.8-0.2-1.8-0.4-2.9-0.5c-1.6-0.1-3,1.1-3,2.8v0.1
+	c0,1.3,0.9,2.4,2.2,2.7c0.1,0,0.1,0,0.2,0c0.4,0.1,0.7,0.3,1,0.6s0.4,0.7,0.4,1.2v9.3c0,1.5,0.4,2.6,1.1,3.4
+	c0.7,0.8,1.9,1.3,3.6,1.5v0.2c-1.7,0.3-2.8,0.8-3.6,1.5c-0.7,0.8-1.1,1.8-1.1,3.2v6.7h3C43.2,38.2,43.2,34.6,43.2,34.6z"/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="39.25" y1="-9.0259" x2="39.25" y2="48.6068" gradientTransform="matrix(1 0 0 -1 0 66)">
+	<stop  offset="0" style="stop-color:#FFF23A"/>
+	<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+	<stop  offset="0.1171" style="stop-color:#FED41A"/>
+	<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+	<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+	<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+	<stop  offset="0.8876" style="stop-color:#ED693C"/>
+	<stop  offset="1" style="stop-color:#E83E39"/>
+</linearGradient>
+<path class="st1" d="M39.5,42.3c-0.2,0-0.4,0.1-0.5,0.3C39.1,42.5,39.3,42.5,39.5,42.3C39.4,42.4,39.4,42.3,39.5,42.3z"/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="51.4" y1="-10.208" x2="51.4" y2="43.3733" gradientTransform="matrix(1 0 0 -1 0 66)">
+	<stop  offset="0" style="stop-color:#FFF23A"/>
+	<stop  offset="4.010540e-02" style="stop-color:#FEE62D"/>
+	<stop  offset="0.1171" style="stop-color:#FED41A"/>
+	<stop  offset="0.1964" style="stop-color:#FDC90F"/>
+	<stop  offset="0.2809" style="stop-color:#FDC60B"/>
+	<stop  offset="0.6685" style="stop-color:#F28F3F"/>
+	<stop  offset="0.8876" style="stop-color:#ED693C"/>
+	<stop  offset="1" style="stop-color:#E83E39"/>
+</linearGradient>
+<path class="st2" d="M63.3,42.3h-4.2h-0.3h-3.2v-7.7c0-0.4-0.3-0.7-0.7-0.7h-7c-0.4,0-0.7,0.3-0.7,0.7v7.7h-0.8h-6.9c0,0,0,0-0.1,0
+	l-0.1,0.1c-0.1,0.1-0.2,0.1-0.4,0.2c-0.1,0.1-0.1,0.2-0.1,0.4v5.2V50c0,0.4,0.3,0.7,0.7,0.7h7.7v2.7v1.1v3.9c0,0.4,0.3,0.7,0.7,0.7
+	h7c0.4,0,0.7-0.3,0.7-0.7v-7.7h7.7c0.4,0,0.7-0.3,0.7-0.7v-7C64,42.6,63.7,42.3,63.3,42.3z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_alert_rules.svg b/public/img/icons_light_theme/icon_alert_rules.svg
new file mode 100644
index 00000000000..0c429a93e48
--- /dev/null
+++ b/public/img/icons_light_theme/icon_alert_rules.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<circle class="st0" cx="6" cy="12" r="6"/>
+<path class="st0" d="M59,17.6H20.2c-2.8,0-5-2.2-5-5l0,0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5l0,0C64,15.3,61.8,17.6,59,17.6z"/>
+<circle class="st0" cx="6" cy="30.5" r="6"/>
+<path class="st0" d="M59,36.1H20.2c-2.8,0-5-2.2-5-5l0,0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5l0,0C64,33.9,61.8,36.1,59,36.1z"/>
+<circle class="st0" cx="6" cy="49.1" r="6"/>
+<path class="st0" d="M59,54.7H20.2c-2.8,0-5-2.2-5-5l0,0c0-2.8,2.2-5,5-5H59c2.8,0,5,2.2,5,5l0,0C64,52.5,61.8,54.7,59,54.7z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_annotation.svg b/public/img/icons_light_theme/icon_annotation.svg
new file mode 100644
index 00000000000..ce8aa4e3372
--- /dev/null
+++ b/public/img/icons_light_theme/icon_annotation.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M49.3,0H27.5l0,0H14.7C8.8,0,4,4.8,4,10.8v25.6c0,5.9,4.8,10.8,10.8,10.8h16.1L48.6,64V47.1h0.6
+			c5.9,0,10.8-4.8,10.8-10.8l0,0V15.9v-5.2C60,4.8,55.2,0,49.3,0z M51.5,36.4L51.5,36.4c0,1.2-1,2.2-2.2,2.2h-9.2v5.5l-5.9-5.5H14.7
+			c-1.2,0-2.2-1-2.2-2.2V10.8c0-1.2,1-2.2,2.2-2.2h30.5l0,0h4c1.2,0,2.2,1,2.2,2.2v13.7L51.5,36.4L51.5,36.4z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_annotation_alt.svg b/public/img/icons_light_theme/icon_annotation_alt.svg
new file mode 100644
index 00000000000..5379a6185c4
--- /dev/null
+++ b/public/img/icons_light_theme/icon_annotation_alt.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M45.5,38.4c0,1.1-0.9,2-2,2H35v5.1l-5.4-5.1H11.4c-1.1,0-2-0.9-2-2V14.6c0-1.1,0.9-2,2-2h28.3l7.9-7.9H11.4
+			c-5.5,0-10,4.5-10,10v23.8c0,5.5,4.5,10,10,10h14.9L42.9,64V48.4h0.6c5.5,0,10-4.5,10-10v-19l-7.9,7.9L45.5,38.4L45.5,38.4z"/>
+	</g>
+	<g>
+		<rect x="31.5" y="13.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.695 36.9343)" class="st0" width="26.9" height="8.1"/>
+	</g>
+	<g>
+		<path class="st0" d="M58.5,9.8l1.1-1.1l0.3-0.3L61.4,7c1.6-1.6,1.6-4.2,0-5.8s-4.2-1.6-5.8,0l-1.5,1.5L53.8,3l-1.1,1.1L58.5,9.8z"
+			/>
+	</g>
+	<g>
+		<polygon class="st0" points="30.1,32.4 34.8,31.6 35.3,31.6 37.1,31.3 31.3,25.5 31,27.3 30.9,27.8 		"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_apikeys.svg b/public/img/icons_light_theme/icon_apikeys.svg
new file mode 100644
index 00000000000..c54aabe4e30
--- /dev/null
+++ b/public/img/icons_light_theme/icon_apikeys.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M59.5,50.8L28.4,19.6C32.2,15,32,8.2,27.6,3.9c-2.3-2.3-5.3-3.4-8.3-3.4s-6,1.1-8.3,3.4L5.7,9.3
+	c-4.6,4.6-4.6,12,0,16.6C8,28.1,11,29.2,14,29.2c2.6,0,5.3-0.9,7.5-2.7l20.9,20.9L35.8,54c-0.5,0.5-0.5,1.3,0,1.8l2.1,2.1
+	c0.3,0.3,0.6,0.4,0.9,0.4s0.7-0.1,0.9-0.4l1.7-1.7l2.1,2.1L41.8,60c-0.5,0.5-0.5,1.3,0,1.8l2.1,2.1c0.3,0.3,0.6,0.4,0.9,0.4
+	c0.3,0,0.7-0.1,0.9-0.4l6.6-6.6l0.2,0.2c0.4,0.4,0.9,0.6,1.5,0.6c0.5,0,1.1-0.2,1.5-0.6l4-4C60.3,52.9,60.3,51.6,59.5,50.8z M14,22
+	c-1.2,0-2.3-0.5-3.2-1.3C9,19,9,16.1,10.8,14.3L16.2,9c0.9-0.9,2-1.3,3.2-1.3s2.3,0.5,3.2,1.3c0.9,0.9,1.3,2,1.3,3.2
+	s-0.5,2.3-1.3,3.2l-5.4,5.4C16.3,21.6,15.2,22,14,22z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_cog.svg b/public/img/icons_light_theme/icon_cog.svg
new file mode 100644
index 00000000000..c8ccfaa38f3
--- /dev/null
+++ b/public/img/icons_light_theme/icon_cog.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<path class="st0" d="M64,36.1V28l-8.7-2.5c-0.5-1.8-1.3-3.6-2.2-5.2l4.4-7.9l-5.7-5.7l-7.9,4.4c-1.6-0.9-3.4-1.7-5.2-2.2L36.1,0H28
+		l-2.5,8.7c-1.8,0.5-3.6,1.3-5.2,2.2l-7.9-4.4l-5.7,5.7l4.4,7.9c-0.9,1.6-1.7,3.4-2.2,5.2L0,27.9V36l8.7,2.5
+		c0.5,1.8,1.3,3.6,2.2,5.2l-4.4,7.9l5.7,5.7l7.9-4.4c1.6,0.9,3.4,1.7,5.2,2.2l2.5,8.7h8.1l2.5-8.7c1.8-0.5,3.6-1.3,5.2-2.2l7.9,4.4
+		l5.7-5.7l-4.4-7.9c0.9-1.6,1.7-3.4,2.2-5.2L64,36.1z M32,37.8c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8s5.8,2.6,5.8,5.8
+		S35.2,37.8,32,37.8z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_dashboard_list.svg b/public/img/icons_light_theme/icon_dashboard_list.svg
new file mode 100644
index 00000000000..c6d8ddd6c5e
--- /dev/null
+++ b/public/img/icons_light_theme/icon_dashboard_list.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="18px" height="18px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#35373F;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M6.9,8.7H1.7C0.8,8.7,0,7.9,0,7V1.8c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7V7
+			C8.6,7.9,7.8,8.7,6.9,8.7z"/>
+	</g>
+	<g>
+		<path class="st0" d="M16.3,8.7h-5.2c-0.9,0-1.7-0.8-1.7-1.7V1.8c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7V7
+			C18,7.9,17.2,8.7,16.3,8.7z"/>
+	</g>
+	<g>
+		<path class="st0" d="M6.9,17.9H1.7c-0.9,0-1.7-0.8-1.7-1.7V11c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7v5.2
+			C8.6,17.1,7.8,17.9,6.9,17.9z"/>
+	</g>
+	<g>
+		<path class="st0" d="M16.3,17.9h-5.2c-0.9,0-1.7-0.8-1.7-1.7V11c0-0.9,0.8-1.7,1.7-1.7h5.2c0.9,0,1.7,0.8,1.7,1.7v5.2
+			C18,17.1,17.2,17.9,16.3,17.9z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_home.svg b/public/img/icons_light_theme/icon_home.svg
new file mode 100644
index 00000000000..a7f0fde536a
--- /dev/null
+++ b/public/img/icons_light_theme/icon_home.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M63.2,32l-7-7V11.8c0-2.9-2.4-5.3-5.3-5.3l0,0c-2.9,0-5.3,2.4-5.3,5.3v2.6L34,2.8c-1.1-1.1-2.8-1.1-3.9,0
+	L0.8,32c-1.7,1.7-0.5,4.7,2,4.7h5l0,0v7.6v14.8c0,1.5,1.2,2.8,2.8,2.8h13.2V44.4h16.5V62h13.2c1.5,0,2.8-1.2,2.8-2.8V36.8l0,0l0,0h5
+	C63.7,36.8,64.9,33.8,63.2,32z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_link.svg b/public/img/icons_light_theme/icon_link.svg
new file mode 100644
index 00000000000..7201eb6aa3a
--- /dev/null
+++ b/public/img/icons_light_theme/icon_link.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<ellipse class="st0" cx="30.2" cy="33.8" rx="0" ry="0"/>
+	<path class="st0" d="M59.6,4.4c-5.9-5.9-15.4-5.9-21.2,0L27.7,15c3.4-0.2,6.8,0.4,9.9,1.9l6.6-6.6c2.6-2.6,6.9-2.6,9.5,0
+		s2.6,6.9,0,9.5l-6.6,6.6l-3.8,3.8l-3.5,3.5c-1.1,1.1-2.6,1.8-4,1.9c-1.9,0.2-4-0.4-5.4-1.9l0,0l0,0c-0.7-0.7-1.8-0.7-2.4,0
+		l-4.6,4.6c0.4,0.4,0.7,0.9,1.1,1.3c0.4,0.4,0.8,0.8,1.3,1.1c1.4,1.1,3,1.9,4.6,2.5c3.9,1.3,8.3,1,11.9-1.1c1.2-0.7,2.4-1.5,3.4-2.5
+		l3.4-3.4l10.6-10.6C65.5,19.8,65.5,10.3,59.6,4.4z"/>
+	<ellipse class="st0" cx="33.8" cy="30.2" rx="0" ry="0"/>
+	<path class="st0" d="M26.4,47.1l-6.6,6.6c-2.6,2.6-6.9,2.6-9.5,0s-2.6-6.9,0-9.5l6.6-6.6l3.8-3.8l3.5-3.5c1.1-1.1,2.6-1.8,4-1.9
+		c1.9-0.2,4,0.4,5.4,1.9l0,0l0,0c0.7,0.7,1.8,0.7,2.4,0l4.6-4.6c-0.4-0.4-0.7-0.9-1.1-1.3c-0.4-0.4-0.8-0.8-1.3-1.1
+		c-1.4-1.1-3-1.9-4.6-2.5c-3.9-1.3-8.3-1-11.9,1.1c-1.2,0.7-2.4,1.5-3.4,2.5L15,27.7L4.4,38.4c-5.9,5.9-5.9,15.4,0,21.2
+		s15.4,5.9,21.2,0L36.3,49C32.9,49.2,29.5,48.6,26.4,47.1z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_playlist.svg b/public/img/icons_light_theme/icon_playlist.svg
new file mode 100644
index 00000000000..772ad4f7a6f
--- /dev/null
+++ b/public/img/icons_light_theme/icon_playlist.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<path class="st0" d="M60.8,4.4H18.9c-1.8,0-3.2,1.4-3.2,3.2v6.6h36.9c3.6,0,6.6,2.9,6.6,6.6V35h1.6c1.8,0,3.2-1.4,3.2-3.2V7.5
+		C64,5.8,62.5,4.4,60.8,4.4z"/>
+	<path class="st0" d="M55.8,20.7c0-1.8-1.4-3.2-3.2-3.2H10.8c-1.8,0-3.2,1.4-3.2,3.2v5.9h37.6c3.6,0,6.6,2.9,6.6,6.6v14.9h0.9
+		c1.8,0,3.2-1.4,3.2-3.2L55.8,20.7L55.8,20.7z"/>
+	<path class="st0" d="M48.3,33.2c0-1.8-1.4-3.2-3.2-3.2H3.3c-1.8,0-3.2,1.4-3.2,3.2v24.2c0,1.8,1.4,3.2,3.2,3.2h41.9
+		c1.8,0,3.2-1.4,3.2-3.2V33.2H48.3z M18.7,55V35.6c0-0.7,0.8-1.2,1.4-0.7l13.3,9.7c0.5,0.4,0.5,1.1,0,1.4l-13.3,9.7
+		C19.5,56.2,18.7,55.8,18.7,55z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_plugins.svg b/public/img/icons_light_theme/icon_plugins.svg
new file mode 100644
index 00000000000..7f5dd78e1da
--- /dev/null
+++ b/public/img/icons_light_theme/icon_plugins.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M59.4,23.7c-1.7-1.7-4.4-1.7-6,0L41.6,35.6l-12.9-13l11.8-11.9c1.7-1.7,1.7-4.4,0-6.1s-4.4-1.7-6,0L22.7,16.5
+	L12.6,6.2C1.3,17.6,0.4,35.5,9.8,48l-3.6,3.6c-1.7,1.7-1.7,4.4,0,6.1c1.7,1.7,4.4,1.7,6,0l3.6-3.6c12.4,9.5,30.1,8.6,41.4-2.8
+	l-9.5-9.6l11.8-11.9C61,28.1,61,25.4,59.4,23.7z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_preferences.svg b/public/img/icons_light_theme/icon_preferences.svg
new file mode 100644
index 00000000000..ea2f7d70def
--- /dev/null
+++ b/public/img/icons_light_theme/icon_preferences.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M23,48H3.2C1.4,48,0,49.3,0,51s1.4,3,3.2,3H23c-0.5-0.9-0.8-1.9-0.8-3S22.4,48.9,23,48z"/>
+<path class="st0" d="M34.7,54h26.1c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3H34.7c0.5,0.9,0.8,1.9,0.8,3S35.2,53.1,34.7,54z"/>
+<circle class="st0" cx="28.8" cy="51" r="8"/>
+<path class="st0" d="M53.3,35h7.5c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3h-7.5c0.5,0.9,0.8,1.9,0.8,3C54.2,33.1,53.9,34.1,53.3,35z"/>
+<path class="st0" d="M41.6,29H3.2C1.4,29,0,30.3,0,32s1.4,3,3.2,3h38.4c-0.5-0.9-0.8-1.9-0.8-3C40.8,30.9,41.1,29.9,41.6,29z"/>
+<circle class="st0" cx="47.5" cy="32" r="8"/>
+<path class="st0" d="M26.8,16h34c1.8,0,3.2-1.3,3.2-3s-1.4-3-3.2-3h-34c0.5,0.9,0.8,1.9,0.8,3S27.4,15.1,26.8,16z"/>
+<path class="st0" d="M15.1,10H3.2C1.4,10,0,11.4,0,13s1.4,3,3.2,3h11.9c-0.5-0.9-0.8-1.9-0.8-3S14.6,10.9,15.1,10z"/>
+<circle class="st0" cx="21" cy="13" r="8"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_question.svg b/public/img/icons_light_theme/icon_question.svg
new file mode 100644
index 00000000000..90e284508ff
--- /dev/null
+++ b/public/img/icons_light_theme/icon_question.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M32.1,49.1c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5c1.9,0,3.5,1.6,3.5,3.5S34.1,49.1,32.1,49.1z M34.4,36.2v3.4
+	h-4.5v-7.9h2.4l0,0c3,0,5.4-2.4,5.4-5.3s-2.4-5.3-5.4-5.3c-2.1,0-3.9,1.1-4.9,2.9l-4.3-2c1.7-3.4,5.2-5.6,9.1-5.6
+	c5.6,0,10.2,4.5,10.2,10C42.4,31.2,39,35.2,34.4,36.2z"/>
+<path class="st0" d="M32.2,16.4c-3.9,0-7.4,2.1-9.1,5.6l4.3,2.1c0.9-1.8,2.8-2.9,4.9-2.9c3,0,5.4,2.4,5.4,5.3s-2.4,5.3-5.4,5.3l0,0
+	h-2.4v7.9h4.5v-3.4c4.6-1,8-5,8-9.8C42.4,20.9,37.9,16.4,32.2,16.4z"/>
+<circle class="st0" cx="32.1" cy="45.6" r="3.5"/>
+<path class="st0" d="M32,0C14.4,0,0,14.4,0,32s14.4,32,32,32s32-14.4,32-32S49.6,0,32,0z M32,58.9c-14.8,0-26.9-12-26.9-26.9
+	S17.2,5.1,32,5.1s26.9,12,26.9,26.9S46.8,58.9,32,58.9z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_shield.svg b/public/img/icons_light_theme/icon_shield.svg
new file mode 100644
index 00000000000..675cad7c2ad
--- /dev/null
+++ b/public/img/icons_light_theme/icon_shield.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<path class="st0" d="M14.9,46.8c-0.7-1-1.3-2-2-3C13.6,44.9,14.2,45.9,14.9,46.8z"/>
+	<path class="st0" d="M16.2,48.7c-0.4-0.6-0.9-1.2-1.3-1.9C15.4,47.5,15.8,48.1,16.2,48.7z"/>
+	<path class="st0" d="M10.5,39.4c-0.4-0.8-0.8-1.6-1.2-2.4C9.7,37.9,10.1,38.7,10.5,39.4z"/>
+	<path class="st0" d="M19.6,52.9c-0.4-0.5-0.9-1-1.3-1.6C18.7,51.9,19.2,52.4,19.6,52.9z"/>
+	<path class="st0" d="M41.1,56.4c-0.6,0.6-1.3,1.2-1.8,1.8C39.9,57.6,40.5,57,41.1,56.4z"/>
+	<path class="st0" d="M51.1,43.8c-0.6,1-1.3,2-2,3C49.8,45.9,50.4,44.9,51.1,43.8z"/>
+	<path class="st0" d="M24.7,58.2c-0.6-0.6-1.2-1.2-1.8-1.8C23.5,57,24.1,57.6,24.7,58.2z"/>
+	<path class="st0" d="M27,60.2c-0.4-0.3-0.7-0.6-1.1-0.9C26.3,59.6,26.6,59.9,27,60.2z"/>
+	<path class="st0" d="M38.1,59.3c-0.4,0.3-0.7,0.7-1.1,0.9C37.4,59.9,37.7,59.6,38.1,59.3z"/>
+	<path class="st0" d="M3.2,9.1L3.2,9.1c0,0,2.1-1,5.7-2.4C5.3,8.1,3.2,9.1,3.2,9.1z"/>
+	<path class="st0" d="M49.1,46.8c-0.4,0.6-0.9,1.3-1.3,1.9C48.2,48.1,48.6,47.5,49.1,46.8z"/>
+	<path class="st0" d="M32,48.7c1.7-1.7,3.7-3.8,5.6-6.3c5.9-7.7,9.5-16.2,10.8-25.5c-4.3-1.5-10-3.4-16.4-4.8
+		C32,26.6,32,38.2,32,48.7z"/>
+	<path class="st0" d="M54.7,37.1c-0.4,0.8-0.8,1.6-1.2,2.4C53.9,38.7,54.3,37.9,54.7,37.1z"/>
+	<path class="st0" d="M45.7,51.3c-0.4,0.6-0.9,1.1-1.3,1.6C44.8,52.4,45.3,51.9,45.7,51.3z"/>
+	<path class="st0" d="M60.8,9.1c0,0-2.1-1-5.7-2.4C58.7,8.1,60.8,9.1,60.8,9.1L60.8,9.1z"/>
+	<path class="st0" d="M37.8,1.3C35.9,0.8,34,0.4,32,0c-2,0.4-3.9,0.8-5.8,1.3C28.1,0.8,30,0.4,32,0C34,0.4,35.9,0.8,37.8,1.3z"/>
+	<path class="st0" d="M55.1,6.7C50.9,5.1,44.8,3,37.8,1.3C35.9,0.8,34,0.4,32,0c-2,0.4-3.9,0.8-5.8,1.3C19.2,3,13.1,5.1,8.9,6.7
+		C5.3,8.1,3.2,9.1,3.2,9.1l0,0c0,2.9,0.2,5.7,0.5,8.4c0.1,0.5,0.1,1.1,0.2,1.6c0.5,3.7,1.4,7.1,2.4,10.3c0.9,2.8,1.9,5.3,3,7.8
+		c0.4,0.8,0.8,1.6,1.2,2.4c0.8,1.5,1.6,3,2.5,4.4c0.6,1,1.3,2,2,3c0.4,0.6,0.9,1.3,1.3,1.9c0.7,0.9,1.3,1.8,2,2.6
+		c0.4,0.6,0.9,1.1,1.3,1.6c1.1,1.3,2.2,2.5,3.3,3.5c0.6,0.6,1.3,1.2,1.8,1.8c0.4,0.4,0.8,0.7,1.2,1.1c0.4,0.3,0.7,0.7,1.1,0.9
+		c3,2.5,5,3.8,5,3.8s2-1.3,5-3.8c0.4-0.3,0.7-0.6,1.1-0.9c0.4-0.3,0.8-0.7,1.2-1.1c0.6-0.6,1.2-1.2,1.8-1.8c1.1-1.1,2.2-2.2,3.3-3.5
+		c0.4-0.5,0.9-1,1.3-1.6c0.7-0.8,1.4-1.7,2-2.6c0.4-0.6,0.9-1.2,1.3-1.9c0.7-1,1.3-2,2-3c0.9-1.4,1.7-2.9,2.5-4.4
+		c0.4-0.8,0.8-1.6,1.2-2.4c1.1-2.4,2.2-5,3-7.8c1-3.2,1.8-6.7,2.4-10.3c0.1-0.5,0.1-1.1,0.2-1.6c0.3-2.7,0.5-5.5,0.5-8.4l0,0
+		C60.8,9.1,58.7,8.1,55.1,6.7z M41.3,45.7c-3.4,4.3-6.8,7.5-9.3,9.6c-2.5-2.1-5.9-5.3-9.3-9.6c-7.4-9.5-11.6-20.3-12.4-32.1
+		C15,11.8,23,9,32,7.1c9,1.8,17,4.7,21.7,6.5C52.8,25.4,48.6,36.2,41.3,45.7z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_sitemap.svg b/public/img/icons_light_theme/icon_sitemap.svg
new file mode 100644
index 00000000000..c19c62cb4b0
--- /dev/null
+++ b/public/img/icons_light_theme/icon_sitemap.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<path class="st0" d="M57.3,41.8V35c0-3.5-2.8-6.3-6.3-6.3H34.7v-6.5c3.9-1.2,6.7-4.8,6.7-9l0,0c0-5.2-4.2-9.4-9.4-9.4
+	s-9.4,4.2-9.4,9.4l0,0c0,4.3,2.8,7.9,6.7,9v6.5H13.1c-3.5,0-6.3,2.8-6.3,6.3v6.8C2.8,43,0,46.6,0,50.9l0,0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4l0,0c0-4.3-2.8-7.9-6.7-9v-5.7c0-1.1,0.9-2,2-2h15.2v7.7c-3.9,1.2-6.7,4.8-6.7,9l0,0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4l0,0c0-4.3-2.8-7.9-6.7-9v-7.7h15.2c1.1,0,2,0.9,2,2v5.7c-3.9,1.2-6.7,4.8-6.7,9l0,0c0,5.2,4.2,9.4,9.4,9.4
+	s9.4-4.2,9.4-9.4l0,0C64,46.6,61.2,43,57.3,41.8z"/>
+</svg>
diff --git a/public/img/icons_light_theme/icon_snapshots.svg b/public/img/icons_light_theme/icon_snapshots.svg
new file mode 100644
index 00000000000..7c29338a52f
--- /dev/null
+++ b/public/img/icons_light_theme/icon_snapshots.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<path class="st0" d="M62,16.6L56.2,14l0.8-3l-8.6-2.4v-5H43l-0.2-1.4l-9,1.4h-1.1L24.2,0l-0.8,1.8l-6.2-1.7l-1,3.6h-9v4.1L2,8.6
+		l4.6,29.9l-1,3.6l-2.3,5.2l0.8,0.3L3.5,50l3.7,1v4.4h35.7l-19,0.2l16.9,4.7l-18-4.7L9.3,55.8l0.6,4l15.9-2.5L41.1,64l1.4-3.2
+		l0.7,0.2l1.4-5l0.2-0.5h3.6v-1.7l2.3-0.3l-1.3-8.4L62,16.6z M7.2,23L5.4,11l1.8-0.3V23z M45.5,43H10.1V6.6h35.4V43z M58.1,18.1
+		l-8.2,18.7l5.5-19.9L58.1,18.1z M48.4,19.2l0.1-0.3c0.2-0.6,0.1-1.2-0.1-1.7v-5.5l5,1.4l-5,18.1V19.2z"/>
+	<path class="st0" d="M16.1,23.6h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4c0-0.9-0.7-1.7-1.7-1.7h-8.4c-0.9,0-1.7,0.7-1.7,1.7v8.4
+		C14.4,22.8,15.1,23.6,16.1,23.6z"/>
+	<path class="st0" d="M31.2,38.4h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4c-0.1-0.9-0.8-1.7-1.7-1.7h-8.4c-0.9,0-1.7,0.7-1.7,1.7v8.4
+		C29.5,37.6,30.2,38.4,31.2,38.4z"/>
+	<path class="st0" d="M31.2,23.6h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4c0-0.9-0.7-1.7-1.7-1.7h-8.4c-0.9,0-1.7,0.7-1.7,1.7v8.4
+		C29.5,22.8,30.2,23.6,31.2,23.6z"/>
+	<path class="st0" d="M16.1,38.4h8.4c0.9,0,1.7-0.7,1.7-1.7v-8.4c0-0.9-0.7-1.7-1.7-1.7h-8.4c-0.9,0-1.7,0.7-1.7,1.7v8.4
+		C14.4,37.6,15.1,38.4,16.1,38.4z"/>
+</g>
+</svg>
diff --git a/public/img/icons_light_theme/icon_team.svg b/public/img/icons_light_theme/icon_team.svg
index 2ec7caf796e..21efa62218e 100644
--- a/public/img/icons_light_theme/icon_team.svg
+++ b/public/img/icons_light_theme/icon_team.svg
@@ -6,20 +6,15 @@
 	.st0{fill:#555555;}
 </style>
 <g>
-	<path class="st0" d="M11.8,48.1v-6c0-1.5,0.6-3.3,6.4-6.4c0.1-0.2,0.2-0.5,0.3-0.7c0.4-0.6,0.6-1.3,0.6-2.1c0-0.6-0.1-1.1-0.4-1.6
-		c-0.1-0.1-0.1-0.2-0.2-0.3c0.3-0.8,0.7-2.1,0.3-3.5c-0.6-2.4-3.8-3.5-6.4-3.5c-2.4,0-4.3,0.9-5,2.3c-0.7,0.3-1,0.8-1.2,1.2
-		c-0.6,1.2-0.2,2.6,0.2,3.5c-0.1,0.1-0.2,0.2-0.2,0.3c-0.3,0.4-0.4,1-0.4,1.6c0,0.8,0.2,1.5,0.6,2.1c0.2,0.3,0.4,0.6,0.4,1
-		C7,37.5,7.5,38.4,8,38.9c0.1,0.6,0.3,1.6-0.4,2c-0.1,0-0.1,0.1-0.1,0.1C0,44.1,0,45.4,0,45.9V50c0,2.2,1.8,3.9,3.9,3.9h8.4h2.2
-		C12.8,52.5,11.8,50.5,11.8,48.1z"/>
-	<path class="st0" d="M56.6,40.9c0,0-0.1-0.1-0.2-0.1c-0.7-0.4-0.5-1.4-0.4-2c0.5-0.5,1-1.4,1.2-2.7c0.1-0.4,0.2-0.7,0.4-1
-		c0.4-0.6,0.6-1.3,0.6-2.1c0-0.6-0.1-1.1-0.4-1.6c-0.1-0.1-0.1-0.2-0.2-0.3c0.3-0.8,0.7-2.1,0.3-3.5c-0.6-2.4-3.8-3.5-6.4-3.5
-		c-2.4,0-4.3,0.9-5,2.3c-0.7,0.3-1,0.8-1.2,1.2c-0.6,1.2-0.2,2.6,0.2,3.5c-0.1,0.1-0.2,0.2-0.2,0.3c-0.3,0.4-0.4,1-0.4,1.6
-		c0,0.8,0.2,1.5,0.6,2.1c0.2,0.2,0.3,0.5,0.4,0.8c5.6,3,6.2,4.8,6.2,6.3v6c0,2.3-1.1,4.4-2.7,5.8h2.1h6.1h2.6c2.2,0,3.9-1.8,3.9-3.9
-		v-4.1C64,45.4,64,44.1,56.6,40.9z"/>
-	<path class="st0" d="M50.3,48.1v-6c0-0.8,0-2.8-11-7.4c-0.1,0-0.1-0.1-0.2-0.2c-1-0.6-0.8-2.1-0.6-2.9c0.7-0.8,1.4-2,1.7-4
-		c0.1-0.5,0.3-1.1,0.6-1.5c0.6-0.8,1-2,1-3.1c0-0.9-0.2-1.7-0.6-2.3c-0.1-0.1-0.2-0.3-0.3-0.4c0.5-1.2,1-3.1,0.5-5.2
-		c-0.9-3.5-5.5-5.1-9.5-5.1c-3.6,0-6.3,1.3-7.4,3.3c-1,0.5-1.5,1.2-1.8,1.7c-0.9,1.7-0.3,3.8,0.3,5.2c-0.1,0.1-0.2,0.3-0.4,0.5
-		c-0.4,0.6-0.6,1.4-0.6,2.3c0,1.1,0.3,2.3,0.9,3.1c0.3,0.4,0.5,1,0.6,1.5c0.3,2,1,3.3,1.8,4.1c0.2,0.9,0.4,2.3-0.6,2.9
-		c-0.1,0.1-0.2,0.1-0.2,0.1c-11,4.6-11,6.6-11,7.4v6c0,3.2,2.6,5.8,5.8,5.8h12.4h8.9h3.8C47.7,53.9,50.3,51.3,50.3,48.1z"/>
+	<path class="st0" d="M54.1,40.6c0,0-0.1-0.1-0.2-0.1c-0.9-0.5-0.7-1.9-0.5-2.6c0.6-0.7,1.3-1.8,1.5-3.6c0.1-0.5,0.3-1,0.6-1.3
+		c0.6-0.8,0.9-1.8,0.9-2.8c0-0.8-0.2-1.5-0.5-2.1c-0.1-0.1-0.2-0.2-0.3-0.4c0.4-1.1,0.9-2.8,0.5-4.7c-0.8-3.2-5-4.6-8.6-4.6
+		c-7.6,0-8.3,3.8-8.5,4.5c-0.4,1.7-0.1,3.4,0.4,4.7c-0.1,0.1-0.2,0.3-0.3,0.4c-0.4,0.6-0.6,1.3-0.6,2.1c0,1,0.3,2,0.9,2.8
+		c0.3,0.4,0.5,0.9,0.6,1.3c0.3,1.8,0.9,3,1.6,3.7c0.1,0.2,0.1,0.5,0.1,0.7c3.5,2.4,3.9,4,3.9,5.4v7c0,2.7-1.3,5.2-3.2,6.8h4.9h8.1
+		h3.5c2.9,0,5.2-2.3,5.2-5.2v-5.4C64,46.6,64,44.8,54.1,40.6z"/>
+	<path class="st0" d="M43.5,44c0-0.9,0-3.3-13-8.7c-0.1,0-0.1-0.1-0.3-0.2c-1.2-0.6-0.9-2.5-0.7-3.5c0.8-0.9,1.7-2.4,2-4.7
+		c0.1-0.6,0.3-1.2,0.7-1.8c0.7-1,1.1-2.4,1.1-3.7c0-1-0.2-2-0.7-2.7c-0.1-0.2-0.2-0.3-0.3-0.5c0.6-1.5,1.2-3.7,0.6-6.1
+		C31.9,7.9,26.4,6,21.7,6c-4.3,0-7.5,1.5-8.8,3.9c-1.1,0.6-1.8,1.4-2.1,2c-1,2-0.3,4.4,0.3,6.1c-0.2,0.2-0.3,0.3-0.4,0.5
+		c-0.5,0.7-0.7,1.7-0.7,2.8c0,1.3,0.4,2.7,1.1,3.6c0.4,0.5,0.6,1.1,0.7,1.8c0.4,2.4,1.2,3.9,2.1,4.8c0.2,1,0.5,2.8-0.7,3.4
+		C13.1,35,13,35,12.9,35.1C0,40.7,0,43.1,0,44v7c0,3.8,3.1,6.8,6.8,6.8h14.7h10.6H36h0.6c3.8,0,6.8-3.1,6.8-6.8v-7H43.5z"/>
 </g>
 </svg>
diff --git a/public/img/icons_light_theme/icon_user.svg b/public/img/icons_light_theme/icon_user.svg
index 2a68115129d..205a345755a 100644
--- a/public/img/icons_light_theme/icon_user.svg
+++ b/public/img/icons_light_theme/icon_user.svg
@@ -6,10 +6,10 @@
 	.st0{fill:#555555;}
 </style>
 <g>
-	<path class="st0" d="M42.8,36c-0.1-0.1-0.2-0.1-0.4-0.2c-1.4-0.8-1.1-3-0.8-4.3c1-1.1,2.1-2.9,2.5-5.9c0.1-0.8,0.4-1.5,0.9-2.2
-		c0.9-1.2,1.4-2.9,1.4-4.6c0-1.3-0.3-2.4-0.9-3.3c-0.1-0.2-0.3-0.4-0.4-0.6c0.7-1.8,1.5-4.6,0.8-7.5C44.6,2.3,37.8,0,32,0
-		c-5.3,0-9.2,1.8-10.8,4.9c-1.4,0.7-2.2,1.7-2.6,2.5c-1.3,2.5-0.4,5.5,0.4,7.6c-0.2,0.2-0.4,0.4-0.5,0.7c-0.6,0.9-0.9,2.1-0.9,3.4
-		c0,1.6,0.5,3.3,1.4,4.5c0.5,0.6,0.8,1.4,0.9,2.2c0.4,3,1.5,4.8,2.6,5.9c0.3,1.3,0.6,3.4-0.8,4.2c-0.1,0.1-0.2,0.1-0.3,0.2
-		C5.2,42.8,5.1,45.7,5.1,46.8v8.7c0,4.7,3.8,8.5,8.5,8.5h18.1h13h5.6c4.7,0,8.5-3.8,8.5-8.5v-8.7C58.9,45.7,58.8,42.8,42.8,36z"/>
+	<path class="st0" d="M41.5,35.5c-0.1-0.1-0.2-0.1-0.4-0.2c-1.2-0.7-1-2.6-0.7-3.8c0.9-1,1.8-2.5,2.2-5.2c0.1-0.7,0.4-1.3,0.8-1.9
+		c0.8-1.1,1.2-2.5,1.2-4c0-1.1-0.3-2.1-0.8-2.9c-0.1-0.2-0.3-0.4-0.4-0.5c0.6-1.6,1.3-4,0.7-6.6C43.1,6,37.1,4,32,4
+		c-4.6,0-8.1,1.6-9.5,4.3c-1.2,0.6-1.9,1.5-2.3,2.2c-1.1,2.2-0.4,4.8,0.3,6.6c-0.2,0.2-0.3,0.4-0.4,0.6c-0.5,0.8-0.8,1.8-0.8,3
+		c0,1.4,0.4,2.9,1.2,3.9c0.4,0.5,0.7,1.2,0.8,1.9c0.3,2.6,1.3,4.2,2.3,5.2c0.3,1.1,0.5,3-0.7,3.7c-0.1,0.1-0.2,0.1-0.3,0.2
+		C8.6,41.5,8.5,44,8.5,45v7.6c0,4.1,3.3,7.4,7.4,7.4h15.8h11.4H48c4.1,0,7.4-3.3,7.4-7.4V45C55.6,44,55.5,41.5,41.5,35.5z"/>
 </g>
 </svg>
diff --git a/public/img/icons_light_theme/icon_variable.svg b/public/img/icons_light_theme/icon_variable.svg
new file mode 100644
index 00000000000..8624f74bc63
--- /dev/null
+++ b/public/img/icons_light_theme/icon_variable.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#555555;}
+</style>
+<g>
+	<path class="st0" d="M33.5,27.3c2.2-3.7,4-6.1,5.4-7.1c1.4-1.1,2.7-1.6,4.1-1.6c1.2,0,2.2,0.4,2.9,1.1c0.8,0.7,1.1,1.6,1.1,2.7
+		s-0.3,2-1,2.7s-1.5,1-2.5,1c-1.4,0-2.4-0.7-3-2.2c-0.2-0.6-0.5-0.8-0.8-0.8s-0.6,0.2-1,0.5c-0.3,0.4-1.8,2.5-4.3,6.5l2.9,8.8
+		c0.3,0.8,0.6,1.4,0.9,1.8s0.7,0.6,1.1,0.6c1.3,0,2.9-1.6,4.7-4.8l1.8,1c-1.5,2.7-3.1,4.7-4.8,6s-3.4,1.9-5,1.9
+		c-1.5,0-2.7-0.5-3.6-1.6c-0.5-0.6-1.4-2.8-2.7-6.4c-2,3.2-3.6,5.3-4.8,6.4c-1.3,1.1-2.7,1.6-4.3,1.6c-1.4,0-2.5-0.4-3.3-1.2
+		S16,42.5,16,41.3c0-1.1,0.3-1.9,1-2.6c0.7-0.7,1.5-1,2.5-1c0.8,0,1.4,0.2,1.9,0.5c0.5,0.4,0.9,1,1.3,2c0.3,0.7,0.6,1.1,0.9,1.1
+		c0.5,0,1.2-0.6,2-1.7c0.9-1.1,2-2.8,3.2-5.1l-3.1-9.1c-0.6-1.6-1.1-2.5-1.7-2.5c-1,0-2.2,1.5-3.4,4.5l-1.6-1c1-2.7,2.2-4.7,3.7-6
+		c1.4-1.2,2.9-1.9,4.4-1.9c1.1,0,2,0.3,2.7,0.8s1.4,1.4,1.9,2.6C31.9,22.4,32.5,24.2,33.5,27.3z"/>
+</g>
+<g>
+	<path class="st0" d="M0,31.8C0,30,1.2,28.5,2.9,28c0.6-0.2,1.1-0.4,1.5-0.7c1.1-0.7,1.6-1.7,1.6-3V13.1c0-2.2,0.4-3.9,1.2-5
+		c0.8-1.2,2-2,3.8-2.5c1-0.3,2.2-0.5,3.7-0.6c2-0.2,3.7,1.4,3.7,3.4v0.1c0,1.6-1.1,3-2.7,3.4c-0.1,0-0.1,0-0.2,0.1
+		c-0.5,0.2-0.9,0.4-1.2,0.8c-0.3,0.4-0.5,0.8-0.5,1.5v11.6c0,1.8-0.5,3.2-1.4,4.2S10,31.7,7.9,32v0.3c2.1,0.3,3.6,1,4.5,1.9
+		c0.9,1,1.4,2.3,1.4,4.1V50c0,0.6,0.2,1.1,0.5,1.5s0.8,0.6,1.4,0.8h0.1c1.5,0.4,2.6,1.8,2.6,3.4l0,0c0,2.1-1.8,3.7-3.8,3.5
+		c-1.4-0.1-2.6-0.3-3.6-0.6c-1.8-0.5-3.1-1.3-3.8-2.5c-0.8-1.3-1.2-3-1.2-5.3v-11c0-1.3-0.5-2.3-1.6-3c-0.4-0.3-0.9-0.5-1.5-0.7
+		C1.2,35.5,0,34,0,32.3V31.8z"/>
+</g>
+<g>
+	<path class="st0" d="M64,32.3c0,1.8-1.2,3.3-2.9,3.8c-0.5,0.2-1,0.4-1.5,0.7c-1.1,0.7-1.6,1.7-1.6,3v11c0,2.3-0.4,4-1.2,5.1
+		s-2.1,2-3.9,2.5c-1,0.3-2.2,0.5-3.6,0.6c-2.1,0.2-3.8-1.4-3.8-3.5l0,0c0-1.6,1.1-3,2.7-3.4c0.4-0.1,0.7-0.2,1-0.4
+		c0.7-0.4,1-1,1-1.9V38.1c0-1.7,0.5-3.1,1.4-4.1s2.4-1.6,4.5-1.9v-0.3c-2.1-0.3-3.5-0.9-4.5-1.9c-0.9-1-1.4-2.4-1.4-4.2V14.2
+		c0-0.6-0.2-1.1-0.5-1.5c-0.3-0.3-0.7-0.6-1.2-0.8c-0.1,0-0.1,0-0.2-0.1c-1.6-0.4-2.7-1.8-2.7-3.4l0,0c0-2,1.7-3.6,3.8-3.4
+		C50.8,5.1,52,5.3,53,5.6c1.8,0.5,3.1,1.3,3.9,2.4c0.8,1.1,1.2,2.8,1.2,5v11.2c0,1.3,0.5,2.3,1.6,3c0.4,0.3,0.9,0.5,1.5,0.7
+		c1.7,0.5,2.9,2,2.9,3.8L64,32.3L64,32.3z"/>
+</g>
+</svg>
diff --git a/public/sass/base/_icons.scss b/public/sass/base/_icons.scss
index 7ef691bca16..e4007d4d7cc 100644
--- a/public/sass/base/_icons.scss
+++ b/public/sass/base/_icons.scss
@@ -11,6 +11,38 @@
   vertical-align: middle;
 }
 
+.gicon-add-annotation {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation.svg');
+}
+
+.gicon-add-annotation-alt {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_annotation_alt.svg');
+}
+
+.gicon-add-datasources {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_data_sources.svg');
+}
+
+.gicon-add-user {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_user.svg');
+}
+
+.gicon-add-team {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_team.svg');
+}
+
+.gicon-add-panel {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_panel.svg');
+}
+
+.gicon-add-link {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_link.svg');
+}
+
+.gicon-add-variable {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_variable.svg');
+}
+
 .gicon-alert {
   background-image: url('../img/icons_#{$theme-name}_theme/icon_alert.svg');
 }
@@ -19,8 +51,32 @@
   background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_alt.svg');
 }
 
-.gicon-datasources {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_data_sources.svg');
+.gicon-alert-rules {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_alert_rules.svg');
+}
+
+.gicon-alert-notification-channel {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_notification_channels.svg');
+}
+
+.gicon-annotation {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation.svg');
+}
+
+.gicon-annotation-alt {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_annotation_alt.svg');
+}
+
+.gicon-apikeys {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_apikeys.svg');
+}
+
+.gicon-branding {
+  background-image: url('../img/grafana_icon.svg');
+}
+
+.gicon-cog {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_cog.svg');
 }
 
 .gicon-dashboard {
@@ -31,41 +87,82 @@
   background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_fav.svg');
 }
 
-.gicon-dashboard-new {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg');
+.gicon-dashboard-list {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_dashboard_list.svg');
 }
 
-.gicon-folder-new {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_folder.svg');
+.gicon-dashboard-new {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_new_dashboard.svg');
 }
 
 .gicon-dashboard-import {
   background-image: url('../img/icons_#{$theme-name}_theme/icon_import_dashboard.svg');
 }
 
-.gicon-add-panel {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_panel.svg');
+.gicon-datasources {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_data_sources.svg');
 }
 
-.gicon-alert-notification-channel {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_notification_channels.svg');
+.gicon-folder-new {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_add_folder.svg');
 }
 
-.gicon-team {
-  background-image: url('../img/icons_#{$theme-name}_theme/icon_team.svg');
+.gicon-home {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_home.svg');
+}
+
+.gicon-link {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_link.svg');
+}
+
+.gicon-manage {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_sitemap.svg');
 }
 
 .gicon-org {
   background-image: url('../img/icons_#{$theme-name}_theme/icon_org.svg');
 }
 
+.gicon-playlists {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_playlist.svg');
+}
+
+.gicon-plugins {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_plugins.svg');
+}
+
+.gicon-preferences {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_preferences.svg');
+}
+
+.gicon-question {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_question.svg');
+}
+
+.gicon-shield {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_shield.svg');
+}
+
+.gicon-snapshots {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_snapshots.svg');
+}
+
+.gicon-team {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_team.svg');
+}
+
+.gicon-user {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_user.svg');
+}
+
+.gicon-variable {
+  background-image: url('../img/icons_#{$theme-name}_theme/icon_variable.svg');
+}
+
 .gicon-zoom-out {
   background-image: url('../img/icons_#{$theme-name}_theme/icon_zoom_out.svg');
 }
 
-.gicon-branding {
-  background-image: url('../img/grafana_icon.svg');
-}
 
 .sidemenu {
   .gicon-dashboard {