diff --git a/website/playground/new-samples/customizing-the-appearence/tokens-and-colors/sample.js b/website/playground/new-samples/customizing-the-appearence/tokens-and-colors/sample.js
index 0cb85e1b..fcaa7815 100644
--- a/website/playground/new-samples/customizing-the-appearence/tokens-and-colors/sample.js
+++ b/website/playground/new-samples/customizing-the-appearence/tokens-and-colors/sample.js
@@ -16,7 +16,10 @@ monaco.editor.defineTheme('myCustomTheme', {
 		{ token: 'comment', foreground: 'ffa500', fontStyle: 'italic underline' },
 		{ token: 'comment.js', foreground: '008800', fontStyle: 'bold' },
 		{ token: 'comment.css', foreground: '0000ff' } // will inherit fontStyle from `comment` above
-	]
+	],
+	colors: {
+		'editor.foreground': '#000000'
+	}
 });
 
 monaco.editor.create(document.getElementById('container'), {
diff --git a/website/playground/new-samples/extending-language-services/custom-languages/sample.js b/website/playground/new-samples/extending-language-services/custom-languages/sample.js
index 5115c6b5..3ada0280 100644
--- a/website/playground/new-samples/extending-language-services/custom-languages/sample.js
+++ b/website/playground/new-samples/extending-language-services/custom-languages/sample.js
@@ -22,7 +22,10 @@ monaco.editor.defineTheme('myCoolTheme', {
 		{ token: 'custom-error', foreground: 'ff0000', fontStyle: 'bold' },
 		{ token: 'custom-notice', foreground: 'FFA500' },
 		{ token: 'custom-date', foreground: '008800' }
-	]
+	],
+	colors: {
+		'editor.foreground': '#000000'
+	}
 });
 
 // Register a completion item provider for the new language