This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Facing issues with the theme taking effect when I applied the codes via visual studio code.
This question is related to the following Learning Module
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(70.4, 11%, 16%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPM%3C/text%3E%3C/svg%3E)
I'm following up to see if you've had a chance to review my previous response. If it was helpful, please let me know by accepting the answer and upvoting it. Feel free to reach out if you encounter any issues.
Thank you.
Thank you for reaching out to Microsoft Q & A forum
To resolve the issue with the theme not taking effect, first ensure that your CSS file is properly linked to the HTML file using the <link rel="stylesheet" href="main.css"> tag. Verify that the correct theme class, such as light-theme or dark-theme, is applied to the <body> element. Additionally, confirm that your CSS variables are correctly defined in the :root selector and are being used properly within your theme classes. If necessary, clear your browser cache or refresh the page (Ctrl+F5 or Cmd+Shift+R) to load the most recent styles. Finally, you can use the browser's developer tools to inspect the page and verify that the styles are being applied as expected.
Please feel free to contact us if you have any additional questions.
If you have found the answer provided to be helpful, please click on the "Accept answer/Upvote" button so that it is useful for other members in the Microsoft Q&A community.