diff --git a/src/accounts/accountRow.component.ts b/src/accounts/accountRow.component.ts
index 94aa5b4..4e224d3 100644
--- a/src/accounts/accountRow.component.ts
+++ b/src/accounts/accountRow.component.ts
@@ -40,7 +40,7 @@ import { AccountEditModalComponent } from './accountEditModal.component';
 <td>{{ account.authorized_overdraft | currency:"EUR":true }}</td>
 
 <td>
-  <div class="btn-group btn-group-xs">
+  <div class="btn-group btn-group-sm">
     <!-- Edit account. -->
     <button type="button" class="btn btn-success"
       (click)="modify()">
@@ -48,13 +48,13 @@ import { AccountEditModalComponent } from './accountEditModal.component';
     </button>
 
     <!-- Delete account, with confirm. -->
-    <button type="button" class="btn btn-default"
+    <button type="button" class="btn btn-secondary"
       (click)="confirmDelete()">
       <span class="fa fa-trash-o"></span>
     </button>
 
     <!-- Open account scheduler. -->
-    <a class="btn btn-default"
+    <a class="btn btn-secondary"
       [hidden]="!account.id"
       href="#!/account/{{ account.id }}/scheduler">
       <span class="fa fa-clock-o"></span>
diff --git a/src/bootstrap.config.less b/src/bootstrap.config.less
deleted file mode 100644
index f2d357b..0000000
--- a/src/bootstrap.config.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@pre-border-color: @pre-bg; // hide the border.
-
-@import "./main.less";
diff --git a/src/bootstrap.config.ts b/src/bootstrap.config.ts
deleted file mode 100644
index bcd24eb..0000000
--- a/src/bootstrap.config.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-/* jshint node: true */
-'use strict';
-
-module.exports = {
-    scripts: {
-        'transition': true,
-        'alert': true,
-        'button': true,
-        'carousel': true,
-        'collapse': true,
-        'dropdown': true,
-        'modal': true,
-        'tooltip': true,
-        'popover': true,
-        'scrollspy': true,
-        'tab': true,
-        'affix': true
-    },
-
-    styles: {
-        'mixins': true,
-
-        'normalize': true,
-        'print': true,
-
-        'scaffolding': true,
-        'type': true,
-        'code': true,
-        'grid': true,
-        'tables': true,
-        'forms': true,
-        'buttons': true,
-
-        'component-animations': true,
-        'glyphicons': true,
-        'dropdowns': true,
-        'button-groups': true,
-        'input-groups': true,
-        'navs': true,
-        'navbar': true,
-        'breadcrumbs': true,
-        'pagination': true,
-        'pager': true,
-        'labels': true,
-        'badges': true,
-        'jumbotron': true,
-        'thumbnails': true,
-        'alerts': true,
-        'progress-bars': true,
-        'media': true,
-        'list-group': true,
-        'panels': true,
-        'wells': true,
-        'close': true,
-
-        'modals': true,
-        'tooltip': true,
-        'popovers': true,
-        'carousel': true,
-
-        'utilities': true,
-        'responsive-utilities': true
-    }
-};
diff --git a/src/operations/operations.html b/src/operations/operations.html
index aceab41..4989849 100644
--- a/src/operations/operations.html
+++ b/src/operations/operations.html
@@ -76,16 +76,16 @@
           </td>
 
           <td>
-            <div class="btn-group btn-group-xs">
+            <div class="btn-group btn-group-sm">
               <!-- Edit operation, for non-canceled operation. -->
-              <button type="button" class="btn btn-default"
+              <button type="button" class="btn btn-success"
                 ng-if="!operation.canceled"
                 ng-click="operationsCtrl.modify(operation)" title="edit">
                 <span class="fa fa-pencil-square-o"></span>
               </button>
 
               <!-- Toggle pointed operation, for non-canceled operations. -->
-              <button type="button" class="btn btn-default"
+              <button type="button" class="btn btn-secondary"
                 ng-if="!operation.canceled"
                 ng-click="operationsCtrl.togglePointed(operation)"
                 ng-class="{active: operation.pointed}" title="point">
@@ -93,7 +93,7 @@
               </button>
 
               <!-- Toggle canceled operation. -->
-              <button type="button" class="btn btn-default"
+              <button type="button" class="btn btn-warning"
                 ng-click="operationsCtrl.toggleCanceled(operation)"
                 ng-if="operation.scheduled_operation_id && !rowform.$visible"
                 ng-class="{active: operation.canceled}" title="cancel">
@@ -101,7 +101,7 @@
               </button>
 
               <!-- Delete operation, with confirm. -->
-              <button type="button" class="btn btn-default"
+              <button type="button" class="btn btn-danger"
                 ng-if="operation.id && !operation.scheduled_operation_id"
                 ng-click="operationsCtrl.confirmDelete(operation)">
                 <span class="fa fa-trash-o"></span>
diff --git a/src/scheduler/scheduleRow.component.ts b/src/scheduler/scheduleRow.component.ts
index 02ce9c3..62b3547 100644
--- a/src/scheduler/scheduleRow.component.ts
+++ b/src/scheduler/scheduleRow.component.ts
@@ -33,15 +33,15 @@ import { Schedule } from './schedule';
 <td>{{ schedule.category }}</td>
 
 <td>
-  <div class="btn-group btn-group-xs">
+  <div class="btn-group btn-group-sm">
     <!-- Edit operation. -->
-    <button type="button" class="btn btn-default"
+    <button type="button" class="btn btn-success"
       (click)="modify()" title="edit">
       <span class="fa fa-pencil-square-o"></span>
     </button>
 
     <!-- Remove operation. -->
-    <button type="button" class="btn btn-default"
+    <button type="button" class="btn btn-danger"
       [hidden]="!schedule.id"
       (click)="confirmDelete()"
       title="remove">