adds bg background, translates toast

src/components/CheckRepoForm.tsx

 // Copyright 2025 Zentrum für Digitale Souveränität der Öffentlichen Verwaltung (ZenDiS) GmbH.
 // SPDX-License-Identifier: MIT
 
-import React, { FunctionComponent, useTransition } from 'react'
-import { Form, FormItem } from './ui/form'
-import { Label } from './ui/label'
-import { Input } from './ui/input'
-import { Button } from './ui/button'
-import { useToast } from '../hooks/use-toast'
+import { Loader2 } from 'lucide-react'
+import React, { FunctionComponent } from 'react'
 import { useForm } from 'react-hook-form'
+import { useToast } from '../hooks/use-toast'
 import { apiCall, SarifApiResponse } from '../lib/apiClient'
-import { Loader2 } from 'lucide-react'
+import { Button } from './ui/button'
+import { Form, FormItem } from './ui/form'
+import { Input } from './ui/input'
+import { Label } from './ui/label'
 
 interface Props {
     onScanFinished: (response: SarifApiResponse) => void
@@ -50,9 +50,9 @@ const CheckRepoForm: FunctionComponent<Props> = ({
         } catch (e) {
             console.error(e)
             toast({
-                title: 'Provided url is invalid',
+                title: 'Die angegebene Url ist ungültig',
                 description:
-                    'Please check if the url you provided has a typo. Make sure to include the whole url to the repo, without the .git ending.',
+                    'Bitte überprüfen Sie, ob die von Ihnen angegebene URL einen Tippfehler enthält. Stellen Sie sicher, dass Sie die gesamte URL des Repos angeben, ohne die Endung .git.',
             })
         } finally {
             setIsPending(false)

src/pages/_meta.ts

@@ -22,12 +22,6 @@ export default {
         type: 'page',
         href: '/#api-small-demo',
     },
-    'about-opencode': {
-        title: 'Mehr zu openCode ↗',
-        type: 'page',
-        href: 'https://opencode.de/en',
-        newWindow: true,
-    },
     'declaration-on-accessibility': {
         display: 'hidden',
     },

tailwind.config.js

@@ -15,6 +15,20 @@ module.exports = {
         },
         extend: {
             colors: {
+                background: {
+                    DEFAULT: '#f7f7f7',
+                    50: '#ffffff',
+                    100: '#ffffff',
+                    200: '#ffffff',
+                    300: '#ffffff',
+                    400: '#ffffff',
+                    500: '#f7f7f7',
+                    600: '#e0e0e0',
+                    700: '#c8c8c8',
+                    800: '#b1b1b1',
+                    900: '#999999',
+                },
+                
                 zendis: {
                     50: '#eefffb',
                     100: '#c6fff4',