style: Implement Dark Mode

[Readpato]

Description

Summary

• Install UnoCSS Mini Preset
• Create UnoCSS shortcuts for all possible implemented styles to enable flexibility
• Implement dark mode
• Closes Dark mode #75

Changes

What kind of change does this PR introduce? (check at least one by adding an "x" between the brackets)

• Build-related changes
• Bugfix
• Code style update
• Feature
• Refactor
• Style:
  • Implement dark mode
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

Screenshots and videos

• If applicable, add screenshots or a video to help explain your problem.

leches-dark-mode.mov

The PR fulfils these requirements:

• TresJS code of conduct

If adding a new feature, the PR's description includes:

• A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)

Dark mode is a good implementation to improve the UX for everyone that utilizes the package.

Other information:

Let me know any changes that need to be done if needed!

[netlify]

✅ Deploy Preview for tresleches ready!

Name	Link
🔨 Latest commit	a6198c5
🔍 Latest deploy log	https://app.netlify.com/sites/tresleches/deploys/65801f6fce7048000877fe7c
😎 Deploy Preview	https://deploy-preview-95--tresleches.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alvarosabu]

Hey @Readpato thanks for taking the time to bring everything from the fork to the repo and for the granular and detailed git commit history, 👏🏻

Small thing, (I missed it when asking the first time) when creating the branch add the number of the issue like feat/75-dark-mode

I'm gonna check the PR today, let you know soon

[alvarosabu]

Folders look different now, they had a subtle gray background and no border before.

[alvarosabu]

@Readpato I just committed a small change regarding the styles of the icon for toggling the dark mode.

Before it had the same visual hierarchy as the cake icon (which symbolizes the mini branding of the component and will serve as an expand/collapse button in the near future) so since the functionality is also different I changed for a more subtle icon (also the right part is gonna serve as a toolbar of actions, where we will add a search icon soon)

Let me know what do you think

[alvarosabu]

Amazin job @Readpato, looks amazing

[alvarosabu]

Folders look different now, they had a subtle gray background and no border before.

[Readpato]

Hey there! I tried to emulate the tweak pane folder component, which it clearly denoted the separation between one folder and another. I don't mind turning it back or adapting the old styles (which I removed without asking, my bad) to the new component =] Let me know!

[Readpato]

Hey @alvarosabu! Thank you for your review. Means a lot <3
I'm totally on board with utilizing an icon instead of an emoji for toggling the dark mode.
Also, I was wondering to properly commit to a project, sometimes I notice that different files are being modified automatically like stats.html, auto-imports.d.ts, etc. Should I commit those as well whenever I work on the project?