Vigyata.AI
Is this your channel?

Styling Our Site | Meteor Tutorial Part 5

70 views· 3 likes· 24:17· Apr 19, 2025

🛍️ Products Mentioned (21)

I am sick of light mode!!! Time to make dark mode work haha! In this tutorial we'll be implementing the route renderer which is used to add general styling to all our routes! Support me by becoming a member: https://www.youtube.com/channel/UCrIsEy0a57Fz3MdEOvhWbkw/join Check out the Meteor.js tutorials playlist: https://www.youtube.com/playlist?list=PLYBJzqz8zpWbIZrm_U_Bg83qYfyduoflT Full Codebase: https://github.com/WeebNetsu/meteorjs-microblogging-website YouTube Projects Code: https://github.com/WeebNetsu/YouTube-Projects Step By Step Code: https://github.com/WeebNetsu/meteorjs-learning-material Ant Design: https://ant.design Meteor.js: https://www.meteor.com Get 15% off on your first order from Silkworm Shop https://silkwormshop.co.za/ by using my code: REFCKBQAESCC9 Subscribe for more videos! YouTube: https://www.youtube.com/stevesteacher?sub_confirmation=1 Odysee: https://odysee.com/$/invite/@stevesteacher:0 For more programming videos, feel free to subscribe to my 2nd channel: https://www.youtube.com/@programmervibe Crash Courses: https://www.youtube.com/playlist?list=PLYBJzqz8zpWbmPw2E0ywUEuhw6FEwVR0U C++ Programming Tutorials: https://youtu.be/2bSuuzMwda8 Lua Programming Tutorials: https://youtu.be/1srFmjt1Ib0 Love2D Game Dev Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWYip5ZkTMQiOkqya9Iiefm9 Nim Programming Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWaiGbFcSdlh08zlpe8Tl_Gh&si=_ChTUx7KXew-RnI1 Become a Web Developer: https://youtube.com/playlist?list=PLYBJzqz8zpWbsmFurxBg2Pm-mlBmJdXbh Python Programming Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWYHDS2qS-UstfWdQRLrbQ9L&si=s9MObuX3zUHF_PAw PHP Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWabvZludVukPwZfQe9IdX_f&si=6OWdV8ZOYMkcuLl8 HTML Tutorials: https://youtu.be/lobFuLWhp0M JavaScript Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWbEec9oCuwTfNyebLQjuM5c&si=QAsYwRdJJBtqzrKV Bootstrap Tutorials: https://youtu.be/TzrxCl9vMGY?si=TqDig3-yZf6TQghW CSS Tutorials: https://youtu.be/nNXhyBtdjNQ?si=5Ssqo4U5HaMEJtVS Delphi Programming Tutorials: https://youtu.be/BqmJpFbRY2U Pascal Programming Tutorials: https://youtu.be/6jRVhT_JotY?si=NS9hDedlVQnQX3MV Linux Tutorials/Videos: https://youtube.com/playlist?list=PLYBJzqz8zpWYnUtUeVahkfIeYNKkLRMfZ How-to videos: https://www.youtube.com/playlist?list=PLYBJzqz8zpWbp2DxyVGUCqxSZaCwDvU3C Godot Game Dev Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZT3jepx1vY1nwhaC-T8wB2 TKinter Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWZwVkeu2E5Hjw5ImK7SzMe3 Web Scraping/Beautiful Soup Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWYfL1pYs4FG8Ed0Cf3sookG MySQL Tutorials: https://youtube.com/playlist?list=PLYBJzqz8zpWaBcVuneV9g4zbKsmMCo-rR Japanese Lessons: https://www.youtube.com/playlist?list=PLYBJzqz8zpWYy-iJ0xckeOjCCE2roN9Ww You can contact me on: Email: StevesTeacherYT@gmail.com Discord: https://discord.gg/NGtD9s6 Hey there!!! Wanna help support the channel :D? Ko-Fi: https://ko-fi.com/stevesteacher Patreon: https://www.patreon.com/Stevesteacher Liberapay: https://liberapay.com/stevesteacher/ PayPal: https://www.paypal.com/donate/?hosted_button_id=P9V2M4Q6WYHR8 YouTube Member: https://www.youtube.com/channel/UCrIsEy0a57Fz3MdEOvhWbkw/join Any suggestions? Leave it in the comment section or contact me somewhere else! Odysee Links: Python Programming Tutorials: https://odysee.com/@stevesteacher:0/Python-Tutorials:5?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt C++ Programming Tutorials: https://odysee.com/@stevesteacher:0/Cpp-Tutorials:d?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt HTML Tutorials: https://odysee.com/@stevesteacher:0/HTML-Tutorials:9?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Tkinter Tutorials: https://odysee.com/@stevesteacher:0/Tkinter-Tutorials:d?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Linux Tutorials: https://odysee.com/@stevesteacher:0/Linux-Terminal-Tutorials:7?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Lua Tutorials: https://odysee.com/@stevesteacher:0/Lua-Tutorials:0?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Love2D Game Dev Tutorials: https://odysee.com/@stevesteacher:0/Love2D:f Delphi Tutorials: https://odysee.com/@stevesteacher:0/Delphi-Tutorials:4?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt MySQL Tutorials: https://odysee.com/@stevesteacher:0/MySQL-Tutorials:c?r=7wEp27kZSg8dDKtQWMJam6CbMAizo9Vt Thank you for watching! #stevesteacher #meteor #meteorjs

About This Video

In Part 5 of my Meteor tutorial series, I finally deal with the thing that’s been annoying me from the start: light mode. I’m sick of it. So in this video I push the project toward a proper dark-mode look and, more importantly, I show you how to make the styling apply consistently across the whole app instead of doing random one-off CSS hacks per page. The key piece is implementing a route renderer (think of it as the “wrapper” for your routes) so every route gets the same general layout and styling rules. This is where you centralize the global UI decisions—theme, spacing, and the overall feel—so your pages don’t look like they were built by five different people. I also point you to the tools I’m using (like Ant Design) and where you can grab the full codebase and step-by-step material, so you can follow along and compare your implementation with mine as you build out the microblogging site.

Frequently Asked Questions

🎬 More from Steve's teacher