[Feature]: Add Theme toggle in Header

[hrynevychroman]

This PR fixes #8

Added Select for change All new Date() code variables to custom, default value is new Date() previously:

Added Theme DropDown so we can dynamically change theme on site:

Resolve issue with logical understanding of this comment #8 (comment):

All UI elements was added from https://github.com/radix-vue/shadcn-vue to ship it fast and with no errors 🙂

[vercel]

@romanhrynevych is attempting to deploy a commit to the Formkit Team on Vercel.

A member of the Team first needs to authorize it.

[justin-schroeder]

Appreciate all the work here @romanhrynevych – for the most part this looks good — although im not sure we really want new Date() to resolve to a user selected value instead of the current active time — my intuition is that might be more confusing for users. I think #8 would be better resolved by using a few explicit values here:

This will also save a bunch on page weight since we wont need a datepicker. Also, FWIW, if we were going to use a datepicker, we’d use FormKit’s: https://formkit.com/inputs/datepicker which actually uses Tempo to power it.

So in summary, if you break this up into 2 small PRs I’ll gladly merged:

1. Light mode/dark mode toggle.
2. A few hard-coded times in the example.

Thanks!

[hrynevychroman]

@justin-schroeder this PR will fix your first issue with

1. Light mode/dark mode toggle.

[justin-schroeder]

Sorry friend — haha — just don’t think I really want to add shadcn and all the related css and ~30 components to make that dropdown. Can we just do a little hand coding for that one?

[hrynevychroman]

Sorry friend — haha — just don’t think I really want to add shadcn and all the related css and ~30 components to make that dropdown. Can we just do a little hand coding for that one?

ah, ok, I will remove shadcn and add native css select

[hrynevychroman]

@justin-schroeder removed shadcn, add ToggleButton in SuperHeader

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
tempo-docs	❌ Failed (Inspect)			Feb 23, 2024 8:04pm

[justin-schroeder]

@romanhrynevych looks like it needs an pnpm install and commit of the lockfile