The latest articles on DEV Community by Carlos (@carloswm85). https://dev.to/carloswm85 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F634702%2F93550c1d-a61c-44d3-8dd8-de23e321fecc.jpg https://dev.to/carloswm85 en Carlos Mon, 05 Jul 2021 23:38:52 +0000 https://dev.to/carloswm85/vscode-theme-customization-how-do-i-change-this-editor-inline-background-value-26g6 https://dev.to/carloswm85/vscode-theme-customization-how-do-i-change-this-editor-inline-background-value-26g6 <p>I need to change the inline background (or foreground, I'm not sure) when the cursor is in front (left hand side) of the semicolon. The language in the screenshot is php (if that's matters for this case). Image 1.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ufhz3R3I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/66xqx9amh3vhzfp19te3.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ufhz3R3I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/66xqx9amh3vhzfp19te3.png" alt="Line Highlighting, Step In Appareance"></a></p> <p>As you can see, in the following image 2, that highlighting is inactive when the cursor is in the right hand side of the semicolon. </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--A6ROM-lo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lo3vjw2ebbdf7xu9wndd.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A6ROM-lo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lo3vjw2ebbdf7xu9wndd.png" alt="Line Highlighting, Step Out Appareance"></a></p> <p>This is the key for the back-inline background (if that makes sense; image 3). Which is the background highlighting visible at both images (1 and 2).</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CgRod9C2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zknh7hk26zkg61qqwyt7.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CgRod9C2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zknh7hk26zkg61qqwyt7.png" alt="Inline value, for the background when cursor is not in front of the comma"></a></p> <p>I'll add this line of code as written text in case it is of use for search engines: </p> <p><code>"editor.lineHighlightBackground": "#20251a",</code></p> vscode theme editor customization