From 593660c805dd4c4c7aa8fa25cc6b31689e4aea1b Mon Sep 17 00:00:00 2001
From: Simon Larsen <simonlarsen@oneuptime.com>
Date: Fri, 12 May 2023 09:24:55 +0100
Subject: [PATCH] remove dark mode

---
 ApiReference/views/main/404.ejs               |  2 +-
 ApiReference/views/main/authentication.ejs    |  4 +-
 ApiReference/views/main/data-types.ejs        | 42 +++++-----
 ApiReference/views/main/errors.ejs            | 16 ++--
 ApiReference/views/main/introduction.ejs      | 56 +++++++-------
 ApiReference/views/main/model.ejs             | 76 +++++++++----------
 ApiReference/views/main/pagination.ejs        | 18 ++---
 ApiReference/views/main/permissions.ejs       |  4 +-
 ApiReference/views/main/status.ejs            |  2 +-
 ApiReference/views/pages/index.ejs            |  2 +-
 ApiReference/views/partials/code.ejs          | 16 ++--
 ApiReference/views/partials/footer.ejs        |  8 +-
 ApiReference/views/partials/nav.ejs           | 72 +++++++++---------
 Common/Types/WebRequest.ts                    | 17 +++++
 .../Monitors/MonitorTypes/WebsiteMonitor.ts   | 12 ++-
 15 files changed, 187 insertions(+), 160 deletions(-)
 create mode 100644 Common/Types/WebRequest.ts

diff --git a/ApiReference/views/main/404.ejs b/ApiReference/views/main/404.ejs
index 52a45c5d47..e255523264 100644
--- a/ApiReference/views/main/404.ejs
+++ b/ApiReference/views/main/404.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose">
        <div>
           <div>
              
diff --git a/ApiReference/views/main/authentication.ejs b/ApiReference/views/main/authentication.ejs
index c24bf816e0..cc614f91d1 100644
--- a/ApiReference/views/main/authentication.ejs
+++ b/ApiReference/views/main/authentication.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-   <article class="prose dark:prose-invert">
+   <article class="prose">
       <h1>Authentication</h1>
       <p class="lead">You'll need to authenticate your requests to access any of the endpoints in the OneUptime API. In
          this guide, we'll look at how authentication works. OneUptime offers one way to authenticate your API requests
@@ -11,7 +11,7 @@
       </h2>
       <p> Please head over to <b>Project Settings</b> > <b>API Keys</b>. Create a new API Key. Please note: New API Keys
          have no permissions assigned to them, so you will have to assign a permission before you can use it.</p>
-      <a class="mt-5 inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+      <a class="mt-5 inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600  "
          href="/reference/permissions">
          Read more about permissions
          <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="mt-0.5 h-5 w-5 relative top-px -mr-1">
diff --git a/ApiReference/views/main/data-types.ejs b/ApiReference/views/main/data-types.ejs
index 4bc59bd673..4b12af2d0f 100644
--- a/ApiReference/views/main/data-types.ejs
+++ b/ApiReference/views/main/data-types.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose ">
         <h1>Data Types</h1>
         <p class="lead">In this guide, we will look at how to work with OneUptime Data Types when querying the OneUptime
             API. </p>
@@ -16,13 +16,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Select</dt>
                                 <dd><code class="inline-code">select</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Select</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Select</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Dictionary of fieldName - boolean as JSON Object. Here's an example. If the
@@ -59,13 +59,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Sort</dt>
                                 <dd><code class="inline-code">sort</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Sort</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Sort</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Dictionary of fieldName - 'DESC' / 'ASC' as JSON Object. Here's an example. If
@@ -106,13 +106,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of Equal To Query</p>
@@ -144,13 +144,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of Not Equal To Query</p>
@@ -182,13 +182,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of is null query</p>
@@ -220,13 +220,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of is not null query</p>
@@ -257,13 +257,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of greater than query</p>
@@ -295,13 +295,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of greater or equal than query</p>
@@ -333,13 +333,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of less than query</p>
@@ -371,13 +371,13 @@
 
                 <div class="my-6">
                     <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                             <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                 <dt class="sr-only">Query</dt>
                                 <dd><code class="inline-code">query</code></dd>
                                 <dt class="sr-only">Type</dt>
-                                <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Query</dd>
+                                <dd class="font-mono text-xs text-zinc-400 ">Query</dd>
                                 <dt class="sr-only">Description</dt>
                                 <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>Here is an example of less or equal than query</p>
diff --git a/ApiReference/views/main/errors.ejs b/ApiReference/views/main/errors.ejs
index c0adbfeb54..0f1afc136a 100644
--- a/ApiReference/views/main/errors.ejs
+++ b/ApiReference/views/main/errors.ejs
@@ -1,10 +1,10 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose ">
        <h1 class="font-bold text-xl mb-5">Errors</h1>
        <p class="lead">In this guide, we will talk about what happens when something goes wrong while you work with the API. Mistakes happen, and mostly they will be yours, not ours. Let's look at some status codes and error types you might encounter.</p>
        <p>You can tell if your request was successful by checking the status code when receiving an API response. If a response comes back unsuccessful, you can use the status code and error message to figure out what has gone wrong and do some rudimentary debugging (before contacting support).</p>
-       <div class="my-6 flex gap-2.5 rounded-2xl border border-emerald-500/20 bg-emerald-50/50 p-4 leading-6 text-emerald-900 dark:border-emerald-500/30 dark:bg-emerald-500/5 dark:text-emerald-200 dark:[--tw-prose-links:theme(colors.white)] dark:[--tw-prose-links-hover:theme(colors.emerald.300)]">
-          <svg viewBox="0 0 16 16" aria-hidden="true" class="mt-1 h-4 w-4 flex-none fill-emerald-500 stroke-white dark:fill-emerald-200/20 dark:stroke-emerald-200">
+       <div class="my-6 flex gap-2.5 rounded-2xl border border-emerald-500/20 bg-emerald-50/50 p-4 leading-6 text-emerald-900 ">
+          <svg viewBox="0 0 16 16" aria-hidden="true" class="mt-1 h-4 w-4 flex-none fill-emerald-500 stroke-white ">
              <circle cx="8" cy="8" r="8" stroke-width="0"></circle>
              <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.75 7.75h1.5v3.5"></path>
              <circle cx="8" cy="4" r=".5" fill="none"></circle>
@@ -22,13 +22,13 @@
        </h2>
        <p>Here is a list of the different categories of status codes returned by the OneUptime API. Use these to understand if a request was successful.</p>
        <div class="my-6">
-          <ul role="list" class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+          <ul role="list" class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
              <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                 <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                    <dt class="sr-only">Name</dt>
                    <dd><code class="inline-code">2xx</code></dd>
                    <dt class="sr-only">Type</dt>
-                   <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"></dd>
+                   <dd class="font-mono text-xs text-zinc-400 "></dd>
                    <dt class="sr-only">Description</dt>
                    <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                       <p>A 2xx status code indicates a successful response.</p>
@@ -40,7 +40,7 @@
                    <dt class="sr-only">Name</dt>
                    <dd><code class="inline-code">4xx</code></dd>
                    <dt class="sr-only">Type</dt>
-                   <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"></dd>
+                   <dd class="font-mono text-xs text-zinc-400 "></dd>
                    <dt class="sr-only">Description</dt>
                    <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                       <p>A 4xx status code indicates a client error — this means it's a <em>you</em>
