diff --git a/public/react/src/modules/page/component/monaco/TPIMonaco.js b/public/react/src/modules/page/component/monaco/TPIMonaco.js
index 615623cd1..a9820ad27 100644
--- a/public/react/src/modules/page/component/monaco/TPIMonaco.js
+++ b/public/react/src/modules/page/component/monaco/TPIMonaco.js
@@ -17,6 +17,8 @@ import * as monaco from 'monaco-editor'
 
 import { fromStore, toStore } from 'educoder'
 import './TPIMonacoConfig'
+
+// https://microsoft.github.io/monaco-editor/playground.html#customizing-the-appearence-exposed-colors
 monaco.editor.defineTheme('myCoolTheme', {
       base: 'vs-dark',
       inherit: true,
@@ -35,6 +37,8 @@ monaco.editor.defineTheme('myCoolTheme', {
         // 'input.border': '#ffffff',
         'editor.lineHighlightBorder': '#222c34',        // .current-line
         
+        // 'editor.selectionBackground': '#FFFF0030',
+        // 'editor.selectionHighlightBackground' :'#0000FFFF',
       }
 });