Visual Studio Code for the Web

Workspace

Theme

Select Color Theme

Dark Modern

Light Modern

High Contrast Dark

index.html

body { background: #1e1e1e; color: white; }

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width">
   <title>My Project</title>
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
   <h1>Hello World</h1>
   <script src="script.js"></script>
 </body>
 </html>
 

 body {
   margin: 0;
   font-family: 'Segoe UI', sans-serif;
   background: #1e1e1e;
   color: #d4d4d4;
 }
 
 h1 {
   text-align: center;
   padding: 2rem;
 }

 const greeting = 'Hello World';
 console.log(greeting);
 
 function init() {
   document.querySelector('h1').textContent = greeting;
 }
 
 init();

TERMINAL PROBLEMS OUTPUT DEBUG CONSOLE

PS C:\Users\src>