@@ -54,7 +54,7 @@
                   <dt class="sr-only">Name</dt>
                   <dd><code class="inline-code">429</code></dd>
                   <dt class="sr-only">Type</dt>
-                  <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"></dd>
+                  <dd class="font-mono text-xs text-zinc-400 "></dd>
                   <dt class="sr-only">Description</dt>
                   <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                      <p> Request limit exceeded. Request limits are 100 operations per second per project (this includes all the API keys in the project).
@@ -67,7 +67,7 @@
                    <dt class="sr-only">Name</dt>
                    <dd><code class="inline-code">5xx</code></dd>
                    <dt class="sr-only">Type</dt>
-                   <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"></dd>
+                   <dd class="font-mono text-xs text-zinc-400 "></dd>
                    <dt class="sr-only">Description</dt>
                    <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                       <p>A 5xx status code indicates a server error — you won't be seeing a lot of these.</p>
diff --git a/ApiReference/views/main/introduction.ejs b/ApiReference/views/main/introduction.ejs
index fd4e71d30d..01e57f7481 100644
--- a/ApiReference/views/main/introduction.ejs
+++ b/ApiReference/views/main/introduction.ejs
@@ -1,12 +1,12 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose ">
        <div class="absolute inset-0 -z-10 mx-0 max-w-none overflow-hidden">
           <div
-             class="absolute left-1/2 top-0 ml-[-38rem] h-[25rem] w-[81.25rem] dark:[mask-image:linear-gradient(white,transparent)]">
+             class="absolute left-1/2 top-0 ml-[-38rem] h-[25rem] w-[81.25rem]">
              <div
-                class="absolute inset-0 bg-gradient-to-r from-[#36b49f] to-[#DBFF75] opacity-40 [mask-image:radial-gradient(farthest-side_at_top,white,transparent)] dark:from-[#36b49f]/30 dark:to-[#DBFF75]/30 dark:opacity-100">
+                class="absolute inset-0 bg-gradient-to-r from-[#36b49f] to-[#DBFF75] opacity-40 [mask-image:radial-gradient(farthest-side_at_top,white,transparent)]">
                 <svg aria-hidden="true"
-                   class="absolute inset-x-0 inset-y-[-50%] h-[200%] w-full skew-y-[-18deg] fill-black/40 stroke-black/50 mix-blend-overlay dark:fill-white/2.5 dark:stroke-white/5">
+                   class="absolute inset-x-0 inset-y-[-50%] h-[200%] w-full skew-y-[-18deg] fill-black/40 stroke-black/50 mix-blend-overlay  /5">
                    <defs>
                       <pattern id=":r6s:" width="72" height="56" patternUnits="userSpaceOnUse" x="-12"
                          y="4">
@@ -23,7 +23,7 @@
                 </svg>
              </div>
              <svg viewBox="0 0 1113 440" aria-hidden="true"
-                class="absolute top-0 left-1/2 ml-[-19rem] w-[69.5625rem] fill-white blur-[26px] dark:hidden">
+                class="absolute top-0 left-1/2 ml-[-19rem] w-[69.5625rem] fill-white blur-[26px] ">
                 <path d="M.016 439.5s-9.5-300 434-300S882.516 20 882.516 20V0h230.004v439.5H.016Z">
                 </path>
              </svg>
@@ -43,9 +43,9 @@
                 <div
                    class="absolute mt-1 ml-[calc(-1*var(--width))] hidden w-[var(--width)] opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(theme(maxWidth.lg)+theme(spacing.8))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:theme(spacing.10)]">
                    <div
-                      class="group/anchor block h-5 w-5 rounded-lg bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
+                      class="group/anchor block h-5 w-5 rounded-lg bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500    ">
                       <svg viewBox="0 0 20 20" fill="none" stroke-linecap="round" aria-hidden="true"
-                         class="h-5 w-5 stroke-zinc-500 transition dark:stroke-zinc-400 dark:group-hover/anchor:stroke-white">
+                         class="h-5 w-5 stroke-zinc-500 transition  ">
                          <path
                             d="m6.5 11.5-.964-.964a3.535 3.535 0 1 1 5-5l.964.964m2 2 .964.964a3.536 3.536 0 0 1-5 5L8.5 13.5m0-5 3 3">
                          </path>
@@ -56,14 +56,14 @@
              </span>
           </h2>
           <div
-             class="not-prose mt-4 grid grid-cols-1 gap-8 border-t border-zinc-900/5 pt-10 dark:border-white/5 sm:grid-cols-2 xl:grid-cols-4">
+             class="not-prose mt-4 grid grid-cols-1 gap-8 border-t border-zinc-900/5 pt-10  sm:grid-cols-2 xl:grid-cols-4">
              <div>
-                <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Authentication</h3>
-                <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Learn how to authenticate your
+                <h3 class="text-sm font-semibold text-zinc-900 ">Authentication</h3>
+                <p class="mt-1 text-sm text-zinc-600 ">Learn how to authenticate your
                    API
                    requests.</p>
                 <p class="mt-4">
-                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600  "
                       href="/reference/authentication">
                       Read more
                       <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
@@ -75,11 +75,11 @@
                 </p>
              </div>
              <div>
-                <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Pagination</h3>
-                <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Understand how to work with
+                <h3 class="text-sm font-semibold text-zinc-900 ">Pagination</h3>
+                <p class="mt-1 text-sm text-zinc-600 ">Understand how to work with
                    paginated responses.</p>
                 <p class="mt-4">
-                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600  "
                       href="/reference/pagination">
                       Read more
                       <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
@@ -91,12 +91,12 @@
                 </p>
              </div>
              <div>
-                <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Errors</h3>
-                <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Read about the different types
+                <h3 class="text-sm font-semibold text-zinc-900 ">Errors</h3>
+                <p class="mt-1 text-sm text-zinc-600 ">Read about the different types
                    of
                    errors returned by the API.</p>
                 <p class="mt-4">
-                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600  "
                       href="/reference/errors">
                       Read more
                       <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
@@ -108,11 +108,11 @@
                 </p>
              </div>
              <div>
-                <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Permissions</h3>
-                <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">Learn how API Key Permissions
+                <h3 class="text-sm font-semibold text-zinc-900 ">Permissions</h3>
+                <p class="mt-1 text-sm text-zinc-600 ">Learn how API Key Permissions
                    work.</p>
                 <p class="mt-4">
-                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+                   <a class="inline-flex gap-0.5 justify-center overflow-hidden font-medium transition text-emerald-500 hover:text-emerald-600  "
                       href="/reference/permissions">
                       Read more
                       <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
@@ -130,16 +130,16 @@
                 class="group text-inherit no-underline hover:text-inherit">Featured Resources</span>
           </h2>
           <div
