diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css index 5aca55bbac..e12fc72db5 100644 --- a/client/src/templates/Challenges/classic/editor.css +++ b/client/src/templates/Challenges/classic/editor.css @@ -41,7 +41,7 @@ .description-container { background-color: var(--secondary-background); padding: 10px; - border: 2px solid var(--tertiary-background); + border: 2px solid var(--quaternary-background); max-width: 700px; } diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx index 5b517cc2f1..38fd2799ea 100644 --- a/client/src/templates/Challenges/classic/editor.tsx +++ b/client/src/templates/Challenges/classic/editor.tsx @@ -178,7 +178,8 @@ const defineMonacoThemes = ( inherit: true, // TODO: Use actual color from style-guide colors: { - 'editor.background': options.usesMultifileEditor ? '#eee' : '#fff' + 'editor.background': options.usesMultifileEditor ? '#eee' : '#fff', + 'editor.lineHighlightBorder': '#cee8fc' }, rules: [{ token: 'identifier.js', foreground: darkBlueColor }] });