feat: Implement dark mode support across components and UI elements

- Added dark mode styles to TaskStatusDropdown, TaskStatusDropdownDebug, and TaskStatusDropdownSimple components.
- Introduced ThemeProvider and useTheme hook for managing theme state.
- Updated Button, Card, Input, Loading, Navigation, PageContainer, PageHeader, ProjectCalendarWidget, ProjectMap, SearchBar, States, Tooltip, and other UI components to support dark mode.
- Created ThemeToggle component for switching between light and dark modes.
- Enhanced i18n translations for settings related to theme and language preferences.
- Configured Tailwind CSS to support dark mode with class-based toggling.
This commit is contained in:
2025-09-25 08:58:03 +02:00
parent 96333ecced
commit fd87b66b06
33 changed files with 582 additions and 259 deletions

View File

@@ -526,6 +526,16 @@ const translations = {
createdAt: "Data utworzenia",
noUsers: "Brak użytkowników",
system: "System"
},
// Settings
settings: {
title: "Ustawienia",
appearance: "Wygląd",
theme: "Motyw",
themeDescription: "Wybierz preferowany motyw",
language: "Język",
languageDescription: "Wybierz preferowany język"
}
},
@@ -984,6 +994,16 @@ const translations = {
createdAt: "Created At",
noUsers: "No users",
system: "System"
},
// Settings
settings: {
title: "Settings",
appearance: "Appearance",
theme: "Theme",
themeDescription: "Choose your preferred theme",
language: "Language",
languageDescription: "Select your preferred language"
}
}
};