restoring green CTA

packages/grafana-ui/src/components/PanelOptionsGroup/_PanelOptionsGroup.scss

@@ -36,8 +36,7 @@
 }
 }
 
 
 .panel-options-group__add-circle {
 .panel-options-group__add-circle {
-
-  @include gradientBar($btn-secondary-bg, $btn-secondary-bg-hl, #fff);
+  @include gradientBar($btn-success-bg, $btn-success-bg-hl, #fff);
 
 
   border-radius: 50px;
   border-radius: 50px;
   width: 20px;
   width: 20px;

packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss

@@ -21,7 +21,7 @@
 }
 }
 
 
 .thresholds-row-add-button {
 .thresholds-row-add-button {
-  @include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl, #fff);
+  @include buttonBackground($btn-success-bg, $btn-success-bg-hl, #fff);
 
 
   align-self: center;
   align-self: center;
   margin-right: 5px;
   margin-right: 5px;

public/app/core/components/manage_dashboards/manage_dashboards.html

@@ -6,15 +6,12 @@
     </label>
     </label>
     <div class="page-action-bar__spacer"></div>
     <div class="page-action-bar__spacer"></div>
     <a class="btn btn-primary" ng-href="{{ctrl.createDashboardUrl()}}" ng-if="ctrl.hasEditPermissionInFolders || ctrl.canSave">
     <a class="btn btn-primary" ng-href="{{ctrl.createDashboardUrl()}}" ng-if="ctrl.hasEditPermissionInFolders || ctrl.canSave">
-      <i class="fa fa-plus"></i>
-      Dashboard
+      New Dashboard
     </a>
     </a>
-    <a class="btn btn-primary" href="dashboards/folder/new" ng-if="!ctrl.folderId && ctrl.isEditor">
-      <i class="fa fa-plus"></i>
-      Folder
+    <a class="btn btn-inverse" href="dashboards/folder/new" ng-if="!ctrl.folderId && ctrl.isEditor">
+      New Folder
     </a>
     </a>
-    <a class="btn btn-primary" href="{{ctrl.importDashboardUrl()}}" ng-if="ctrl.hasEditPermissionInFolders || ctrl.canSave">
-      <i class="fa fa-plus"></i>
+    <a class="btn btn-inverse" href="{{ctrl.importDashboardUrl()}}" ng-if="ctrl.hasEditPermissionInFolders || ctrl.canSave">
       Import
       Import
     </a>
     </a>
   </div>
   </div>

public/app/features/alerting/partials/notifications_list.html

@@ -8,7 +8,6 @@
       </div>
       </div>
 
 
       <a href="alerting/notification/new" class="btn btn-primary">
       <a href="alerting/notification/new" class="btn btn-primary">
-        <i class="fa fa-plus"></i>
         New Channel
         New Channel
       </a>
       </a>
     </div>
     </div>

public/app/features/api-keys/ApiKeysPage.tsx

@@ -200,7 +200,7 @@ export class ApiKeysPage extends PureComponent<Props, any> {
 
 
           <div className="page-action-bar__spacer" />
           <div className="page-action-bar__spacer" />
           <button className="btn btn-primary pull-right" onClick={this.onToggleAdding} disabled={isAdding}>
           <button className="btn btn-primary pull-right" onClick={this.onToggleAdding} disabled={isAdding}>
-            <i className="fa fa-plus" /> Add API Key
+            Add API Key
           </button>
           </button>
         </div>
         </div>
 
 

public/app/features/playlist/partials/playlists.html

@@ -5,7 +5,6 @@
     <div class="page-action-bar">
     <div class="page-action-bar">
       <div class="page-action-bar__spacer"></div>
       <div class="page-action-bar__spacer"></div>
       <a class="btn btn-primary pull-right" href="playlists/create">
       <a class="btn btn-primary pull-right" href="playlists/create">
-        <i class="fa fa-plus"></i>
         New Playlist
         New Playlist
       </a>
       </a>
     </div>
     </div>

public/sass/_variables.dark.scss

@@ -159,11 +159,14 @@ $table-bg-hover: $dark-3;
 // Buttons
 // Buttons
 // -------------------------
 // -------------------------
 
 
-$btn-primary-bg: $sapphire-base;
-$btn-primary-bg-hl: $sapphire-shade;
+$btn-secondary-bg: $sapphire-base;
+$btn-secondary-bg-hl: $sapphire-shade;
 
 
-$btn-secondary-bg: $green-base;
-$btn-secondary-bg-hl: $green-shade;
+$btn-primary-bg: $green-base;
+$btn-primary-bg-hl: $green-shade;
+
+$btn-success-bg: $green-base;
+$btn-success-bg-hl: $green-shade;
 
 
 $btn-danger-bg: $lobster-base;
 $btn-danger-bg: $lobster-base;
 $btn-danger-bg-hl: $lobster-shade;
 $btn-danger-bg-hl: $lobster-shade;

public/sass/_variables.light.scss

@@ -155,11 +155,14 @@ $table-bg-hover: $gray-5;
 
 
 // Buttons
 // Buttons
 // -------------------------
 // -------------------------
-$btn-secondary-bg: $green-base;
-$btn-secondary-bg-hl: $green-shade;
+$btn-primary-bg: $green-base;
+$btn-primary-bg-hl: $green-shade;
 
 
-$btn-primary-bg: $sapphire-base;
-$btn-primary-bg-hl: $sapphire-shade;
+$btn-secondary-bg: $sapphire-base;
+$btn-secondary-bg-hl: $sapphire-shade;
+
+$btn-success-bg: $green-base;
+$btn-success-bg-hl: $green-shade;
 
 
 $btn-danger-bg: $lobster-base;
 $btn-danger-bg: $lobster-base;
 $btn-danger-bg-hl: $lobster-shade;
 $btn-danger-bg-hl: $lobster-shade;