Redesign setting screens

We're using iconography to stylize each setting screen.

Imeplemented new color palletes and shades.

gui/app/constants/constants.js

@@ -196,6 +196,7 @@ let constants = EmberObject.extend({
 
 	Icon: { // eslint-disable-line ember/avoid-leaking-state-in-ember-objects
 		All: 'dicon-menu-8',
+		Announce: 'dicon-notification',
 		ArrowUp: 'dicon-arrow-up',
 		ArrowDown: 'dicon-arrow-down',
 		ArrowLeft: 'dicon-arrow-left',
@@ -203,12 +204,21 @@ let constants = EmberObject.extend({
 		Attachment: 'dicon-attachment',
 		BarChart: 'dicon-chart-bar-2',
 		Bookmark: 'dicon-bookmark',
+		ButtonAction: 'button-2',
+		Database: 'dicon-database',
+		Download: 'dicon-download',
 		Delete: 'dicon-bin',
 		Edit: 'dicon-pen-2',
+		Email: 'dicon-email',
+		Export: 'dicon-data-upload',
+		Export2: 'dicon-upload',
 		Filter: 'dicon-sort-tool',
 		Grid1: 'dicon-grid-interface',
+		Handshake: 'handshake',
 		Index: 'dicon-align-justify',
+		Integrations: 'dicon-geometry',
 		ListBullet: 'dicon-list-bullet-2',
+		Locked: 'dicon-lock',
 		Print: 'dicon-print',
 		Pulse: 'dicon-pulse',
 		Plus: 'dicon-e-add',
@@ -216,8 +226,10 @@ let constants = EmberObject.extend({
 		People: 'dicon-multiple-19',
 		Remove: 'dicon-i-remove',
 		Search: 'dicon-magnifier',
+		Send: 'dicon-send',
 		Settings: 'dicon-settings-gear',
 		Tag: 'dicon-delete-key',
+		Unlocked: 'dicon-unlocked',
 		World: 'dicon-globe',
 	},
 
@@ -230,10 +242,13 @@ let constants = EmberObject.extend({
 
 	Label: { // eslint-disable-line ember/avoid-leaking-state-in-ember-objects
 		Add: 'Add',
+		Activate: "Activate",
 		Cancel: 'Cancel',
 		Close: 'Close',
 		Delete: 'Delete',
+		Export: 'Export',
 		Insert: 'Insert',
+		Restore: 'Restore',
 		Save: 'Save',
 		Update: 'Update',
 	}