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

refactor: restructure

Browse source 
monorepo with apps/ and services/
  directories
This commit is contained in:
Wuesteon 2025-11-26 03:03:24 +01:00
parent 25824ed0ac
commit ff80aeec1f
4062 changed files with 2592 additions and 1278 deletions
Download patch file Download diff file Expand all files Collapse all files

41
apps/chat/apps/mobile/theme/ThemeProvider.tsx Normal file
View file

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

83
apps/chat/apps/mobile/theme/index.ts Normal file
View file

@ -0,0 +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
},
};
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
},
};
// 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)',
},
};