Change theme to neutral

2025-11-08 05:03:49 -05:00 · 2024-07-12 13:37:23 +03:00
2 changed files with 9 additions and 9 deletions
--- a/src/static/index.css
+++ b/src/static/index.css
--- a/src/static/template.liquid
+++ b/src/static/template.liquid
@@ -20,14 +20,14 @@
      .gi::after {
        content: '';
        position: absolute;
-        background-color: #e5e7eb;
+        background-color: #e5e5e5;
        z-index: 1;
      }

      @media (prefers-color-scheme: dark) {
        .gi::before,
        .gi::after {
-          background-color: #1f2937;
+          background-color: #262626;
        }
      }

@@ -71,7 +71,7 @@
    </style>
  </head>
  <body>
-    <div class="flex justify-center items-center min-h-screen bg-gray-50 dark:bg-gray-950">
+    <div class="flex justify-center items-center min-h-screen bg-neutral-50 dark:bg-neutral-950">
      <div class="lg:px-8 sm:px-6 px-4 max-w-[80rem] mx-auto h-full w-full">
        <div class="max-w-[48rem] mx-auto h-full my-8">
          <div class="flex items-center gap-1">
@@ -114,12 +114,12 @@
              </g>
            </svg>
          </div>
-          <div class="shadow-sm bg-white dark:bg-gray-900 rounded-md my-8">
+          <div class="shadow-sm bg-white dark:bg-neutral-900 rounded-md my-8">
            <dl class="lg:grid-cols-4 md:grid-cols-2 gap-1 grid-cols-1 grid overflow-hidden *:relative">
              {% for metric in metrics %}
                <div class="gi">
                  <div class="xl:px-8 px-6 py-4 gap-y-2 gap-x-4 justify-between align-baseline flex flex-col h-full">
-                    <dt class="text-gray-500 dark:text-gray-400 leading-6 font-medium">{{ metric.name }}</dt>
+                    <dt class="text-neutral-500 dark:text-neutral-400 leading-6 font-medium">{{ metric.name }}</dt>
                    <dd class="text-black dark:text-white tracking-tight leading-10 font-medium text-3xl flex-none w-full">
                      {{ metric.value }}
                    </dd>
@@ -128,8 +128,8 @@
              {% endfor %}
            </dl>
          </div>
-          <div class="shadow-sm bg-white dark:bg-gray-900 rounded-md my-8">
-            <ul class="*:py-4 *:px-6 *:flex *:items-center *:gap-3 dark:divide-gray-800 divide-y dark:text-white">
+          <div class="shadow-sm bg-white dark:bg-neutral-900 rounded-md my-8">
+            <ul class="*:py-4 *:px-6 *:flex *:items-center *:gap-3 dark:divide-neutral-800 divide-y dark:text-white">
              {% for image in images %}
                <li>
                  <svg
@@ -181,7 +181,7 @@
                      height="24"
                      viewBox="0 0 24 24"
                      fill="currentColor"
-                      class="text-gray-500 ml-auto"
+                      class="text-neutral-500 ml-auto"
                    >
                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                      <path d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm0 13a1 1 0 0 0 -.993 .883l-.007 .117l.007 .127a1 1 0 0 0 1.986 0l.007 -.117l-.007 -.127a1 1 0 0 0 -.993 -.883zm1.368 -6.673a2.98 2.98 0 0 0 -3.631 .728a1 1 0 0 0 1.44 1.383l.171 -.18a.98 .98 0 0 1 1.11 -.15a1 1 0 0 1 -.34 1.886l-.232 .012a1 1 0 0 0 .111 1.994a3 3 0 0 0 1.371 -5.673z" />