added efo-demo

public/edenfiftyone_demo/theme.css

@@ -0,0 +1,50 @@
+.login-pf-page .login-pf-header h1 {
+    background: #ffffff !important;
+    color: #000000;
+}
+
+.pf-c-button.pf-m-primary {
+    background: #57b8d7 !important;
+}
+
+div#kc-registration span a:hover {
+    background: #57b8d7;
+}
+
+#kc-header {
+    background: #ffffff;
+    color: #000000;
+}
+
+.app-logo {
+    background-image: url(logo.png);
+    background-position: center;
+}
+
+.login-pf-page .login-pf-page-header p::before {
+    content: "The English Language Skills Platform.";
+    color: #000000;
+}
+
+.login-main-title::before {
+    content: "Login";
+}
+
+.login-sub-heading::before {
+    content: "Get started.";
+}
+
+#new-to-app::before {
+    content: "New to EdenFiftyOne?";
+}
+
+.register-main-title::before {
+    content: "Create your account";
+}
+.register-sub-heading::before {
+    content: "Join now!";
+}
+
+#kc-header-wrapper::before {
+    background: #57b8d7 !important;
+}

public/edenfiftyone_demo/theme.js

@@ -0,0 +1,13 @@
+const privacyPolicy = document.getElementById('privacy-policy');
+const loginpage = document.querySelector("#kc-form-login");
+const verifyPage = document.querySelector("#kc-page-title");
+const signupPage = document.querySelector("#kc-register-form");
+
+if (privacyPolicy) {
+  privacyPolicy.innerHTML = '<span>By signing up you agree to the <a href="https://edenfiftyone.com/privacy/" target="_blank">EdenFiftyOne Privacy Policy</a></span>'
+}
+
+if (signupPage){
+  document.title = 'Sign Up to EdenFiftyOne'
+}
+