-             class="not-prose mt-4 grid grid-cols-1 gap-8 border-t border-zinc-900/5 pt-10 dark:border-white/5 sm:grid-cols-2 xl:grid-cols-4">
+             class="not-prose mt-4 grid grid-cols-1 gap-8 border-t border-zinc-900/5 pt-10  sm:grid-cols-2 xl:grid-cols-4">
              
              <% for(var i=0; i<pageData.featuredResources.length; i++) {%>
              <div
-                class="cursor-pointer group relative flex rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5 dark:bg-white/2.5 dark:hover:shadow-black/5">
+                class="cursor-pointer group relative flex rounded-2xl bg-zinc-50 transition-shadow hover:shadow-md hover:shadow-zinc-900/5  ">
                 <div class="pointer-events-none">
                    <div
                       class="absolute inset-0 rounded-2xl transition duration-300 [mask-image:linear-gradient(white,transparent)] group-hover:opacity-50">
                       <svg aria-hidden="true"
-                         class="absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/[0.02] stroke-black/5 dark:fill-white/1 dark:stroke-white/2.5">
+                         class="absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/[0.02] stroke-black/5  /2.5">
                          <defs>
                             <pattern id=":r6t:" width="72" height="56" patternUnits="userSpaceOnUse"
                                x="50%" y="16">
@@ -154,7 +154,7 @@
                       </svg>
                    </div>
                    <div
-                      class="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100 dark:from-[#202D2E] dark:to-[#303428]"
+                      class="absolute inset-0 rounded-2xl bg-gradient-to-r from-[#D7EDEA] to-[#F4FBDF] opacity-0 transition duration-300 group-hover:opacity-100"
                       data-projection-id="35"
                       style="-webkit-mask-image: radial-gradient(180px at 0px 0px, white, transparent);">
                    </div>
@@ -163,7 +163,7 @@
                       data-projection-id="36"
                       style="-webkit-mask-image: radial-gradient(180px at 0px 0px, white, transparent);">
                       <svg aria-hidden="true"
-                         class="absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/50 stroke-black/70 dark:fill-white/2.5 dark:stroke-white/10">
+                         class="absolute inset-x-0 inset-y-[-30%] h-[160%] w-full skew-y-[-18deg] fill-black/50 stroke-black/70  /10">
                          <defs>
                             <pattern id=":r6u:" width="72" height="56" patternUnits="userSpaceOnUse"
                                x="50%" y="16">
@@ -179,15 +179,15 @@
                    </div>
                 </div>
                 <div
-                   class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-zinc-900/7.5 group-hover:ring-zinc-900/10 dark:ring-white/10 dark:group-hover:ring-white/20">
+                   class="absolute inset-0 rounded-2xl ring-1 ring-inset ring-zinc-900/7.5 group-hover:ring-zinc-900/10  ">
                 </div>
                 <div class="relative rounded-2xl px-4 pt-16 pb-4">
                    
-                   <h3 class="mt-4 text-sm font-semibold leading-7 text-zinc-900 dark:text-white"><a
+                   <h3 class="mt-4 text-sm font-semibold leading-7 text-zinc-900 "><a
                          href="/reference/<%= pageData.featuredResources[i].path -%>"><span
                             class="absolute inset-0 rounded-2xl"></span>  <%= pageData.featuredResources[i].name -%></a>
                    </h3>
-                   <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400"><%= pageData.featuredResources[i].description -%></p>
+                   <p class="mt-1 text-sm text-zinc-600 "><%= pageData.featuredResources[i].description -%></p>
                 </div>
              </div>
              <% } %>
diff --git a/ApiReference/views/main/model.ejs b/ApiReference/views/main/model.ejs
index a82eef768d..e0983db954 100644
--- a/ApiReference/views/main/model.ejs
+++ b/ApiReference/views/main/model.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-   <article class="prose dark:prose-invert">
+   <article class="prose ">
       <h1>
          <%= pageData.title -%>
       </h1>
@@ -26,7 +26,7 @@
                          <dt class="sr-only">Name</dt>
                          <dd><code class="inline-code"> <%= pageData.tablePermissions.read[i].permission -%></code></dd>
                          <dt class="sr-only">Type</dt>
-                         <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"><%= pageData.tablePermissions.read[i].title -%></dd>
+                         <dd class="font-mono text-xs text-zinc-400 "><%= pageData.tablePermissions.read[i].title -%></dd>
                          <dt class="sr-only">Description</dt>
                          <dd class="w-full text-sm flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                             <p><%= pageData.tablePermissions.read[i].description -%></p>
@@ -57,7 +57,7 @@
                          <dt class="sr-only">Name</dt>
                          <dd><code class="inline-code"> <%= pageData.tablePermissions.create[i].permission -%></code></dd>
                          <dt class="sr-only">Type</dt>
-                         <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"><%= pageData.tablePermissions.create[i].title -%></dd>
+                         <dd class="font-mono text-xs text-zinc-400 "><%= pageData.tablePermissions.create[i].title -%></dd>
                          <dt class="sr-only">Description</dt>
                          <dd class="w-full text-sm flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                             <p><%= pageData.tablePermissions.create[i].description -%></p>
@@ -90,7 +90,7 @@
                          <dt class="sr-only">Name</dt>
                          <dd><code class="inline-code"> <%= pageData.tablePermissions.update[i].permission -%></code></dd>
                          <dt class="sr-only">Type</dt>
-                         <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"><%= pageData.tablePermissions.update[i].title -%></dd>
+                         <dd class="font-mono text-xs text-zinc-400 "><%= pageData.tablePermissions.update[i].title -%></dd>
                          <dt class="sr-only">Description</dt>
                          <dd class="w-full flex-none text-sm [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                             <p><%= pageData.tablePermissions.update[i].description -%></p>
@@ -122,7 +122,7 @@
                          <dt class="sr-only">Name</dt>
                          <dd><code class="inline-code"> <%= pageData.tablePermissions.delete[i].permission -%></code></dd>
                          <dt class="sr-only">Type</dt>
-                         <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"><%= pageData.tablePermissions.delete[i].title -%></dd>
+                         <dd class="font-mono text-xs text-zinc-400 "><%= pageData.tablePermissions.delete[i].title -%></dd>
                          <dt class="sr-only">Description</dt>
                          <dd class="w-full text-sm flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                             <p><%= pageData.tablePermissions.delete[i].description -%></p>
@@ -146,14 +146,14 @@
       <h3>Properties</h3>
       <div class="my-6">
          <ul role="list"
