diff --git a/app/assets/css/global.css b/app/assets/css/global.css
index 97ff168..17d2f81 100644
--- a/app/assets/css/global.css
+++ b/app/assets/css/global.css
@@ -1,78 +1,77 @@
* {
- font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
- color: var(--white);
+ font-family:
+ Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid, Helvetica Neue, sans-serif;
+ color: var(--white);
}
html {
- --white: #ecf9fb;
-
- /** generated via https://colorffy.com/dark-theme-generator */
- /** CSS DARK THEME PRIMARY COLORS */
- --primary-100: #0ebbcf;
- --primary-200: #49c3d4;
- --primary-300: #68cada;
- --primary-400: #82d2df;
- --primary-500: #99dae4;
- --primary-600: #afe1ea;
-
-
- /** CSS DARK THEME SURFACE COLORS */
- --surface-100: #100f14;
- --surface-200: #262629;
- --surface-300: #3d3d40;
- --surface-400: #565558;
- --surface-500: #706f72;
- --surface-600: #8a8a8c;
-
-
- /** CSS DARK THEME MIXED SURFACE COLORS */
- --surface-mixed-100: #171f24;
- --surface-mixed-200: #2c3438;
- --surface-mixed-300: #434a4e;
- --surface-mixed-400: #5b6165;
- --surface-mixed-500: #74797d;
- --surface-mixed-600: #8e9395;
+ --white: #ecf9fb;
+
+ /** generated via https://colorffy.com/dark-theme-generator */
+ /** CSS DARK THEME PRIMARY COLORS */
+ --primary-100: #0ebbcf;
+ --primary-200: #49c3d4;
+ --primary-300: #68cada;
+ --primary-400: #82d2df;
+ --primary-500: #99dae4;
+ --primary-600: #afe1ea;
+
+ /** CSS DARK THEME SURFACE COLORS */
+ --surface-100: #100f14;
+ --surface-200: #262629;
+ --surface-300: #3d3d40;
+ --surface-400: #565558;
+ --surface-500: #706f72;
+ --surface-600: #8a8a8c;
+
+ /** CSS DARK THEME MIXED SURFACE COLORS */
+ --surface-mixed-100: #171f24;
+ --surface-mixed-200: #2c3438;
+ --surface-mixed-300: #434a4e;
+ --surface-mixed-400: #5b6165;
+ --surface-mixed-500: #74797d;
+ --surface-mixed-600: #8e9395;
}
body {
- background-color: var(--surface-100);
- box-sizing: border-box;
+ background-color: var(--surface-100);
+ box-sizing: border-box;
- min-height: 100dvh;
+ min-height: 100dvh;
- margin: 0;
+ margin: 0;
}
select {
- background: transparent;
- border: none;
+ background: transparent;
+ border: none;
- padding: 0;
- position: relative;
+ padding: 0;
+ position: relative;
- width: min-content;
+ width: min-content;
- option {
- color: unset;
- background-color: var(--surface-100);
- }
+ option {
+ color: unset;
+ background-color: var(--surface-100);
+ }
}
/* improve scrollbar on chrome... */
::-webkit-scrollbar {
- width: 4px;
- height: 4px;
+ width: 4px;
+ height: 4px;
}
::-webkit-scrollbar-track {
- background: transparent;
+ background: transparent;
}
::-webkit-scrollbar-thumb {
- background: #888;
- border-radius: 6px;
+ background: #888;
+ border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
- background: #555;
-}
\ No newline at end of file
+ background: #555;
+}
diff --git a/app/components/navigation/ButtonLinks.vue b/app/components/navigation/ButtonLinks.vue
index 16d697d..9fe6f61 100644
--- a/app/components/navigation/ButtonLinks.vue
+++ b/app/components/navigation/ButtonLinks.vue
@@ -1,6 +1,6 @@
diff --git a/app/composables/useModrinthFetch.ts b/app/composables/useModrinthFetch.ts
index 79c2454..cbadd2c 100644
--- a/app/composables/useModrinthFetch.ts
+++ b/app/composables/useModrinthFetch.ts
@@ -1,5 +1,5 @@
+import { $modrinthFetch } from "~~/utils/modrinthFetch";
import type { UseFetchOptions } from "#app";
-import {$modrinthFetch} from "~~/utils/modrinthFetch";
export function useModrinthFetch(
url: string | (() => string),
diff --git a/app/pages/charts.vue b/app/pages/charts.vue
index 217b6c2..8540177 100644
--- a/app/pages/charts.vue
+++ b/app/pages/charts.vue
@@ -1,9 +1,9 @@