From b9fe1d9875b01ab66b4c4f1239265b0ae662bbdd Mon Sep 17 00:00:00 2001
From: Kingsley <10992364+kingsleydon@users.noreply.github.com>
Date: Fri, 25 Aug 2023 16:13:40 +0800
Subject: [PATCH] fix(analytics): styles (#325)
---
apps/analytics/src/app.css | 9 ++++++++-
apps/analytics/src/app.html | 2 +-
apps/analytics/tailwind.config.js | 9 ++++++++-
3 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/apps/analytics/src/app.css b/apps/analytics/src/app.css
index 8e834f62..75d3999f 100644
--- 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
index e4af5aaa..5a27635a 100644
--- a/apps/analytics/src/app.html
+++ b/apps/analytics/src/app.html
@@ -6,7 +6,7 @@
%sveltekit.head%
-
+
%sveltekit.body%
diff --git a/apps/analytics/tailwind.config.js b/apps/analytics/tailwind.config.js
index 856de947..de041697 100644
--- 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'],
},