chore: visual rework (#93)

Author: hmbanan666

apps/atrium-telegram/app/assets/css/styles.css

@@ -115,7 +115,3 @@
   display: none;
   width: 0;
 } */
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--font-headers);
-}

apps/atrium-telegram/app/components/TaskCard.vue

@@ -80,7 +80,7 @@
             </h4>
             <p
               v-if="task.description"
-              class="text-sm/4 text-neutral-500 transition duration-200"
+              class="text-sm/4 text-muted font-medium"
               :class="[
                 isFocused ? 'tg-text-button' : undefined,
               ]"

apps/atrium-telegram/nuxt.config.ts

@@ -25,6 +25,10 @@ export default defineNuxtConfig({
       teamGroupId: '',
     },
   },
+  ui: {
+    colorMode: false,
+    fonts: false,
+  },
   css: ['~/assets/css/styles.css'],
   i18n: {
     locales: [

…es/ui/app/components/ColorModeToggle.vue …b-app/app/components/ColorModeToggle.vuepackages/ui/app/components/ColorModeToggle.vue renamed to apps/web-app/app/components/ColorModeToggle.vue packages/ui/app/components/ColorModeToggle.vue renamed to apps/web-app/app/components/ColorModeToggle.vue

@@ -31,6 +31,36 @@ export default defineNuxtConfig({
     },
   },
   css: ['~/assets/css/styles.css'],
+  ui: {
+    colorMode: true,
+    fonts: true,
+  },
+  fonts: {
+    defaults: {
+      weights: [400, 500, 600, 700, 800, 900],
+      styles: ['normal', 'italic'],
+      subsets: [
+        'cyrillic-ext',
+        'cyrillic',
+        'latin-ext',
+        'latin',
+      ],
+    },
+    families: [
+      {
+        name: 'Nunito',
+        provider: 'google',
+      },
+      {
+        name: 'Nunito Sans',
+        provider: 'google',
+      },
+    ],
+  },
+  colorMode: {
+    storageKey: 'color-mode',
+    fallback: 'light',
+  },
   i18n: {
     locales: [
       { code: 'ru', language: 'ru-RU', name: 'Русский', file: 'ru-RU.json' },

apps/web-app/nuxt.config.ts

@@ -30,35 +30,6 @@ export default defineNuxtConfig({
     ],
   },
   css: [resolvePath('./app/assets/css/main.css')],
-  ui: {
-    colorMode: true,
-    fonts: true,
-  },
-  fonts: {
-    defaults: {
-      weights: [400, 500, 600, 700, 800, 900],
-      styles: ['normal', 'italic'],
-      subsets: [
-        'cyrillic-ext',
-        'cyrillic',
-        'latin-ext',
-        'latin',
-      ],
-    },
-    families: [
-      {
-        name: 'Nunito',
-        provider: 'google',
-      },
-      {
-        name: 'Nunito Sans',
-        provider: 'google',
-      },
-    ],
-  },
-  colorMode: {
-    storageKey: 'color-mode',
-  },
   icon: {
     customCollections: [
       { prefix: 'sushi', dir: resolvePath('./app/assets/icons') },