Make baseUrl dynamic and tweak invalid input style's contrast

.env.sample

@@ -1,4 +1,5 @@
 PORT=8000
+BASE_URL="http://localhost:8000"
 
 POSTGRESQL_HOST="localhost"
 POSTGRESQL_USER="postgres"

deno.json

@@ -23,7 +23,7 @@
         "fresh",
         "recommended"
       ],
-      "exclude": ["no-explicit-any", "no-empty-interface", "ban-types"]
+      "exclude": ["no-explicit-any", "no-empty-interface", "ban-types", "no-window"]
     }
   },
   "exclude": [

lib/utils.ts

@@ -1,6 +1,16 @@
 import { Contact, ContactAddress, ContactField } from './types.ts';
 
-export const baseUrl = 'https://app.bewcloud.com';
+let BASE_URL = typeof window !== 'undefined' && window.location
+  ? `${window.location.protocol}//${window.location.host}`
+  : '';
+
+if (typeof Deno !== 'undefined') {
+  await import('std/dotenv/load.ts');
+
+  BASE_URL = Deno.env.get('BASE_URL') || '';
+}
+
+export const baseUrl = BASE_URL || 'http://localhost:8000';
 export const defaultTitle = 'bewCloud is a modern and simpler alternative to Nextcloud and ownCloud';
 export const defaultDescription = `Have your calendar, contacts, tasks, and files under your own control.`;
 export const helpEmail = 'help@bewcloud.com';

static/styles.css

@@ -39,7 +39,7 @@ form {
 }
 
 .input-field:required:invalid:not(:placeholder-shown) {
-  @apply bg-red-100 !important;
+  @apply bg-red-400 !important;
 }
 
 .notification-error {