diff --git a/frontend/app.config.ts b/frontend/app.config.ts index 76534af..d3e6096 100644 --- a/frontend/app.config.ts +++ b/frontend/app.config.ts @@ -1,7 +1,9 @@ export default defineAppConfig({ ui: { - primary: 'green', - gray: 'slate', + colors: { + primary: 'green', + neutral: 'slate' + }, tooltip: { background: '!bg-background' }, @@ -35,4 +37,4 @@ export default defineAppConfig({ } } } -}) \ No newline at end of file +}) diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css new file mode 100644 index 0000000..11ea058 --- /dev/null +++ b/frontend/assets/css/main.css @@ -0,0 +1,26 @@ +@import "tailwindcss"; +@import "@nuxt/ui-pro"; + +@theme static { + --font-sans: "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + --font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace; + --color-green-50: #f4fbf2; + --color-green-100: #e7f7e1; + --color-green-200: #cdeec4; + --color-green-300: #a6e095; + --color-green-400: #69c350; + --color-green-500: #53ad3a; + --color-green-600: #418e2b; + --color-green-700: #357025; + --color-green-800: #2d5922; + --color-green-900: #254a1d; + --color-green-950: #10280b; +} + +:root { + --ui-container: 90rem; +} + +body { + font-family: var(--font-sans); +} diff --git a/frontend/components/ArchiveButton.vue b/frontend/components/ArchiveButton.vue index 693ac37..4116419 100644 --- a/frontend/components/ArchiveButton.vue +++ b/frontend/components/ArchiveButton.vue @@ -38,7 +38,7 @@ const emitConfirm = () => { > Archivieren - + \ No newline at end of file + diff --git a/frontend/components/Calculator.vue b/frontend/components/Calculator.vue index 3a91aa6..a31fd53 100644 --- a/frontend/components/Calculator.vue +++ b/frontend/components/Calculator.vue @@ -227,9 +227,14 @@ defineShortcuts({ width: 4px; } .custom-scrollbar::-webkit-scrollbar-track { - @apply bg-transparent; + background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { - @apply bg-gray-200 dark:bg-gray-700 rounded-full; + background: #e5e7eb; + border-radius: 9999px; } - \ No newline at end of file + +:global(.dark) .custom-scrollbar::-webkit-scrollbar-thumb { + background: #374151; +} + diff --git a/frontend/components/DocumentDisplayModal.vue b/frontend/components/DocumentDisplayModal.vue index 12cc971..df83272 100644 --- a/frontend/components/DocumentDisplayModal.vue +++ b/frontend/components/DocumentDisplayModal.vue @@ -156,7 +156,8 @@ const moveFile = async () => {