add readme, detect default theme from system

readme.md

@@ -0,0 +1,33 @@
+# timewiz.cc
+
+<div align="center">
+
+[<img src="https://badgen.net/github/license/vladkens/timewiz" alt="license" />](https://github.com/vladkens/timewiz/blob/main/LICENSE)
+[<img src="https://badgen.net/static/open/timewiz.cc/blue" alt="donate" />](https://timewiz.cc)
+[<img src="https://badgen.net/static/-/buy%20me%20a%20coffee/ff813f?icon=buymeacoffee&label" alt="donate" />](https://buymeacoffee.com/vladkens)
+
+</div>
+
+<div align="center">
+  <img src="public/logo.svg" alt="timewiz logo" width="80px">
+</div>
+
+Effortlessly streamline meeting scheduling across different time zones with this progressive web application. A modern alternative to [World Time Buddy](https://worldtimebuddy.com), it features dark mode support and offline functionality.
+
+## Features
+
+- Add locations by name, re-order, mark as Home (5500+ places available)
+- Shows offset from Home place & from UTC
+- Group locations by tabs, name it & share!
+- Plan a comfortable time for meetings by selecting time cells
+- Export events to Google Calendar, email, clipboard or download iCal file
+- Change hour format to 12/24 or mixed format (MX, native for timezone)
+- Weekend highlighting (some countries have non mon-fri working days)
+- Ligth / dark themes
+- Offline mode
+- TODO: National holidays highlight
+- TODO: Separate event page
+
+## Feedback
+
+Want a feature, have a bug, any other feedback? [Let me know!](https://github.com/vladkens/timewiz/issues/new)

src/components/Timeline.tsx

@@ -192,7 +192,6 @@ const Clock: FC<{ place: Place }> = ({ place }) => {
 }
 
 export const Timeline: FC<{ place: Place }> = ({ place }) => {
-  const { delPlace } = useMutateTab()
   const { home } = useAtomValue(ActiveTab)
   const isHome = useIsHome(place)
   const hours = useGetTimeline(place)

src/store.ts

@@ -211,7 +211,10 @@ export const useGetHourCycle = (place: Place): "h12" | "h24" => {
 // General: Theme
 
 type Theme = "light" | "dark"
-export const ThemeStore = atomWithStorage<Theme>("theme", "light", undefined, { getOnInit: true })
+const DefaultTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
+export const ThemeStore = atomWithStorage<Theme>("theme", DefaultTheme, undefined, {
+  getOnInit: true,
+})
 
 // UI