feat: add dark mode

[tribhuwan-kumar]

---

fix: #520
name: add dark mode
about: "why is this pr ?" well some user love dark mode also me, working in light mode is tough so i decided to implement it :)
title:
labels: ''
assignees: ''

---

demo

demo.mp4

description

brief description of the changes in this pr.

related issue: #520

type of change

• bug fix
• new feature
• breaking change
• documentation update

how to test

checklist

• i have read the CONTRIBUTING.md file
• i have added the custom cursor AI prompt to my settings as mentioned in CONTRIBUTING.md and used to write this PR
• my code follows the project's style guidelines
• i have performed a self-review of my code
• i have updated the documentation if necessary
• my changes generate no new warnings
• i have added tests that prove my fix is effective or that my feature works
• all tests pass locally with my changes

additional notes

any other relevant information about the pr.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
screenpipe	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 31, 2024 1:15pm

[louis030195]

that seem too dark

honestly not sure i want to accept this PR, it means i will have to maintain this theme myself all the time

[tribhuwan-kumar]

that seem too dark

its the default radix ui dark theme provided in globals.css. i can modify it to make it less darker

screenpipe/screenpipe-app-tauri/app/globals.css

Line 48 in 04feb51

.dark {

honestly not sure i want to accept this PR, it means i will have to maintain this theme myself all the time

that's not the case, the @radix-ui/themes will use the .dark color class for dark mode, if you add custom styles in a tag then yes, you will also have to style it for dark mode. if you're okay with it, then i can work further

[tribhuwan-kumar]

@louis030195
converting it to draft, will implement later with better dark theme when app is saturated