add/delete UI functionality added with submit.php

_index.html

@@ -8,7 +8,18 @@
     <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
     <link rel='stylesheet' media='screen' href='https://fontlibrary.org/face/raleway' type='text/css'/>
     <link rel='icon' href='img/antipong_favicon.png'>
+
+    <!-- Colors and bars -->
+    <!-- Chrome, Firefox OS and Opera -->
+    <meta name="theme-color" content="#ffffff" id="browserColor">
+    <!-- Windows Phone -->
+    <meta name="msapplication-navbutton-color" content="#ffffff" id="browserColorwp">
+    <!-- iOS Safari -->
+    <meta name="apple-mobile-web-app-status-bar-style" content="#ffffff" id="browserColorap">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    
     <meta name='HandheldFriendly' content='true' />
+    <meta name="apple-mobile-web-app-capable" content="yes">
 	<meta name='mobile-web-app-capable' content='yes'>
 
     <!-- bootstrap -->

js/script.js

@@ -6,6 +6,16 @@ function toggleTheme() {
     $('table').toggleClass('table-dark');
     $('tr.success').toggleClass('bg-success');
     $('tr.success').toggleClass('table-success');
+    
+    // browser color
+    if($('body').hasClass('dark'))
+        color = '#17191c';
+    else
+        color = '#ffffff';
+    
+    $('#browserColor').attr('content', color);
+    $('#browserColorwp').attr('content', color);
+    $('#browserColorap').attr('content', color);
 
     console.log('changing theme...');
 }
@@ -18,8 +28,6 @@ function getUrlVars() {
     return vars;
 }
 
-
-
 window.onload = function () {
     
     /////////// BINDING ///////////////////////////