diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index b4ba5f7..dfe290f 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -10,8 +10,9 @@ export default function Document() {
-
-
+
+
+
diff --git a/src/shared/styles/globals.css b/src/shared/styles/globals.css
index 49576be..0fe21ac 100644
--- a/src/shared/styles/globals.css
+++ b/src/shared/styles/globals.css
@@ -14,69 +14,69 @@
@layer base {
:root {
- --background: 0 0% 100%;
- --foreground: 222.2 84% 4.9%;
+ --background: 225 10% 98%;
+ --foreground: 225 25% 10%;
--card: 0 0% 100%;
- --card-foreground: 222.2 84% 4.9%;
+ --card-foreground: 225 25% 10%;
--popover: 0 0% 100%;
- --popover-foreground: 222.2 84% 4.9%;
+ --popover-foreground: 225 25% 10%;
- --primary: 222.2 47.4% 11.2%;
+ --primary: 217 91% 64%;
--primary-foreground: 210 40% 98%;
- --secondary: 210 40% 96.1%;
- --secondary-foreground: 222.2 47.4% 11.2%;
+ --secondary: 225 15% 94%;
+ --secondary-foreground: 225 25% 10%;
- --muted: 210 40% 96.1%;
- --muted-foreground: 215.4 16.3% 46.9%;
+ --muted: 225 15% 94%;
+ --muted-foreground: 225 10% 45%;
- --accent: 210 40% 96.1%;
- --accent-foreground: 222.2 47.4% 11.2%;
+ --accent: 217 91% 64%;
+ --accent-foreground: 210 40% 98%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
- --border: 214.3 31.8% 91.4%;
- --input: 214.3 31.8% 91.4%;
- --ring: 222.2 84% 4.9%;
+ --border: 225 15% 90%;
+ --input: 225 15% 90%;
+ --ring: 217 91% 64%;
- --radius: 0.5rem;
+ --radius: 0.85rem;
- --grayed-out: 214.3 31.8% 93%;
+ --grayed-out: 225 15% 93%;
}
.dark {
- --background: 222.2 84% 4.9%;
- --foreground: 210 40% 98%;
+ --background: 225 21% 7%;
+ --foreground: 225 20% 93%;
- --card: 222.2 84% 4.9%;
- --card-foreground: 210 40% 98%;
+ --card: 225 23% 10%;
+ --card-foreground: 225 20% 93%;
- --popover: 222.2 84% 4.9%;
- --popover-foreground: 210 40% 98%;
+ --popover: 225 23% 10%;
+ --popover-foreground: 225 20% 93%;
- --primary: 210 40% 98%;
- --primary-foreground: 222.2 47.4% 11.2%;
+ --primary: 217 91% 64%;
+ --primary-foreground: 210 40% 98%;
- --secondary: 217.2 32.6% 17.5%;
- --secondary-foreground: 210 40% 98%;
+ --secondary: 225 16% 13%;
+ --secondary-foreground: 225 20% 93%;
- --muted: 217.2 32.6% 17.5%;
- --muted-foreground: 215 20.2% 65.1%;
+ --muted: 225 16% 13%;
+ --muted-foreground: 225 10% 65%;
- --accent: 217.2 32.6% 17.5%;
+ --accent: 217 91% 64%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
- --border: 217.2 32.6% 17.5%;
- --input: 217.2 32.6% 17.5%;
- --ring: 212.7 26.8% 83.9%;
+ --border: 225 16% 18%;
+ --input: 225 16% 18%;
+ --ring: 217 91% 64%;
- --grayed-out: 217.2 32.6% 10%;
+ --grayed-out: 225 16% 10%;
}
}
@@ -89,6 +89,8 @@
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
+ font-family: 'Unbounded', sans-serif;
+ letter-spacing: 0.02em;
}
body {
@apply bg-background text-foreground;
@@ -97,6 +99,12 @@
overflow-x: hidden;
position: relative;
-webkit-overflow-scrolling: touch;
+ font-family: 'Unbounded', sans-serif;
+ letter-spacing: 0.02em;
+ }
+ h1, h2, h3, h4, h5, h6, .font-unbounded {
+ font-family: 'Unbounded', sans-serif;
+ letter-spacing: 0.02em;
}
#__next {
min-height: 100%;
diff --git a/src/widgets/navbar/index.tsx b/src/widgets/navbar/index.tsx
index 5bb02bd..dc3202f 100644
--- a/src/widgets/navbar/index.tsx
+++ b/src/widgets/navbar/index.tsx
@@ -30,31 +30,19 @@ export function NavBar({ cacheAvailableFor, groups, isTeacherPage = false }: {
return (
-
-