You are browsing as a guest. Sign up (or log in) to start making projects!

Mochi - Color Picker

  • 3 Devlogs
  • 7 Total hours

Simple Color Picker made with Tauri v2 and TailwindCSS.

Open comments for this post

1h 59m 54s logged

Devlog 3

Worked for nearly 2 hours today, spent time fixing the sections in right and left

Color Preview

  • For now it is just mock color codes
  • The green rectangle is to preview the color user pick
  • Added option to copy values

Color History

  • Added toggle to show and hide History page
  • Stores only HEX in history

Toolbar (Not sure if i made it during Devlog 2 or during this one)

  • So, it has the color picker to pick color obviously
  • History toggle button

So thats all for now, gotta add the actual stuff next

0
0
2
Open comments for this post

2h 6m 51s logged

Devlog 2

Worked on this project for 1 hour and 40 minutes, spent time searching for better icons and fixing minor issues

Theme System

  • Added dark mode and light mode toggle, with system theme detection
  • Nothing else
0
0
1
Open comments for this post

2h 44m 40s logged

Devlog 1

Been working on this for like 2 hours and 44 minutes. and spent most time debugging and testing lmao, kinda wasted time.

Tray

Ive added System Tray feature with these options:

  • Show Mochi
  • Hide
  • Quit

Custom Titlebar

The default window titlebar looked not so good, so i added my own, i mean it’s kinda basic but gets the job done. So i added title, minimize and close. Double click to minimize, too.

Used Fluent UI icon svgs for the subtract icon and dismiss icon, and i havent made my own logo for this app.

I havent added the important stuff yet, gotta add color picker, and everything else. Just the UI, for now.

0
0
1

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…