diff --git a/app/assets/css/global.css b/app/assets/css/global.css index 17d2f81..fa2664f 100644 --- a/app/assets/css/global.css +++ b/app/assets/css/global.css @@ -1,62 +1,17 @@ * { + @apply text-neutral-100; 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; } body { - background-color: var(--surface-100); - box-sizing: border-box; + @apply bg-neutral-900; + box-sizing: border-box; min-height: 100dvh; - margin: 0; } -select { - background: transparent; - border: none; - - padding: 0; - position: relative; - - width: min-content; - - option { - color: unset; - background-color: var(--surface-100); - } -} - /* improve scrollbar on chrome... */ ::-webkit-scrollbar { width: 4px; diff --git a/app/components/Explanation.vue b/app/components/Explanation.vue index 0da4ea0..211aeab 100644 --- a/app/components/Explanation.vue +++ b/app/components/Explanation.vue @@ -27,7 +27,8 @@ defineProps<{ explanation: string | undefined }>(); position: absolute; right: 0; - background-color: var(--surface-200); + @apply bg-neutral-800; + padding: 10px; border-radius: 10px; diff --git a/app/components/ModrinthLink.vue b/app/components/ModrinthLink.vue new file mode 100644 index 0000000..3d95f6c --- /dev/null +++ b/app/components/ModrinthLink.vue @@ -0,0 +1,15 @@ + + + + + \ No newline at end of file diff --git a/app/components/filter/Item.vue b/app/components/filter/Item.vue index 997fa2e..c100e67 100644 --- a/app/components/filter/Item.vue +++ b/app/components/filter/Item.vue @@ -9,6 +9,14 @@ const { canClear = false, options } = defineProps<{ }>(); const open = ref(false); + +function onSelect(option: string) { + if (canClear && model.value === option) { + model.value = undefined; + } else { + model.value = option; + } +}