diff --git a/src/app/pages/community/community-edit-form/community-edit-form.component.html b/src/app/pages/community/community-edit-form/community-edit-form.component.html
index 71222c6..03cd730 100644
--- a/src/app/pages/community/community-edit-form/community-edit-form.component.html
+++ b/src/app/pages/community/community-edit-form/community-edit-form.component.html
@@ -61,10 +61,13 @@
                           <input placeholder="Type managers" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s"
                                                       id="{{'manager'+i}}" name="{{'manager'+i}}" [(ngModel)] = "community.managers[i]" (input)="change()">
                           <!-- <img type="uk-image" src="assets/imgs/delete-icon.png" height="25" width="25" title="Remove" onmouseover="" style="cursor: pointer;" (click)="removeManager(i)"/> -->
-                          <a class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Remove" (click)="removeManager(i); change()"></a>
-                          <a *ngIf="i == community.managers.length - 1" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addManager()"></a>
+<!--                          red_background_color red_color-->
+                          <a class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Remove" (click)="removeManager(i); change()"></a>
+<!--                          green_background_color green_color-->
+                          <a *ngIf="i == community.managers.length - 1" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addManager()"></a>
                       </div>
-                      <a *ngIf="community.managers.length == 0" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addManager()"></a>
+<!--                        green_background_color green_color-->
+                      <a *ngIf="community.managers.length == 0" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addManager()"></a>
                     <!-- <img type="uk-image" src="assets/imgs/add-icon.png" height="25" width="25" title="Add" onmouseover="" style="cursor: pointer;" (click)="addManager()"/> -->
                   </div>
                   </td>
diff --git a/src/app/pages/community/content-providers/add-content-providers.component.html b/src/app/pages/community/content-providers/add-content-providers.component.html
index 7cebc90..c27ff4b 100644
--- a/src/app/pages/community/content-providers/add-content-providers.component.html
+++ b/src/app/pages/community/content-providers/add-content-providers.component.html
@@ -53,10 +53,12 @@
            </span>
 
            <span class="uk-width-1-6 uk-text-center">
-             <a *ngIf="!inCommunity(result)" (click)="addContentProvider(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
+<!--               green_background_color green_color-->
+             <a *ngIf="!inCommunity(result)" (click)="addContentProvider(result)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
 
              <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
-             <a *ngIf="undo[result.id]" (click)="removeContentProvider(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
+<!--               red_background_color red_color-->
+             <a *ngIf="undo[result.id]" (click)="removeContentProvider(undo[result.id], result.id)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
 
           </span>
        </h6>
diff --git a/src/app/pages/community/content-providers/remove-content-providers.component.html b/src/app/pages/community/content-providers/remove-content-providers.component.html
index ab6d30d..6f740a4 100644
--- a/src/app/pages/community/content-providers/remove-content-providers.component.html
+++ b/src/app/pages/community/content-providers/remove-content-providers.component.html
@@ -57,7 +57,8 @@
             </td>
 
             <td class="uk-text-center uk-width-1-3">
-              <a (click)="removeContentProvider(result)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a>
+<!--              red_background_color red_color-->
+              <a (click)="removeContentProvider(result)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
             </td>
           </tr>
         </tbody>
diff --git a/src/app/pages/community/projects/add-projects.component.html b/src/app/pages/community/projects/add-projects.component.html
index ed60fd0..82dfe75 100644
--- a/src/app/pages/community/projects/add-projects.component.html
+++ b/src/app/pages/community/projects/add-projects.component.html
@@ -77,7 +77,8 @@ If you cannot find a funder that is relevant for your community, please contact
 
            <span class="uk-width-1-6 uk-text-center">
              <!-- <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button"><svg height="20" icon="plus" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
-             <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
+<!--               green_background_color green_color-->
+             <a *ngIf="!inCommunity(result)" (click)="addProject(result)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
 
              <span *ngIf="inCommunity(result)" class="uk-label uk-label-success">Added</span>
              <!-- <svg *ngIf="inCommunity(result)" class="added" src="assets/imgs/check-icon.png" title="Added" width="20" type="image" height="20"></svg> -->
@@ -85,7 +86,8 @@ If you cannot find a funder that is relevant for your community, please contact
              <!-- <button *ngIf="undo[result.id]" class="uk-button uk-button-danger uk-button-small" (click)="removeProject(result.id)">Undo</button> -->
              <!-- <input *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove" src="assets/imgs/x-icon.png" title="Undo" width="20" type="image" height="20"> -->
              <!-- <a *ngIf="undo[result.id]" (click)="removeProject(result.id)" class="remove red_colour"><svg height="20" icon="close" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect height="17" width="1" x="9" y="1"></rect><rect height="1" width="17" x="1" y="9"></rect></svg></a> -->
-             <a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
+<!--               red_background_color red_color-->
+             <a *ngIf="undo[result.id]" (click)="removeProject(undo[result.id], result.id)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
 
           </span>
        </h6>
diff --git a/src/app/pages/community/projects/remove-projects.component.html b/src/app/pages/community/projects/remove-projects.component.html
index ba38dd3..8f7a204 100644
--- a/src/app/pages/community/projects/remove-projects.component.html
+++ b/src/app/pages/community/projects/remove-projects.component.html
@@ -71,7 +71,8 @@
             </td>
 
             <td class="uk-text-center uk-width-1-4">
