diff --git a/resources/views/admin/master.blade.php b/resources/views/admin/master.blade.php
index 01be2f00..6d31bee2 100644
--- a/resources/views/admin/master.blade.php
+++ b/resources/views/admin/master.blade.php
@@ -8,6 +8,7 @@
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    @include('common.theme-color')
     <!-- App Styles -->
     @include('common.dependencies.style')
 
diff --git a/resources/views/auth/master.blade.php b/resources/views/auth/master.blade.php
index cee2bd3f..9606b88b 100644
--- a/resources/views/auth/master.blade.php
+++ b/resources/views/auth/master.blade.php
@@ -7,6 +7,7 @@
     @include('common.favicon')
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    @include('common.theme-color')
     @include('common.seo-meta-tags')
     <!-- App Styles -->
     @include('common.dependencies.style')
diff --git a/resources/views/common/theme-color.blade.php b/resources/views/common/theme-color.blade.php
new file mode 100644
index 00000000..3767fb4e
--- /dev/null
+++ b/resources/views/common/theme-color.blade.php
@@ -0,0 +1,13 @@
+@php
+$colors = [
+    'blue' => '#3c8dbc',
+    'yellow' => '#f39c12',
+    'green' => '#00a65a',
+    'purple' => '#605ca8',
+    'red' => '#dd4b39',
+    'black' => '#ffffff',
+];
+preg_match('/skin-(\w+)?(?:-light)?/', option('color_scheme'), $matches);
+@endphp
+
+<meta name="theme-color" content="{{ $colors[$matches[1]] }}">
diff --git a/resources/views/skinlib/master.blade.php b/resources/views/skinlib/master.blade.php
index f8079708..f0a0990b 100644
--- a/resources/views/skinlib/master.blade.php
+++ b/resources/views/skinlib/master.blade.php
@@ -8,6 +8,7 @@
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    @include('common.theme-color')
     @include('common.seo-meta-tags')
     <!-- App Styles -->
     @include('common.dependencies.style')
diff --git a/resources/views/user/master.blade.php b/resources/views/user/master.blade.php
index 22622c82..70de92ff 100644
--- a/resources/views/user/master.blade.php
+++ b/resources/views/user/master.blade.php
@@ -8,6 +8,7 @@
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="csrf-token" content="{{ csrf_token() }}">
+    @include('common.theme-color')
     <!-- App Styles -->
     @include('common.dependencies.style')