Fixes #9

7 years ago · 4ce2107152
parent 6a3a3edd5e
commit 4ce2107152
1 changed files with 14 additions and 18 deletions
--- a/sample-monarch/index.html
+++ b/sample-monarch/index.html
@ -3,23 +3,6 @@
 <head>
 	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-	<style>
-		.monaco-editor.vs .token.custom-info {
-			color: grey;
-		}
-		.monaco-editor.vs .token.custom-error {
-			color: red;
-			font-weight: bold;
-			font-size: 1.2em;
-		}
-		.monaco-editor.vs .token.custom-notice {
-			color: orange;
-		}
-
-		.monaco-editor.vs .token.custom-date {
-			color: green;
-		}
-	</style>
 </head>
 <body>

@ -46,7 +29,20 @@
 			}
 		});

+		// Define a new theme that constains only rules that match this language
+		monaco.editor.defineTheme('myCoolTheme', {
+			base: 'vs',
+			inherit: false,
+			rules: [
+				{ token: 'custom-info', foreground: '808080' },
+				{ token: 'custom-error', foreground: 'ff0000', fontStyle: 'bold' },
+				{ token: 'custom-notice', foreground: 'FFA500' },
+				{ token: 'custom-date', foreground: '008800' },
+			]
+		});
+		
 		var editor = monaco.editor.create(document.getElementById('container'), {
+			theme: 'myCoolTheme',
 			value: getCode(),
 			language: 'myCustomLanguage'
 		});
@ -108,4 +104,4 @@
 	}
 </script>
 </body>
-</html>
+</html>