Build Your Own THEME SELECTOR with JavaScript & CSS

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • View the SOURCE CODE:
    github.com/dco...
    In today's video we'll be building a theme selector using HTML, CSS and JavaScript. This is very easy to do and will even use Local Storage to save the chosen theme.
    Explore FusionCharts:
    www.fusionchar...
    Thanks to FusionCharts for sponsoring today's video!
    🏫 My Udemy Courses - www.udemy.com/...
    🎨 Download my VS Code theme - marketplace.vi...
    💜 Join my Discord Server - / discord
    🐦 Find me on Twitter - / dcodeyt
    💸 Support me on Patreon - / dcode
    📰 Follow me on DEV Community - dev.to/dcodeyt
    📹 Join this channel to get access to perks - / @dcode-software
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
    #dcode #javascript #css

Komentáře • 19

  • @3hsan
    @3hsan Před 2 lety +11

    Hey man, before your account blows up, I want to thank you with my whole heart for giving us this content. Your content is ideal for beginners like me. Pls don't stop making these types of tutorials where you explain things in small, logical steps. I specifically love these javascript series where you make different types of applications/components of sites. ❤

  • @dcode-software
    @dcode-software  Před 2 lety +2

    Explore FusionCharts:
    www.fusioncharts.com/?Leads%20Acquisition&
    Thanks to FusionCharts for sponsoring today's video!

    • @p3ych808
      @p3ych808 Před 2 lety +1

      Thanks for the video tutorial, this is what I needed all this time.
      Thanks You. ❤️😀😘

  • @BenjaminAster
    @BenjaminAster Před 2 lety +4

    Why do you have Chrome in light mode? It hurts so much in my eyes!

  • @chubbyBunny94
    @chubbyBunny94 Před 2 lety +1

    Chrome now has a media query for dark more; you just put the another root rule inside it and when the client sees that the user prefers dark mode, it’ll use those colours. You can test by looking under the rendering tab in dev tools and clicking test dark mode something. Can’t really remember, don’t have a computer near me

  • @li-ma-mu
    @li-ma-mu Před 2 lety

    thank you so much for these videos! they are great and i am learning so many new things!

  • @adlurirohith7149
    @adlurirohith7149 Před 2 lety

    Amazing as always

  • @costagmc1
    @costagmc1 Před 2 lety +1

    Thanks dcode

  • @maskman4821
    @maskman4821 Před 2 lety

    what an awesome tutorial 🤩

  • @noah_ishappy
    @noah_ishappy Před 2 lety

    PERFECT ! THANKS

  • @eduardosy1593
    @eduardosy1593 Před rokem

    Question: how can the retain the color on other pages??

  • @arakazanjian6686
    @arakazanjian6686 Před 2 lety

    You are amazing !

  • @MrBoiks
    @MrBoiks Před 2 lety

    You read my mind!

  • @smoothbeak
    @smoothbeak Před 2 lety +1

    Great video, I had absolutely zero idea that you could change css style sheets dynamically like that :|

  • @beinyourguard
    @beinyourguard Před 2 lety

    pretty nice!

  • @CrazyCodingChannel
    @CrazyCodingChannel Před 2 lety

    Really cool video, like

  • @ijajulislam7223
    @ijajulislam7223 Před 2 lety

    Great project ..sir want more js project

  • @lucascapparelliranieri6922

    Can someone help me? So, one of the things that the themes of my page should also change is the background, so I set a variable in each css theme file as "--background: url(./assets/backgrounds/standart.png);" (the png pictures are in a folder called backgrounds, in a folder called assets) and put this variable on my main stylesheet too. So I did everything in the video, step by step, all the colors are changing correctly as I change the themes, but not the background picture, that is actually not even showing on the default theme, a white flat background is everything showing.

  • @thinkdomotic4915
    @thinkdomotic4915 Před 2 lety

    👍❤