fix(analytics): styles (#325)

Phala-Network · Aug 25, 2023 · b9fe1d9 · b9fe1d9
1 parent 6669724
commit b9fe1d9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/apps/analytics/src/app.css b/apps/analytics/src/app.css
@@ -3,6 +3,13 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  html {
+    background-color: #171923;
+    background: linear-gradient(180deg, #171923 0%, #1a202c 100%);
+  }
+}
+
 @layer components {
   .card {
     @apply bg-gray-700 rounded-3xl px-6 py-5 shadow-xl;
@@ -13,6 +20,6 @@
   }
 
   .data-label {
-    @apply font-montserrat text-sm text-gray-300;
+    @apply font-montserrat text-sm text-gray-400;
   }
 }
diff --git a/apps/analytics/src/app.html b/apps/analytics/src/app.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width" />
     %sveltekit.head%
   </head>
-  <body data-sveltekit-preload-data="hover" class="bg-gray-900 text-white">
+  <body data-sveltekit-preload-data="hover" class="text-white">
     <div style="display: contents">%sveltekit.body%</div>
   </body>
 </html>
diff --git a/apps/analytics/tailwind.config.js b/apps/analytics/tailwind.config.js
@@ -2,7 +2,14 @@
 export default {
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        gray: {
+          700: '#2D3748',
+          400: '#A0AEC0',
+        },
+      },
+    },
     fontFamily: {
       montserrat: ['Montserrat', 'sans-serif'],
     },