till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-22 07:26:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

style: auto-format codebase with Prettier

Browse source 
Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)
This commit is contained in:
Wuesteon 2025-11-27 18:33:16 +01:00
parent 0241f5554c
commit d36b321d9d
3952 changed files with 661498 additions and 739751 deletions
Download patch file Download diff file Expand all files Collapse all files

44
apps/chat/apps/mobile/theme/ThemeProvider.tsx
View file

@ -4,38 +4,38 @@ import { lightTheme, darkTheme } from './index';
import { Theme } from '@react-navigation/native';
type ThemeContextType = {
isDarkMode: boolean;
toggleTheme: () => void;
theme: Theme;
isDarkMode: boolean;
toggleTheme: () => void;
theme: Theme;
};
const ThemeContext = createContext<ThemeContextType>({
isDarkMode: false,
toggleTheme: () => {},
theme: lightTheme,
isDarkMode: false,
toggleTheme: () => {},
theme: lightTheme,
});
export const useAppTheme = () => useContext(ThemeContext);
export function ThemeProvider({ children }: { children: React.ReactNode }) {
const colorScheme = useColorScheme();
const [isDarkMode, setIsDarkMode] = useState(colorScheme === 'dark');
const colorScheme = useColorScheme();
const [isDarkMode, setIsDarkMode] = useState(colorScheme === 'dark');
// Aktualisiere den Theme-Modus, wenn sich das System-Theme ändert
useEffect(() => {
setIsDarkMode(colorScheme === 'dark');
}, [colorScheme]);
// Aktualisiere den Theme-Modus, wenn sich das System-Theme ändert
useEffect(() => {
setIsDarkMode(colorScheme === 'dark');
}, [colorScheme]);
const toggleTheme = () => {
setIsDarkMode((prev) => !prev);
};
const toggleTheme = () => {
setIsDarkMode((prev) => !prev);
};
const theme = isDarkMode ? darkTheme : lightTheme;
const theme = isDarkMode ? darkTheme : lightTheme;
return (
<ThemeContext.Provider value={{ isDarkMode, toggleTheme, theme }}>
{/* Wir verwenden die NativeWind-Klassen direkt in den Komponenten */}
{children}
</ThemeContext.Provider>
);
return (
<ThemeContext.Provider value={{ isDarkMode, toggleTheme, theme }}>
{/* Wir verwenden die NativeWind-Klassen direkt in den Komponenten */}
{children}
</ThemeContext.Provider>
);
}

144
apps/chat/apps/mobile/theme/index.ts
View file

@ -1,83 +1,83 @@
import { DefaultTheme, DarkTheme } from '@react-navigation/native';
export const lightTheme = {
...DefaultTheme,
colors: {
...DefaultTheme.colors,
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#F2F2F7',
card: '#FFFFFF',
text: '#000000',
border: '#E5E5EA',
notification: '#FF3B30',
placeholder: '#8E8E93',
accent: '#34C759',
muted: '#C7C7CC',
// Hover-States für Buttons und Menüpunkte
buttonHover: 'rgba(255, 255, 255, 0.7)', // Neutral weiß, heller
menuItemHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß, weniger intensiv
cardHover: 'rgba(255, 255, 255, 0.3)', // Neutral weiß, subtil
dangerHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß für Danger-Buttons
},
...DefaultTheme,
colors: {
...DefaultTheme.colors,
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#F2F2F7',
card: '#FFFFFF',
text: '#000000',
border: '#E5E5EA',
notification: '#FF3B30',
placeholder: '#8E8E93',
accent: '#34C759',
muted: '#C7C7CC',
// Hover-States für Buttons und Menüpunkte
buttonHover: 'rgba(255, 255, 255, 0.7)', // Neutral weiß, heller
menuItemHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß, weniger intensiv
cardHover: 'rgba(255, 255, 255, 0.3)', // Neutral weiß, subtil
dangerHover: 'rgba(255, 255, 255, 0.5)', // Neutral weiß für Danger-Buttons
},
};
export const darkTheme = {
...DarkTheme,
colors: {
...DarkTheme.colors,
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#1C1C1E',
card: '#2C2C2E',
text: '#FFFFFF',
border: '#38383A',
notification: '#FF453A',
placeholder: '#8E8E93',
accent: '#30D158',
muted: '#48484A',
// Hover-States für Buttons und Menüpunkte
buttonHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß, heller für Dark Mode
menuItemHover: 'rgba(255, 255, 255, 0.1)', // Neutral weiß, dezent
cardHover: 'rgba(255, 255, 255, 0.05)', // Neutral weiß, sehr dezent
dangerHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß für Danger-Buttons
},
...DarkTheme,
colors: {
...DarkTheme.colors,
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#1C1C1E',
card: '#2C2C2E',
text: '#FFFFFF',
border: '#38383A',
notification: '#FF453A',
placeholder: '#8E8E93',
accent: '#30D158',
muted: '#48484A',
// Hover-States für Buttons und Menüpunkte
buttonHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß, heller für Dark Mode
menuItemHover: 'rgba(255, 255, 255, 0.1)', // Neutral weiß, dezent
cardHover: 'rgba(255, 255, 255, 0.05)', // Neutral weiß, sehr dezent
dangerHover: 'rgba(255, 255, 255, 0.15)', // Neutral weiß für Danger-Buttons
},
};
// Tailwind-kompatible Farbpalette für die Verwendung in der tailwind.config.js
export const tailwindColors = {
// Light Mode Colors
light: {
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#F2F2F7',
card: '#FFFFFF',
text: '#000000',
border: '#E5E5EA',
notification: '#FF3B30',
placeholder: '#8E8E93',
accent: '#34C759',
muted: '#C7C7CC',
buttonHover: 'rgba(255, 255, 255, 0.7)',
menuItemHover: 'rgba(255, 255, 255, 0.5)',
cardHover: 'rgba(255, 255, 255, 0.3)',
dangerHover: 'rgba(255, 255, 255, 0.5)',
},
// Dark Mode Colors
dark: {
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#1C1C1E',
card: '#2C2C2E',
text: '#FFFFFF',
border: '#38383A',
notification: '#FF453A',
placeholder: '#8E8E93',
accent: '#30D158',
muted: '#48484A',
buttonHover: 'rgba(255, 255, 255, 0.15)',
menuItemHover: 'rgba(255, 255, 255, 0.1)',
cardHover: 'rgba(255, 255, 255, 0.05)',
dangerHover: 'rgba(255, 255, 255, 0.15)',
},
// Light Mode Colors
light: {
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#F2F2F7',
card: '#FFFFFF',
text: '#000000',
border: '#E5E5EA',
notification: '#FF3B30',
placeholder: '#8E8E93',
accent: '#34C759',
muted: '#C7C7CC',
buttonHover: 'rgba(255, 255, 255, 0.7)',
menuItemHover: 'rgba(255, 255, 255, 0.5)',
cardHover: 'rgba(255, 255, 255, 0.3)',
dangerHover: 'rgba(255, 255, 255, 0.5)',
},
// Dark Mode Colors
dark: {
primary: '#0A84FF',
secondary: '#5E5CE6',
background: '#1C1C1E',
card: '#2C2C2E',
text: '#FFFFFF',
border: '#38383A',
notification: '#FF453A',
placeholder: '#8E8E93',
accent: '#30D158',
muted: '#48484A',
buttonHover: 'rgba(255, 255, 255, 0.15)',
menuItemHover: 'rgba(255, 255, 255, 0.1)',
cardHover: 'rgba(255, 255, 255, 0.05)',
dangerHover: 'rgba(255, 255, 255, 0.15)',
},
};