simplify button styles and 404 pages

src/ocamlorg_frontend/css/partials/buttons.css

@@ -53,10 +53,10 @@
 
 
   .btn-ghost {
-    @apply bg-transparent border-primary text-primary dark:border-white dark:text-white border text-base font-semibold hover:bg-primary hover:text-white dark:hover:bg-white dark:hover:text-black;
+    @apply bg-transparent dark:bg-transparent border-primary text-primary dark:border-white dark:text-white border text-base font-semibold;
   }
   .btn-ghost:hover {
-    @apply text-white bg-primary border-primary;
+    @apply text-white bg-primary border-primary dark:border-white dark:bg-white dark:text-black;
   }
 
   .btn-ghost:active {

src/ocamlorg_frontend/pages/home.eml

@@ -418,7 +418,7 @@ Layout.render
             documentation.
           </p>
         </div>
-        <a href="<%s Url.packages %>" class="btn btn-primary btn-lg mt-8 flex items-center">
+        <a href="<%s Url.packages %>" class="btn btn-lg mt-8 flex items-center">
           <span>Explore packages</span>
           <%s! Icons.chevron_right "h-5 w-5" %>
         </a>

src/ocamlorg_frontend/pages/not_found.eml

@@ -12,11 +12,11 @@ Layout.render
       </div>
       <div class="mt-10 flex space-x-3 sm:border-l sm:border-transparent sm:pl-6">
         <a href="/"
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white dark:text-dark-white  bg-primary dark:bg-dark-primary hover:bg-primary_dark dark:hover:bg-dark-primary_40 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary dark:focus:ring-dark-primary">
+          class="btn">
           Go Back Home
         </a>
         <a href="https://github.com/ocaml/ocaml.org/issues"
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-primary dark:text-dark-primary bg-primary_25 dark:bg-dark-primary_20 hover:bg-primary_40 dark:hover:bg-dark-primary_40 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary dark:focus:ring-dark-primary">
+          class="btn btn-ghost">
           Open an Issue
         </a>
       </div>

src/ocamlorg_frontend/pages/package_documentation_not_found.eml

@@ -18,16 +18,16 @@ Package_layout.render
     <p class="text-4xl font-extrabold text-primary sm:text-5xl">404</p>
     <div class="sm:ml-6">
       <div class="sm:border-l sm:border-gray-200 sm:pl-6">
-        <h1 class="text-4xl font-extrabold text-title tracking-tight sm:text-5xl">Page not found</h1>
-        <p class="mt-1 text-base text-gray-500">We're sorry, for some reason we don't have the documentation for this package.</p>
+        <h1 class="text-4xl font-extrabold text-title dark:text-dark-title tracking-tight sm:text-5xl">Page not found</h1>
+        <p class="mt-1 text-base text-content dark:text-dark-content">We're sorry, for some reason we don't have the documentation for this package.</p>
       </div>
       <div class="mt-10 flex space-x-3 sm:border-l sm:border-transparent sm:pl-6">
         <a href="<%s Url.Package.overview package.name ?version %>"
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500">
+          class="btn">
           Go To Package Overview
         </a>
         <a href="https://github.com/ocaml/ocaml.org/issues"
-          class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-orange-700 bg-orange-100 hover:bg-orange-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500">
+          class="btn btn-ghost">
           Open an Issue
         </a>
       </div>