-              <a (click)="removeProject(result)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a>
+<!--              red_background_color red_color-->
+              <a (click)="removeProject(result)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
             </td>
           </tr>
         </tbody>
diff --git a/src/app/pages/subjects/subjects-edit-form/subjects-edit-form.component.html b/src/app/pages/subjects/subjects-edit-form/subjects-edit-form.component.html
index c5ccea1..3c678e7 100644
--- a/src/app/pages/subjects/subjects-edit-form/subjects-edit-form.component.html
+++ b/src/app/pages/subjects/subjects-edit-form/subjects-edit-form.component.html
@@ -23,10 +23,13 @@
                       <div *ngFor='let subject of community.subjects; let i = index; trackBy:trackByFn'>
                           <input placeholder="Type subjects" type="text" class="form-control uk-input uk-width-large@l uk-width-medium@s"
                                                      id="{{'subject'+i}}" name="{{'subject'+i}}" [(ngModel)] = "community.subjects[i]" (input)="change()">
-                          <a   class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Remove" (click)="removeSubject(i); change();"></a>
-                          <a *ngIf="i == community.subjects.length - 1" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addSubject()"></a>
+<!--                          red_background_color red_color-->
+                          <a   class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Remove" (click)="removeSubject(i); change();"></a>
+<!--                          green_background_color green_color-->
+                          <a *ngIf="i == community.subjects.length - 1" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addSubject()"></a>
                       </div>
-                      <a *ngIf="community.subjects.length == 0" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add" (click)="addSubject()"></a>
+<!--                        green_background_color green_color-->
+                      <a *ngIf="community.subjects.length == 0" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add" (click)="addSubject()"></a>
        
                     </div>
 
diff --git a/src/app/pages/subscribers/manage-subscribers.component.html b/src/app/pages/subscribers/manage-subscribers.component.html
index 34937fb..70c4cf3 100644
--- a/src/app/pages/subscribers/manage-subscribers.component.html
+++ b/src/app/pages/subscribers/manage-subscribers.component.html
@@ -37,7 +37,8 @@
                     {{item.email}}
                   </td>
                   <td class="uk-text-center uk-width-1-2">
-                      <a (click)="removeSubscriber(item.email)" class="uk-icon-button remove red_background_color red_color" uk-icon="icon: close; ratio: 1" title="Remove"></a>
+<!--                    red_background_color red_color-->
+                      <a (click)="removeSubscriber(item.email)" class="uk-icon-button remove uk-button-danger" uk-icon="icon: close; ratio: 1" title="Remove"></a>
                   </td>
                 </tr>
               </tbody>
diff --git a/src/app/pages/zenodo-communities/add-zenodo-communities.component.html b/src/app/pages/zenodo-communities/add-zenodo-communities.component.html
index e3fc6d8..559e0ce 100644
--- a/src/app/pages/zenodo-communities/add-zenodo-communities.component.html
+++ b/src/app/pages/zenodo-communities/add-zenodo-communities.component.html
@@ -49,11 +49,13 @@
                   </a>
                 <span *ngIf=" masterCommunity && item.id==masterCommunity.id" class="uk-label uk-label-warning">Master zenodo community</span>
                 <span class="uk-width-1-6 uk-text-center">
-                  <a *ngIf="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)" (click)="addCommunity(item)" class="uk-icon-button add green_background_color green_color" uk-icon="plus" title="Add"></a>
+<!--                    green_background_color green_color-->
+                  <a *ngIf="!inThelist(item, selectedCommunities) && !(masterCommunity && item.id==masterCommunity.id)" (click)="addCommunity(item)" class="uk-icon-button add uk-button-primary" uk-icon="plus" title="Add"></a>
 
                   <span *ngIf="inThelist(item, selectedCommunities)" class="uk-label uk-label-success">Added</span>
 
-                  <a *ngIf="inThelist(item, newlySelectedCommunities)"  (click)="removeCommunity(item)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
+<!--                    red_background_color red_color-->
+                  <a *ngIf="inThelist(item, newlySelectedCommunities)"  (click)="removeCommunity(item)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
                </span>
               </h4>
                 <div class="uk-comment-meta ">
diff --git a/src/app/pages/zenodo-communities/manage-zenodo-communities.component.html b/src/app/pages/zenodo-communities/manage-zenodo-communities.component.html
index 4cffc62..61b2a15 100644
--- a/src/app/pages/zenodo-communities/manage-zenodo-communities.component.html
+++ b/src/app/pages/zenodo-communities/manage-zenodo-communities.component.html
@@ -85,7 +85,8 @@
               </td> -->
 
               <td class="uk-text-center uk-width-1-4">
-                <a    (click)="removeCommunity(item)" class="uk-icon-button remove red_background_color red_color" uk-icon="close" title="Undo"></a>
+<!--                red_background_color red_color-->
+                <a    (click)="removeCommunity(item)" class="uk-icon-button remove uk-button-danger" uk-icon="close" title="Undo"></a>
 
               </td>
             </tr>