💅 fresh UI update

[roiLeo]

🚧 WIP 🚧

PR type

• Feature
• Refactoring

What's new?

• PR related Landing page redesign #2792
• PR related Refactor CSS #1348
• PR related Themes #153
• more (s)css changes to come

TODO

• fix navbar-shrink
• dark/light mode (wip need review/tests)
• new filters ? (design ready)
• dev compiled warnings ?

Screenshot

lightMode

darkMode

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	aa4180d
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/62fa12bc2a5302000816ea88
😎 Deploy Preview	https://deploy-preview-2947--koda-nuxt.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 settings.

[vikiival]

:3 uwu looking forward

[vikiival]

Ping me when ready for review 🔢

[roiLeo]

Ping me when ready for review 🔢

Feel free to start reviewing code and design, maybe @XyloDrone can check too

Do I start integrating dark mode on this branch? Same question for the new side filters? (not present in this PR)

[vikiival]

That's lit 🔥

[yangwao]

Hey, @JustLuuuu @cryptodamsky let's do click journey thorough whole KodaDot, if you spot something not working lmk; mainly we are looking read-only stuff, if things working okayish :)

Known issues

• some tables are black, will be fixed in
  • Make white background as toggle everywhere #3713

[yangwao]

Beautiful 😍

[petersopko]

got this after burning NFT:

[petersopko]

when I change the screen to smaller size, I'm capable of achieving this in searchbar on top, not the best look, maybe shorten it back to just "Search..." if the screen is smaller?

[JustLuuuu]

Light mode: Create (classic) collection: Collection description is still in a dark mode - is that on purpose?

Create: Simple/Creative - everything is still in a dark mode

When you open NFT - price is also in a dark square

[petersopko]

@JustLuuuu

• Make white background as toggle everywhere #3713

[yangwao]

Here he comes

[yangwao]

Can you make me default white 🥹🙏

[roiLeo]

Can you make me default white 🥹🙏

Not sure what you mean about that, default color-mode is from user preference:

it will automatically detect the color mode based on the system preferences (see prefers-color-mode spec). The value injected will be either 'light' or 'dark'. If no-preference is detected or the browser does not handle color-mode, it will set the fallback value. (light)

[yangwao]

Not sure what you mean about that, default color-mode is from user preference:

we will have by default white only in the upcoming design, so when for example, will be white only landing will redirect the user to black explorer; I sense it would not be looking good :/

[codeclimate]

Code Climate has analyzed commit aa4180d and detected 0 issues on this pull request.

View more on Code Climate.

[yangwao]

Let it roll :)
We will add a dark version for the new landing page as well 👀