-            class="m-0 w-full list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+            class="m-0 w-full list-none divide-y divide-zinc-900/5 p-0 ">
             <% for(var i=0; i<Object.keys(pageData.columns).length; i++) {%>
                <li class="m-0 px-0 py-4 first:pt-0 last:pb-0 mt-5">
                   <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                      <dt class="sr-only">Name</dt>
                      <dd><code class="inline-code"><%= Object.keys(pageData.columns)[i] -%></code></dd>
                      <dt class="sr-only">Type</dt>
-                     <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">
+                     <dd class="font-mono text-xs text-zinc-400 ">
 
                         <%= pageData.columns[Object.keys(pageData.columns)[i]].type -%>
 
@@ -242,10 +242,10 @@
 <div class="mt-10">
       <hr>
       <div class="flex items-center gap-x-3 mt-10"><span
-            class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-emerald-300 dark:ring-emerald-400/30 bg-emerald-400/10 text-emerald-500 dark:text-emerald-400">GET</span> <span
+            class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-emerald-300  bg-emerald-400/10 text-emerald-500 ">GET</span> <span
             class="font-mono text-xs text-zinc-400">or</span> <span
-            class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300 dark:ring-sky-400/30 bg-sky-400/10 text-sky-500 dark:text-sky-400">POST</span><span
-            class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+            class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300  bg-sky-400/10 text-sky-500 ">POST</span><span
+            class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
            class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%>/get-list</span></div>
            <div class="-mt-20">
       <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit">List</span></h2>
@@ -257,14 +257,14 @@
                      <h3>Optional Query Params</h3>
                   <div class="my-6">
                      <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                            
                            <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                               <dt class="sr-only">Limit</dt>
                               <dd><code class="inline-code">limit</code></dd>
                               <dt class="sr-only">Type</dt>
-                              <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">number</dd>
+                              <dd class="font-mono text-xs text-zinc-400 ">number</dd>
                               <dt class="sr-only">Description</dt>
                               <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                  <p>Number of objects to fetch. By default 10, you can increase this count up to 100</p>
@@ -276,7 +276,7 @@
                               <dt class="sr-only">Skip</dt>
                               <dd><code class="inline-code">skip</code></dd>
                               <dt class="sr-only">Type</dt>
-                              <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">number</dd>
+                              <dd class="font-mono text-xs text-zinc-400 ">number</dd>
                               <dt class="sr-only">Description</dt>
                               <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                  <p>Number of objects to skip. This can be useful in pagination</p>
@@ -288,13 +288,13 @@
                   <h3>Optional Request Body</h3>
                   <div class="my-6">
                      <ul role="list"
-                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                        class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                         <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                            <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                               <dt class="sr-only">Query</dt>
                               <dd><code class="inline-code">query</code></dd>
                               <dt class="sr-only">Type</dt>
-                              <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">query</dd>
+                              <dd class="font-mono text-xs text-zinc-400 ">query</dd>
                               <dt class="sr-only">Description</dt>
                               <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                  <p>If you would like to filter on <%= pageData.title -%>. You can specify include a query here. For more information, <a class="link" target="_blank" href="/reference/data-types#queries">please check out writing queries here.</a></p>
@@ -307,7 +307,7 @@
                            <dt class="sr-only">Select</dt>
                            <dd><code class="inline-code">select</code></dd>
                            <dt class="sr-only">Type</dt>
-                           <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">select</dd>
+                           <dd class="font-mono text-xs text-zinc-400 ">select</dd>
                            <dt class="sr-only">Description</dt>
                            <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                               <p> By default you will only retrieve ID of objects, to retrieve more fields you need to select them. For more information, <a class="link" target="_blank" href="/reference/data-types#select">please check how to select here.</a></p>
@@ -319,7 +319,7 @@
                            <dt class="sr-only">Sort</dt>
                            <dd><code class="inline-code">sort</code></dd>
                            <dt class="sr-only">Type</dt>
-                           <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">sort</dd>
+                           <dd class="font-mono text-xs text-zinc-400 ">sort</dd>
                            <dt class="sr-only">Description</dt>
                            <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                               <p> Objects will be sorted based on created date by default. You can change the sort order by passing  <a class="link" target="_blank" href="/reference/data-types#select">please check how to select here.</a></p>
@@ -341,10 +341,10 @@
          <div class="mt-10">
          <hr>
          <div class="flex items-center gap-x-3 mt-10"><span
-               class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-emerald-300 dark:ring-emerald-400/30 bg-emerald-400/10 text-emerald-500 dark:text-emerald-400">GET</span> <span
+               class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-emerald-300  bg-emerald-400/10 text-emerald-500 ">GET</span> <span
                class="font-mono text-xs text-zinc-400">or</span> <span
-               class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300 dark:ring-sky-400/30 bg-sky-400/10 text-sky-500 dark:text-sky-400">POST</span><span
-               class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+               class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300  bg-sky-400/10 text-sky-500 ">POST</span><span
+               class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
               class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%>/:id/get-item</span></div>
               <div class="-mt-20">
          <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit"
@@ -356,14 +356,14 @@
                         <h3>Required Query Params</h3>
                      <div class="my-6">
                         <ul role="list"
-                           class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                           class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                            <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                               
                               <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                  <dt class="sr-only">ID</dt>
                                  <dd><code class="inline-code">id</code></dd>
                                  <dt class="sr-only">Type</dt>
-                                 <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">text</dd>
+                                 <dd class="font-mono text-xs text-zinc-400 ">text</dd>
                                  <dt class="sr-only">Description</dt>
                                  <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                     <p>ID of the Object</p>
@@ -375,14 +375,14 @@
                      <h3>Optional Request Body</h3>
                      <div class="my-6">
                         <ul role="list"
-                           class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                           class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                            
                            <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                            <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                               <dt class="sr-only">Select</dt>
                               <dd><code class="inline-code">select</code></dd>
                               <dt class="sr-only">Type</dt>
-                              <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">select</dd>
+                              <dd class="font-mono text-xs text-zinc-400 ">select</dd>
                               <dt class="sr-only">Description</dt>
                               <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                  <p> By default you will only retrieve ID of objects, to retrieve more fields you need to select them. For more information, <a class="link" target="_blank" href="/reference/data-types#select">please check how to select here.</a></p>
@@ -408,8 +408,8 @@
             <div class="mt-10">
             <hr>
             <div class="flex items-center gap-x-3 mt-10"><span
-                  class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300 dark:ring-sky-400/30 bg-sky-400/10 text-sky-500 dark:text-sky-400">POST</span><span
-                  class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+                  class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300  bg-sky-400/10 text-sky-500 ">POST</span><span
+                  class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
                  class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%>/count</span></div>
                  <div class="-mt-20">
             <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit"
@@ -423,13 +423,13 @@
                         <h3>Optional Request Body</h3>
                         <div class="my-6">
                            <ul role="list"
-                              class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                              class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                               <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                                  <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                     <dt class="sr-only">Query</dt>
                                     <dd><code class="inline-code">query</code></dd>
                                     <dt class="sr-only">Type</dt>
-                                    <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">query</dd>
+                                    <dd class="font-mono text-xs text-zinc-400 ">query</dd>
                                     <dt class="sr-only">Description</dt>
                                     <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                        <p>If you would like to filter on <%= pageData.title -%>. You can specify include a query here. For more information, <a class="link" target="_blank" href="/reference/data-types#queries">please check out writing queries here.</a></p>
@@ -454,8 +454,8 @@
             <div class="mt-10">
                <hr>
                <div class="flex items-center gap-x-3 mt-10"><span
-                     class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300 dark:ring-sky-400/30 bg-sky-400/10 text-sky-500 dark:text-sky-400">POST</span><span
-                     class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+                     class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-sky-300  bg-sky-400/10 text-sky-500 ">POST</span><span
+                     class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
                     class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%></span></div>
                     <div class="-mt-20">
                <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit"
@@ -469,13 +469,13 @@
                            <h3>Request Body</h3>
                            <div class="my-6">
                               <ul role="list"
-                                 class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                                 class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                                  <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                                     <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                        <dt class="sr-only">Data</dt>
                                        <dd><code class="inline-code">data</code></dd>
                                        <dt class="sr-only">Type</dt>
-                                       <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">JSON</dd>
+                                       <dd class="font-mono text-xs text-zinc-400 ">JSON</dd>
                                        <dt class="sr-only">Description</dt>
                                        <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                           <p>Object to update as JSON</p>
@@ -501,8 +501,8 @@
             <div class="mt-10">
                <hr>
                <div class="flex items-center gap-x-3 mt-10"><span
-                     class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-amber-300 dark:ring-amber-400/30 bg-amber-400/10 text-amber-500 dark:text-amber-400">PUT</span><span
-                     class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+                     class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-amber-300  bg-amber-400/10 text-amber-500 ">PUT</span><span
+                     class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
                     class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%>/:id</span></div>
                     <div class="-mt-20">
                <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit"
@@ -516,13 +516,13 @@
                            <h3>Request Body</h3>
                            <div class="my-6">
                               <ul role="list"
-                                 class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                                 class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                                  <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                                     <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                                        <dt class="sr-only">Data</dt>
                                        <dd><code class="inline-code">data</code></dd>
                                        <dt class="sr-only">Type</dt>
-                                       <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">JSON</dd>
+                                       <dd class="font-mono text-xs text-zinc-400 ">JSON</dd>
                                        <dt class="sr-only">Description</dt>
                                        <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                                           <p>Object to update as JSON</p>
@@ -547,8 +547,8 @@
                <div class="mt-10">
                   <hr>
                   <div class="flex items-center gap-x-3 mt-10"><span
-                        class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-red-300 dark:ring-red-400/30 bg-red-400/10 text-red-500 dark:text-red-400">DELETE</span><span
-                        class="h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600"></span><span
+                        class="font-mono text-[0.625rem] font-semibold leading-6 rounded-lg px-1.5 ring-1 ring-inset ring-red-300  bg-red-400/10 text-red-500 ">DELETE</span><span
+                        class="h-0.5 w-0.5 rounded-full bg-zinc-300 "></span><span
                        class="font-mono text-xs text-zinc-400"><%= pageData.apiPath -%>/:id</span></div>
                        <div class="-mt-20">
                   <h2 id="list-all-contacts" class="mt-2 scroll-mt-32"><span class="group text-inherit no-underline hover:text-inherit"
diff --git a/ApiReference/views/main/pagination.ejs b/ApiReference/views/main/pagination.ejs
index b4dd24be6f..7961fa6341 100644
--- a/ApiReference/views/main/pagination.ejs
+++ b/ApiReference/views/main/pagination.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-   <article class="prose dark:prose-invert">
+   <article class="prose ">
       <h1>Pagination</h1>
       <p class="lead">In this guide, we will look at how to work with paginated responses when querying the OneUptime
          API. By default, all responses limit results to ten. </p>
@@ -21,13 +21,13 @@
                </h2>
             <div class="my-6">
                <ul role="list"
-                  class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+                  class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                   <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                      <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                         <dt class="sr-only">Name</dt>
                         <dd><code class="inline-code">limit</code></dd>
                         <dt class="sr-only">Type</dt>
-                        <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Number</dd>
+                        <dd class="font-mono text-xs text-zinc-400 ">Number</dd>
                         <dt class="sr-only">Description</dt>
                         <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                            <p>Number of items you need to fetch. More items will lead to slower responses. Max limit is
@@ -40,7 +40,7 @@
                         <dt class="sr-only">Name</dt>
                         <dd><code class="inline-code">skip</code></dd>
                         <dt class="sr-only">Type</dt>
-                        <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Number</dd>
+                        <dd class="font-mono text-xs text-zinc-400 ">Number</dd>
                         <dt class="sr-only">Description</dt>
                         <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                            <p>Number of items to skip. This can be useful when you are paginating items.</p>
@@ -54,13 +54,13 @@
             </h2>
          <div class="my-6">
             <ul role="list"
-               class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+               class="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 ">
                <li class="m-0 px-0 py-4 first:pt-0 last:pb-0">
                   <dl class="m-0 flex flex-wrap items-center gap-x-3 gap-y-2">
                      <dt class="sr-only">Name</dt>
                      <dd><code class="inline-code">data</code></dd>
                      <dt class="sr-only">Type</dt>
-                     <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">JSON Array</dd>
+                     <dd class="font-mono text-xs text-zinc-400 ">JSON Array</dd>
                      <dt class="sr-only">Description</dt>
                      <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                         <p>List of items fetched.</p>
@@ -72,7 +72,7 @@
                      <dt class="sr-only">Name</dt>
                      <dd><code class="inline-code">count</code></dd>
                      <dt class="sr-only">Type</dt>
-                     <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Number</dd>
+                     <dd class="font-mono text-xs text-zinc-400 ">Number</dd>
                      <dt class="sr-only">Description</dt>
                      <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                         <p>Total number of items in the database</p>
@@ -84,7 +84,7 @@
                      <dt class="sr-only">Name</dt>
                      <dd><code class="inline-code">limit</code></dd>
                      <dt class="sr-only">Type</dt>
-                     <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Number</dd>
+                     <dd class="font-mono text-xs text-zinc-400 ">Number</dd>
                      <dt class="sr-only">Description</dt>
                      <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                         <p>Number of items you need to fetch. More items will lead to slower responses. Max limit is
@@ -97,7 +97,7 @@
                      <dt class="sr-only">Name</dt>
                      <dd><code class="inline-code">skip</code></dd>
                      <dt class="sr-only">Type</dt>
-                     <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500">Number</dd>
+                     <dd class="font-mono text-xs text-zinc-400 ">Number</dd>
                      <dt class="sr-only">Description</dt>
                      <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                         <p>Number of items to skip. This can be useful when you are paginating items.</p>
diff --git a/ApiReference/views/main/permissions.ejs b/ApiReference/views/main/permissions.ejs
index cdacc4b3a4..e1b0ca258a 100644
--- a/ApiReference/views/main/permissions.ejs
+++ b/ApiReference/views/main/permissions.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose ">
        <h1>Permissions</h1>
        <p class="lead"> Your API Token needs permissions to create, update, read or delete any resource. If you do not have permissions to make a request a <code class="inline-code">4xx</code> status will be sent as response. You can manage permissions for your API Key in Project Settings > API Keys. </p>
       
@@ -18,7 +18,7 @@
                          <dt class="sr-only">Name</dt>
                          <dd><code class="inline-code"> <%= pageData.permissions[i].permission -%></code></dd>
                          <dt class="sr-only">Type</dt>
-                         <dd class="font-mono text-xs text-zinc-400 dark:text-zinc-500"><%= pageData.permissions[i].title -%></dd>
+                         <dd class="font-mono text-xs text-zinc-400 "><%= pageData.permissions[i].title -%></dd>
                          <dt class="sr-only">Description</dt>
                          <dd class="w-full flex-none [&amp;>:first-child]:mt-0 [&amp;>:last-child]:mb-0">
                             <p><%= pageData.permissions[i].description -%></p>
diff --git a/ApiReference/views/main/status.ejs b/ApiReference/views/main/status.ejs
index 5998005429..47ff95fab6 100644
--- a/ApiReference/views/main/status.ejs
+++ b/ApiReference/views/main/status.ejs
@@ -1,5 +1,5 @@
 <main class="py-16">
-    <article class="prose dark:prose-invert">
+    <article class="prose ">
        <div>
           <div>
              
diff --git a/ApiReference/views/pages/index.ejs b/ApiReference/views/pages/index.ejs
index 8ee4aea664..4c8257bc89 100755
--- a/ApiReference/views/pages/index.ejs
+++ b/ApiReference/views/pages/index.ejs
@@ -1,7 +1,7 @@
 <html lang="en" class="js-focus-visible ctshmsrlsm idc0_345">
 <%- include('../partials/head') -%>
 
-   <body onload="applyStyles()" class="bg-white antialiased dark:bg-zinc-900" data-new-gr-c-s-check-loaded="14.1095.0"
+   <body onload="applyStyles()" class="bg-white antialiased " data-new-gr-c-s-check-loaded="14.1095.0"
       data-gr-ext-installed="">
       <div id="__next">
          <div class="lg:ml-72 xl:ml-80">
diff --git a/ApiReference/views/partials/code.ejs b/ApiReference/views/partials/code.ejs
index f4278f53fa..d8f3698965 100644
--- a/ApiReference/views/partials/code.ejs
+++ b/ApiReference/views/partials/code.ejs
@@ -1,24 +1,24 @@
-<div class="not-prose my-6 overflow-hidden rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10">
-    <div class="flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4 dark:border-zinc-800 dark:bg-transparent">
+<div class="not-prose my-6 overflow-hidden rounded-2xl bg-zinc-900 shadow-md  ">
+    <div class="flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4  ">
        <h4 class="mr-auto text-xs font-semibold text-white mt-5"><%= title -%></h4>
     </div>
-    <div class="group dark:bg-white/2.5">
+    <div class="group ">
       
       
       <% if(requestType && requestUrl){ %>
          
-      <div class="flex h-9 items-center gap-2 border-b-white/7.5 bg-zinc-900 bg-white/2.5 px-4 dark:border-b-white/5 dark:bg-white/1 mb-2">
+      <div class="flex h-9 items-center gap-2 border-b-white/7.5 bg-zinc-900 bg-white/2.5 px-4  ">
          <% if( requestType === "GET"){ %>
-            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-emerald-500 dark:text-emerald-400">GET</span></div>
+            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-emerald-500 ">GET</span></div>
           <% } %>  
           <% if( requestType === "POST"){ %>
-            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-sky-500 dark:text-sky-400">POST</span></div>
+            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-sky-500 ">POST</span></div>
           <% } %>  
           <% if( requestType === "DELETE"){ %>
-            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-red-500 dark:text-red-400">DELETE</span></div>
+            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-red-500 ">DELETE</span></div>
           <% } %> 
           <% if( requestType === "PUT"){ %>
-            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-amber-500 dark:text-amber-400">PUT</span></div>
+            <div class="dark flex"><span class="font-mono text-sm font-semibold leading-6 text-amber-500 ">PUT</span></div>
           <% } %> 
          <span class="h-0.5 w-0.5 rounded-full bg-zinc-500"></span><span class="font-mono text-sm text-zinc-300"><%= requestUrl -%></span>
       </div>
diff --git a/ApiReference/views/partials/footer.ejs b/ApiReference/views/partials/footer.ejs
index cd4b7fbb58..46b929c6b5 100644
--- a/ApiReference/views/partials/footer.ejs
+++ b/ApiReference/views/partials/footer.ejs
@@ -2,15 +2,15 @@
     
     
     <div
-       class="flex flex-col items-center justify-between gap-5 border-t border-zinc-900/5 pt-8 dark:border-white/5 sm:flex-row">
-       <p class="text-xs text-zinc-600 dark:text-zinc-400">
+       class="flex flex-col items-center justify-between gap-5 border-t border-zinc-900/5 pt-8  sm:flex-row">
+       <p class="text-xs text-zinc-600 ">
           OneUptime documentation is under MIT license. Please feel free to contribute and improve it on GitHub.
        </p>
        <div class="flex gap-4">
           <a class="group" href="https://twitter.com/OneUptimeHQ" target="_blank">
              <span class="sr-only">Follow us on Twitter</span>
              <svg viewBox="0 0 20 20" aria-hidden="true"
-                class="h-5 w-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500">
+                class="h-5 w-5 fill-zinc-700 transition group-hover:fill-zinc-900 :fill-zinc-500">
                 <path
                    d="M16.712 6.652c.01.146.01.29.01.436 0 4.449-3.267 9.579-9.242 9.579v-.003a8.963 8.963 0 0 1-4.98-1.509 6.379 6.379 0 0 0 4.807-1.396c-1.39-.027-2.608-.966-3.035-2.337.487.097.99.077 1.467-.059-1.514-.316-2.606-1.696-2.606-3.3v-.041c.45.26.956.404 1.475.42C3.18 7.454 2.74 5.486 3.602 3.947c1.65 2.104 4.083 3.382 6.695 3.517a3.446 3.446 0 0 1 .94-3.217 3.172 3.172 0 0 1 4.596.148 6.38 6.38 0 0 0 2.063-.817 3.357 3.357 0 0 1-1.428 1.861 6.283 6.283 0 0 0 1.865-.53 6.735 6.735 0 0 1-1.62 1.744Z">
                 </path>
@@ -19,7 +19,7 @@
           <a class="group" href="https://github.com/oneuptime/oneuptime" target="_blank">
              <span class="sr-only">Follow us on GitHub</span>
              <svg viewBox="0 0 20 20" aria-hidden="true"
-                class="h-5 w-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500">
+                class="h-5 w-5 fill-zinc-700 transition group-hover:fill-zinc-900 :fill-zinc-500">
                 <path fill-rule="evenodd" clip-rule="evenodd"
                    d="M10 1.667c-4.605 0-8.334 3.823-8.334 8.544 0 3.78 2.385 6.974 5.698 8.106.417.075.573-.182.573-.406 0-.203-.011-.875-.011-1.592-2.093.397-2.635-.522-2.802-1.002-.094-.246-.5-1.005-.854-1.207-.291-.16-.708-.556-.01-.567.656-.01 1.124.62 1.281.876.75 1.292 1.948.93 2.427.705.073-.555.291-.93.531-1.143-1.854-.213-3.791-.95-3.791-4.218 0-.929.322-1.698.854-2.296-.083-.214-.375-1.09.083-2.265 0 0 .698-.224 2.292.876a7.576 7.576 0 0 1 2.083-.288c.709 0 1.417.096 2.084.288 1.593-1.11 2.291-.875 2.291-.875.459 1.174.167 2.05.084 2.263.53.599.854 1.357.854 2.297 0 3.278-1.948 4.005-3.802 4.219.302.266.563.78.563 1.58 0 1.143-.011 2.061-.011 2.35 0 .224.156.491.573.405a8.365 8.365 0 0 0 4.11-3.116 8.707 8.707 0 0 0 1.567-4.99c0-4.721-3.73-8.545-8.334-8.545Z">
                 </path>
diff --git a/ApiReference/views/partials/nav.ejs b/ApiReference/views/partials/nav.ejs
index aa00bd6841..d8bc207199 100644
--- a/ApiReference/views/partials/nav.ejs
+++ b/ApiReference/views/partials/nav.ejs
@@ -1,6 +1,6 @@
 <header class="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex">
     <div
-        class="contents lg:pointer-events-auto lg:block lg:w-72 lg:overflow-y-auto lg:border-r lg:border-zinc-900/10 lg:px-6 lg:pt-4 lg:pb-8 lg:dark:border-white/10 xl:w-80">
+        class="contents lg:pointer-events-auto lg:block lg:w-72 lg:overflow-y-auto lg:border-r lg:border-zinc-900/10 lg:px-6 lg:pt-4 lg:pb-8  xl:w-80">
         <div class="hidden lg:flex">
             <a aria-label="Home" href="/">
                 <svg class="h-6 -ml-48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -101,26 +101,26 @@
                 </svg>
             </a>
         </div>
-        <div class="fixed inset-x-0 top-0 z-50 flex h-14 border-b-2 items-center justify-between gap-12 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80 backdrop-blur-sm dark:backdrop-blur lg:left-72 xl:left-80 bg-white/[var(--bg-opacity-light)] dark:bg-zinc-900/[var(--bg-opacity-dark)]"
-            style="--bg-opacity-light:0.5; --bg-opacity-dark:0.2;">
-            <div class="absolute inset-x-0 top-full h-px transition bg-zinc-900/7.5 dark:bg-white/7.5"></div>
+        <div class="fixed inset-x-0 top-0 z-50 flex h-14 border-b-2 items-center justify-between gap-12 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80 backdrop-blur-sm  lg:left-72 xl:left-80 bg-white/[var(--bg-opacity-light)] /[var(--bg-opacity-dark)]"
+            style="--bg-opacity-light:0.5; ">
+            <div class="absolute inset-x-0 top-full h-px transition bg-zinc-900/7.5 "></div>
             <div class="hidden lg:block lg:max-w-md lg:flex-auto">
                 <!-- <button type="button"
-                    class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20 lg:flex focus:[&amp;:not(:focus-visible)]:outline-none">
+                    class="hidden h-8 w-full items-center gap-2 rounded-full bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20     lg:flex focus:[&amp;:not(:focus-visible)]:outline-none">
                     <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="h-5 w-5 stroke-current">
                         <path stroke-linecap="round" stroke-linejoin="round"
                             d="M12.01 12a4.25 4.25 0 1 0-6.02-6 4.25 4.25 0 0 0 6.02 6Zm0 0 3.24 3.25"></path>
                     </svg>
-                    Find something...<kbd class="ml-auto text-2xs text-zinc-400 dark:text-zinc-500"><kbd
+                    Find something...<kbd class="ml-auto text-2xs text-zinc-400 "><kbd
                             class="font-sans">⌘</kbd><kbd class="font-sans">K</kbd></kbd>
                 </button> -->
             </div>
             <div class="flex items-center gap-5 lg:hidden">
                 <button type="button"
-                    class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5"
+                    class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 "
                     aria-label="Toggle navigation">
                     <svg viewBox="0 0 10 9" fill="none" stroke-linecap="round" aria-hidden="true"
-                        class="w-2.5 stroke-zinc-900 dark:stroke-white">
+                        class="w-2.5 stroke-zinc-900 ">
                         <path d="M.5 1h9M.5 8h9M.5 4.5h9"></path>
                     </svg>
                 </button>
@@ -129,7 +129,7 @@
                         <path class="fill-emerald-400"
                             d="M16 8a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5v13.927a1 1 0 0 0 1.623.782l3.684-2.93a4 4 0 0 1 2.49-.87H11a5 5 0 0 0 5-5V8Z">
                         </path>
-                        <path class="fill-zinc-900 dark:fill-white"
+                        <path class="fill-zinc-900 "
                             d="M26.538 18h2.654v-3.999h2.576c2.672 0 4.456-1.723 4.456-4.333V9.65c0-2.61-1.784-4.333-4.456-4.333h-5.23V18Zm4.58-10.582c1.52 0 2.416.8 2.416 2.241v.018c0 1.441-.896 2.25-2.417 2.25h-1.925V7.418h1.925ZM38.051 18h2.566v-5.414c0-1.371.923-2.206 2.382-2.206.396 0 .791.061 1.178.15V8.287a3.843 3.843 0 0 0-.958-.123c-1.257 0-2.136.615-2.443 1.661h-.159V8.323h-2.566V18Zm11.55.202c2.979 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.773-5.036-2.953 0-4.772 1.916-4.772 5.036v.018c0 3.146 1.793 5.036 4.772 5.036Zm0-2.013c-1.372 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.144-3.023 1.354 0 2.145 1.134 2.145 3.023v.018c0 1.907-.782 3.023-2.145 3.023Zm10.52 1.846c.492 0 .967-.053 1.283-.114v-1.907a6.057 6.057 0 0 1-.755.044c-.87 0-1.24-.387-1.24-1.257v-4.544h1.995V8.323H59.41V6.012h-2.592v2.311h-1.495v1.934h1.495v5.133c0 1.88.949 2.645 3.304 2.645Zm7.287.167c2.98 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.772-5.036-2.954 0-4.773 1.916-4.773 5.036v.018c0 3.146 1.793 5.036 4.773 5.036Zm0-2.013c-1.372 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.145-3.023 1.353 0 2.144 1.134 2.144 3.023v.018c0 1.907-.782 3.023-2.144 3.023Zm10.767 2.013c2.522 0 4.034-1.353 4.297-3.463l.01-.053h-2.374l-.017.036c-.229.966-.853 1.467-1.908 1.467-1.37 0-2.135-1.08-2.135-3.04v-.018c0-1.934.755-3.006 2.135-3.006 1.099 0 1.74.615 1.908 1.556l.008.017h2.391v-.026c-.228-2.162-1.749-3.56-4.315-3.56-3.033 0-4.738 1.837-4.738 5.019v.017c0 3.217 1.714 5.054 4.738 5.054Zm10.257 0c2.98 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.772-5.036-2.953 0-4.773 1.916-4.773 5.036v.018c0 3.146 1.793 5.036 4.773 5.036Zm0-2.013c-1.371 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.145-3.023 1.353 0 2.144 1.134 2.144 3.023v.018c0 1.907-.782 3.023-2.144 3.023ZM95.025 18h2.566V4.623h-2.566V18Z">
                         </path>
                     </svg>
@@ -138,26 +138,26 @@
             <div class="flex items-center gap-5">
                 <nav class="hidden md:block">
                     <ul role="list" class="flex items-center gap-8">
-                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900  "
                                 href="/">Home</a></li>
-                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900  "
                                 target="_blank"
                                 href="https://oneuptimesupport.slack.com/join/shared_invite/zt-1kavkds2f-gegm_wePorvwvM3M_SaoCQ#/shared-invite/email">Chat
                                 with us on Slack</a></li>
-                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900  "
                                 href="/support">Support</a></li>
-                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        <li><a class="text-sm leading-5 text-zinc-600 transition hover:text-zinc-900  "
                                 href="https://github.com/oneuptime/oneuptime">GitHub</a></li>
                     </ul>
                 </nav>
-                <div class="hidden md:block md:h-5 md:w-px md:bg-zinc-900/10 md:dark:bg-white/15"></div>
+                <div class="hidden md:block md:h-5 md:w-px md:bg-zinc-900/10 md:"></div>
                 <div class="flex gap-4">
                     <div class="contents lg:hidden">
                         <button type="button"
-                            class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5 lg:hidden focus:[&amp;:not(:focus-visible)]:outline-none"
+                            class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5  lg:hidden focus:[&amp;:not(:focus-visible)]:outline-none"
                             aria-label="Find something...">
                             <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
-                                class="h-5 w-5 stroke-zinc-900 dark:stroke-white">
+                                class="h-5 w-5 stroke-zinc-900 ">
                                 <path stroke-linecap="round" stroke-linejoin="round"
                                     d="M12.01 12a4.25 4.25 0 1 0-6.02-6 4.25 4.25 0 0 0 6.02 6Zm0 0 3.24 3.25">
                                 </path>
@@ -165,51 +165,51 @@
                         </button>
                     </div>
                     <!-- <button type="button"
-                        class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5"
+                        class="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 "
                         aria-label="Toggle dark mode">
                         <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
-                            class="h-5 w-5 stroke-zinc-900 dark:hidden">
+                            class="h-5 w-5 stroke-zinc-900 ">
                             <path d="M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"></path>
                             <path stroke-linecap="round"
                                 d="M10 5.5v-1M13.182 6.818l.707-.707M14.5 10h1M13.182 13.182l.707.707M10 15.5v-1M6.11 13.889l.708-.707M4.5 10h1M6.11 6.111l.708.707">
                             </path>
                         </svg>
                         <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"
-                            class="hidden h-5 w-5 stroke-white dark:block">
+                            class="hidden h-5 w-5 stroke-white ">
                             <path d="M15.224 11.724a5.5 5.5 0 0 1-6.949-6.949 5.5 5.5 0 1 0 6.949 6.949Z"></path>
                         </svg>
                     </button> -->
                 </div>
                 <div class="hidden min-[416px]:contents"><a
-                        class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-900 py-1 px-3 text-white hover:bg-zinc-700 dark:bg-emerald-400/10 dark:text-emerald-400 dark:ring-1 dark:ring-inset dark:ring-emerald-400/20 dark:hover:bg-emerald-400/10 dark:hover:text-emerald-300 dark:hover:ring-emerald-300"
+                        class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-900 py-1 px-3 text-white hover:bg-zinc-700        "
                         href="/dashboard">Sign in</a></div>
             </div>
         </div>
         <nav class="hidden lg:mt-10 lg:block">
             <ul role="list">
                 <li class="md:hidden"><a
-                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900  "
                         href="/">API</a></li>
                 <li class="md:hidden"><a
-                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900  "
                         href="/#">Documentation</a></li>
                 <li class="md:hidden"><a
-                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                        class="block py-1 text-sm text-zinc-600 transition hover:text-zinc-900  "
                         href="/#">Support</a></li>
                 <li class="relative mt-6 md:mt-0">
-                    <h6 class="text-sm font-semibold text-zinc-900 dark:text-white">Guides</h6>
+                    <h6 class="text-sm font-semibold text-zinc-900 ">Guides</h6>
                     <div class="relative mt-3 pl-2">
-                        <div class="absolute inset-x-0 top-0 bg-zinc-800/2.5 will-change-transform dark:bg-white/2.5"
+                        <div class="absolute inset-x-0 top-0 bg-zinc-800/2.5 will-change-transform "
                             data-projection-id="32"
                             style="height: 64px; top: 0px; border-radius: 8px; opacity: 1; transform: none; transform-origin: 50% 50% 0px;">
                         </div>
-                        <div class="absolute inset-y-0 left-2 w-px bg-zinc-900/10 dark:bg-white/5"
+                        <div class="absolute inset-y-0 left-2 w-px bg-zinc-900/10 "
                             style="transform: none; transform-origin: 50% 50% 0px;"></div>
                         <div class="absolute left-2 h-6 w-px bg-emerald-500" data-projection-id="33"
                             style="top: 4px; opacity: 1;"></div>
                         <ul role="list" class="border-l border-transparent">
                             <li class="relative">
-                                <a class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-900 dark:text-white"
+                                <a class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-900 "
                                     href="/reference/introduction" aria-current="page"><span
                                         class="truncate">Introduction</span></a>
 
@@ -217,19 +217,19 @@
 
 
                             <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                     href="/reference/authentication"><span class="truncate">Authentication</span></a></li>
                             <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                     href="/reference/pagination"><span class="truncate">Pagination</span></a></li>
                             <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                     href="/reference/permissions"><span class="truncate">Permissions</span></a></li>
                             <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                     href="/reference/data-types"><span class="truncate">Data Types</span></a></li>
                             <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                    class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                     href="/reference/errors"><span class="truncate">Errors</span></a></li>
 
 
@@ -237,15 +237,15 @@
                     </div>
                 </li>
                 <li class="relative mt-6">
-                    <h6 class="text-sm font-semibold text-zinc-900 dark:text-white"
+                    <h6 class="text-sm font-semibold text-zinc-900 "
                         style="transform: none; transform-origin: 50% 50% 0px;">Resources</h6>
                     <div class="relative mt-3 pl-2">
-                        <div class="absolute inset-y-0 left-2 w-px bg-zinc-900/10 dark:bg-white/5"
+                        <div class="absolute inset-y-0 left-2 w-px bg-zinc-900/10 "
                             style="transform: none; transform-origin: 50% 50% 0px;"></div>
                         <ul role="list" class="border-l border-transparent">
                             <% for(var i=0; i<resources.length; i++) {%>
                                 <li class="relative" style="transform: none; transform-origin: 50% 50% 0px;"><a
-                                        class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"
+                                        class="flex justify-between gap-2 py-1 pr-3 text-sm transition pl-4 text-zinc-600 hover:text-zinc-900  "
                                         href="/reference/<%= resources[i].path -%>"><span class="truncate">
                                             <%= resources[i].name -%>
                                         </span></a></li>
@@ -255,7 +255,7 @@
                     </div>
                 </li>
                 <li class="sticky bottom-0 z-10 mt-6 min-[416px]:hidden"><a
-                        class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-900 py-1 px-3 text-white hover:bg-zinc-700 dark:bg-emerald-500 dark:text-white dark:hover:bg-emerald-400 w-full"
+                        class="inline-flex gap-0.5 justify-center overflow-hidden text-sm font-medium transition rounded-full bg-zinc-900 py-1 px-3 text-white hover:bg-zinc-700   :bg-emerald-400 w-full"
                         href="/#">Sign in</a></li>
             </ul>
         </nav>
diff --git a/Common/Types/WebRequest.ts b/Common/Types/WebRequest.ts
new file mode 100644
index 0000000000..9163f9d682
--- /dev/null
+++ b/Common/Types/WebRequest.ts
@@ -0,0 +1,17 @@
+import axios from "axios";
+
+export default class WebRequest { 
+    public static get(url: URL, headers: Headers, options: any): Promise<any> {
+        // make a web request to the page like google.com and return the response
+        return new Promise((resolve, reject) => {
+            axios.get(url.toString(), options)
+            .then((response) => {
+                resolve(response);
+            })
+            .catch((error) => {
+                reject(error);
+            });
+        }
+        
+    }
+}
\ No newline at end of file
diff --git a/Probe/Utils/Monitors/MonitorTypes/WebsiteMonitor.ts b/Probe/Utils/Monitors/MonitorTypes/WebsiteMonitor.ts
index cc68b199f1..0905edd2aa 100644
--- a/Probe/Utils/Monitors/MonitorTypes/WebsiteMonitor.ts
+++ b/Probe/Utils/Monitors/MonitorTypes/WebsiteMonitor.ts
@@ -23,12 +23,22 @@ export default class WebsiteMonitor {
         try {
             const startTime: [number, number] = process.hrtime();
             const result: HTTPResponse<JSONObject> | HTTPErrorResponse =
-                await API.get(url, {}, {});
+                await API.get(url, {}, {
+                    'content-type': 'text/html',
+                    'Accept-Encoding': 'gzip, deflate, br',
+                    'Accept': '*/*',
+                    'User-Agent': 'OneUptime',
+                    
+                });
             const endTime: [number, number] = process.hrtime(startTime);
             const responseTimeInMS: PositiveNumber = new PositiveNumber(
                 (endTime[0] * 1000000000 + endTime[1]) / 1000000
             );
 
+
+            console.log("Website monitor result");
+            console.log(result);
+
             return {
                 url: url,
                 requestHeaders: {},