diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 6545a13..e691a70 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -1,3 +1,6 @@
+// Bootstrap Variable Overlide
+$primary: #e53fb1;
+
 // Bootstrap
 @import "~bootstrap/scss/bootstrap";
 @import "bootstrap-custom";
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 1c524af..38ec46e 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -89,7 +89,7 @@
                         </div>
                     </form>
                     <form class="form-inline mr-2">
-                        <a href="{{ route('checkin') }}" class="btn btn-outline-success">チェックイン</a>
+                        <a href="{{ route('checkin') }}" class="btn btn-outline-primary">チェックイン</a>
                     </form>
                     <ul class="navbar-nav">
                         <li class="nav-item dropdown">
@@ -117,18 +117,18 @@
                 <div class="d-lg-none">
                     <div class="row mt-2">
                         <div class="col">
-                            <a class="btn btn-outline-{{ stripos(Route::currentRouteName(), 'home') === 0 ? 'primary' : 'secondary'}}" href="{{ route('home') }}" role="button">ホーム</a>
+                            <a class="btn btn-{{ stripos(Route::currentRouteName(), 'home') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('home') }}" role="button">ホーム</a>
                         </div>
                         <div class="col">
-                            <a class="btn btn-outline-{{ stripos(Route::currentRouteName(), 'user.profile') === 0 ? 'primary' : 'secondary'}}" href="{{ route('user.profile', ['name' => Auth::user()->name]) }}" role="button">タイムライン</a>
+                            <a class="btn btn-{{ stripos(Route::currentRouteName(), 'user.profile') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('user.profile', ['name' => Auth::user()->name]) }}" role="button">タイムライン</a>
                         </div>
                     </div>
                     <div class="row mt-2">
                         <div class="col">
-                            <a class="btn btn-outline-{{ stripos(Route::currentRouteName(), 'user.stats') === 0 ? 'primary' : 'secondary'}}" href="{{ route('user.stats', ['name' => Auth::user()->name]) }}" role="button">グラフ</a>
+                            <a class="btn btn-{{ stripos(Route::currentRouteName(), 'user.stats') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('user.stats', ['name' => Auth::user()->name]) }}" role="button">グラフ</a>
                         </div>
                         <div class="col">
-                            <a class="btn btn-outline-{{ stripos(Route::currentRouteName(), 'user.okazu') === 0 ? 'primary' : 'secondary'}}" href="{{ route('user.okazu', ['name' => Auth::user()->name]) }}" role="button">オカズ</a>
+                            <a class="btn btn-{{ stripos(Route::currentRouteName(), 'user.okazu') === 0 ? 'primary' : 'outline-secondary'}}" href="{{ route('user.okazu', ['name' => Auth::user()->name]) }}" role="button">オカズ</a>
                         </div>
                     </div>
                     {{-- <div class="row mt-2">
@@ -148,7 +148,7 @@
                     </div>
                     <div class="row mt-2">
                         <form class="form-inline col">
-                            <a class="btn btn-outline-success" href="{{ route('checkin') }}">チェックイン</a>
+                            <a class="btn btn-outline-primary" href="{{ route('checkin') }}">チェックイン</a>
                         </form>
                     </div>
                 </div>