Theme: Typography variables overhaul, theme cleanup, improvents to storybook ThemeColors component (#23531)

* Began text theme refactoring

* Consolidating blue varaibles

* Theme: Typography overhaul and theme cleanup

* Theme updates, alignment and fixes

* Updated snapshots

* Restored template variable class

* Updates

* added container

* Updated snapshot

public/app/features/teams/TeamGroupSync.tsx

@@ -87,7 +87,7 @@ export class TeamGroupSync extends PureComponent<Props, State> {
           <div className="page-action-bar__spacer" />
           {groups.length > 0 && (
             <button className="btn btn-primary pull-right" onClick={this.onToggleAdding}>
-              <Icon name="plus-circle" /> Add group
+              <Icon name="plus" /> Add group
             </button>
           )}
         </div>

public/app/features/teams/__snapshots__/TeamGroupSync.test.tsx.snap

@@ -109,7 +109,7 @@ exports[`Render should render groups table 1`] = `
       onClick={[Function]}
     >
       <Icon
-        name="plus-circle"
+        name="plus"
       />
        Add group
     </button>