<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="163921" data-post-id="163921">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mindok" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mindok/120/13538_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mindok
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>This topic led me to theme FOMO, so I went digging. I now like “Atom One Light” better than the one I was using before. My eyes go funny with dark themes after a while so my choice is a bit more limited.</p>
<p>I also stumbled upon this:</p><aside class="onebox allowlistedgeneric" data-onebox-src="https://jameshfisher.com/2014/05/11/your-syntax-highlighter-is-wrong/">
  <header class="source">
      <img src="https://jameshfisher.com/assets/jim_128.png" class="site-icon" alt="" width="128" height="128">

      <a href="https://jameshfisher.com/2014/05/11/your-syntax-highlighter-is-wrong/" target="_blank" rel="noopener nofollow ugc">jameshfisher.com</a>
  </header>

  <article class="onebox-body">
    <img width="512" height="512" src="https://jameshfisher.com/assets/jim_512.jpg" class="thumbnail onebox-avatar" alt="">

<h3><a href="https://jameshfisher.com/2014/05/11/your-syntax-highlighter-is-wrong/" target="_blank" rel="noopener nofollow ugc">Your syntax highlighter is wrong</a></h3>

  <p>Syntax highlighters make value judgments about code. Most highlighters judge that comments are cruft, and try to hide them. Most diff viewers judge that code deletions are bad.</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>TLDR; comments highlight poorly thought out code, so don’t dim them in your theme, highlight them. Then you’ll be reminded to fix crappy code. You can do this in VS Code with something like:</p>
<pre data-code-wrap="json"><code class="lang-json">  "editor.tokenColorCustomizations": {
    "comments": {
      "foreground": "#FF0000",
      "fontStyle": "bold"
    }
   }
</code></pre>
<p>in settings.json.</p>
<p>Unfortunately <code>@doc</code> and <code>@moduledoc</code> sections get highlighted too - I need to do a bit more fiddling.</p>
<p>Anyway, here’s a before and after - I think it’s pretty clear which one highlights ugly hacks best!</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/b/b/bb98cc377cce61920758cc36494fa66b6eb0273e.png" data-download-href="https://forum.elixirforum.com/uploads/default/bb98cc377cce61920758cc36494fa66b6eb0273e" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/b/b/bb98cc377cce61920758cc36494fa66b6eb0273e_2_517x129.png" alt="image" data-base62-sha1="qLyEAdqaL3wZcEZovZfgRa47zvE" width="517" height="129" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/b/b/bb98cc377cce61920758cc36494fa66b6eb0273e_2_517x129.png, https://forum.elixirforum.com/uploads/default/optimized/3X/b/b/bb98cc377cce61920758cc36494fa66b6eb0273e_2_775x193.png 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/b/b/bb98cc377cce61920758cc36494fa66b6eb0273e_2_1034x258.png 2x" data-dominant-color="F3F3F3"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">1036×261 20.2 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><br>
<div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/b/d/bd221fdcf954229dbb05049083ee4344bab37ab2.png" data-download-href="https://forum.elixirforum.com/uploads/default/bd221fdcf954229dbb05049083ee4344bab37ab2" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/b/d/bd221fdcf954229dbb05049083ee4344bab37ab2_2_517x141.png" alt="image" data-base62-sha1="qZ9lTScvnbp77vFBPhloXOWMasy" width="517" height="141" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/b/d/bd221fdcf954229dbb05049083ee4344bab37ab2_2_517x141.png, https://forum.elixirforum.com/uploads/default/optimized/3X/b/d/bd221fdcf954229dbb05049083ee4344bab37ab2_2_775x211.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/b/d/bd221fdcf954229dbb05049083ee4344bab37ab2.png 2x" data-dominant-color="F7EDED"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">1013×278 23.5 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="163921" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/42">Post #41</a>
	                </div>
	            </div>
              <div id="likers-container-163921" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="163921"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #41"></div>
  </section>
</div>
    <div class="postbit" id="163961" data-post-id="163961">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="hlx" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/hlx/120/2572_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  hlx
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="onebox allowlistedgeneric" data-onebox-src="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl&amp;WT.mc_id=twitter-social-sdras">
  <header class="source">

      <a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl&amp;WT.mc_id=twitter-social-sdras" target="_blank" rel="noopener nofollow ugc">marketplace.visualstudio.com</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:150/174;"><img src="https://sdras.gallerycdn.vsassets.io/extensions/sdras/night-owl/2.1.1/1735680079617/Microsoft.VisualStudio.Services.Icons.Default" class="thumbnail" alt="" width="150" height="174"></div>

<h3><a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl&amp;WT.mc_id=twitter-social-sdras" target="_blank" rel="noopener nofollow ugc">Night Owl - Visual Studio Marketplace</a></h3>

  <p>Extension for Visual Studio Code - A VS Code theme for the night owls out there. Now introducing Light Owl theme for daytime usage. Decisions were based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>or</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://marketplace.visualstudio.com/items?itemName=arthurwhite.White">
  <header class="source">

      <a href="https://marketplace.visualstudio.com/items?itemName=arthurwhite.White" target="_blank" rel="noopener nofollow ugc">marketplace.visualstudio.com</a>
  </header>

  <article class="onebox-body">
    <img width="130" height="130" src="https://arthurwhite.gallerycdn.vsassets.io/extensions/arthurwhite/white/1.3.6/1542221286941/Microsoft.VisualStudio.Services.Icons.Default" class="thumbnail onebox-avatar" alt="">

<h3><a href="https://marketplace.visualstudio.com/items?itemName=arthurwhite.White" target="_blank" rel="noopener nofollow ugc">White - Visual Studio Marketplace</a></h3>

  <p>Extension for Visual Studio Code - Minimalist monochrome theme</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="163961" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/43">Post #42</a>
	                </div>
	            </div>
              <div id="likers-container-163961" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="163961"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #42"></div>
  </section>
</div>
    <div class="postbit" id="163962" data-post-id="163962">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="wolfiton" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/wolfiton/120/15884_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  wolfiton
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am using NightWolf  <a href="https://marketplace.visualstudio.com/items?itemName=MaoSantaella.night-wolf" class="inline-onebox" rel="noopener nofollow ugc">Night Wolf - Visual Studio Marketplace</a> with a custom font, I will write a post soon on my whole setup and i will update with the link here once i am done.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="163962" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/44">Post #43</a>
	                </div>
	            </div>
              <div id="likers-container-163962" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="163962"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #43"></div>
  </section>
</div>
    <div class="postbit" id="164023" data-post-id="164023">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="axelson" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/axelson/120/26351_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  axelson
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Scenic Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="mindok" data-post="42" data-topic="29186">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mindok/48/13538_2.png" class="avatar"> mindok:</div>
<blockquote>
<p>Unfortunately <code>@doc</code> and <code>@moduledoc</code> sections get highlighted too - I need to do a bit more fiddling.</p>
</blockquote>
</aside>
<p>If you run <code>Ctrl+Shift+P</code>: “Developer: Inspect TM Scopes” you can see what scopes are defined on each piece of syntax in the file:</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/2/e/2e1c1a7a756f455f93f7a120444ba4714993960c.png" data-download-href="https://forum.elixirforum.com/uploads/default/2e1c1a7a756f455f93f7a120444ba4714993960c" title="screenshot-inspect-moduledoc-comment" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/2/e/2e1c1a7a756f455f93f7a120444ba4714993960c_2_690x388.png" alt="screenshot-inspect-moduledoc-comment" data-base62-sha1="6zUaQyPo8uobpYeSUBsspsP5VTe" width="690" height="388" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/2/e/2e1c1a7a756f455f93f7a120444ba4714993960c_2_690x388.png, https://forum.elixirforum.com/uploads/default/original/3X/2/e/2e1c1a7a756f455f93f7a120444ba4714993960c.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/2/e/2e1c1a7a756f455f93f7a120444ba4714993960c.png 2x" data-dominant-color="252525"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screenshot-inspect-moduledoc-comment</span><span class="informations">1006×566 67.1 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/4/6/46895dc6505bfa827bd0b70b53446a8736c8dc47.png" data-download-href="https://forum.elixirforum.com/uploads/default/46895dc6505bfa827bd0b70b53446a8736c8dc47" title="screenshot-inspect-doc-comment" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/4/6/46895dc6505bfa827bd0b70b53446a8736c8dc47.png" alt="screenshot-inspect-doc-comment" data-base62-sha1="a3ZJbQhXRyZkXDBk2HL8ustoKuX" width="644" height="600"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screenshot-inspect-doc-comment</span><span class="informations">668×622 57.9 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/7/c/7c2231d05e1d75529cbde6cd0f9a142226de15ab.png" data-download-href="https://forum.elixirforum.com/uploads/default/7c2231d05e1d75529cbde6cd0f9a142226de15ab" title="screenshot-inspect-comment" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/7/c/7c2231d05e1d75529cbde6cd0f9a142226de15ab_2_690x461.png" alt="screenshot-inspect-comment" data-base62-sha1="hI8t0B6K1T2xQ8bEfvOu6pelEH9" width="690" height="461" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/7/c/7c2231d05e1d75529cbde6cd0f9a142226de15ab_2_690x461.png, https://forum.elixirforum.com/uploads/default/original/3X/7/c/7c2231d05e1d75529cbde6cd0f9a142226de15ab.png 1.5x, https://forum.elixirforum.com/uploads/default/original/3X/7/c/7c2231d05e1d75529cbde6cd0f9a142226de15ab.png 2x" data-dominant-color="252625"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screenshot-inspect-comment</span><span class="informations">853×570 62.2 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p>So we have <code>comment.documentation.heredoc.elixir</code>, <code>comment.documentation.string</code>, and <code>comment.line.number-sign.elixir</code>.</p>
<p>So if we want to change the documentation comments back to their default style (for the Default Dark+ theme) we can add this to our settings.json:</p>
<pre data-code-wrap="json"><code class="lang-json">{
    "editor.tokenColorCustomizations": {
        "comments": {
            "foreground": "#FF0000",
            "fontStyle": "bold"
        },
        "textMateRules": [
            {
                "scope": "comment.documentation",
                "settings": {
                    "foreground": "#6A9955",
                    "fontStyle": ""
                }
            }
        ]
    }
}
</code></pre>
<p>Now this looks like:<br>
</p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/8/b/8baf00f028148ef497b02289470b76ef2e19a80e.png" data-download-href="https://forum.elixirforum.com/uploads/default/8baf00f028148ef497b02289470b76ef2e19a80e" title="screenshot-after" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/8/b/8baf00f028148ef497b02289470b76ef2e19a80e.png" alt="screenshot-after" data-base62-sha1="jVHjlnLnOA1RSUqAaec6ytEPLY2" width="626" height="581"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screenshot-after</span><span class="informations">626×581 47 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p>And if you wanted to target specifically single-line or multi-line documentation you could target <code>comment.documentation.heredoc</code> or <code>comment.documentation.string</code> instead of just <code>comment.documentation</code>.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164023" data-batch-url="/posts/batch_likers">
                        7
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/45">Post #44</a>
	                </div>
	            </div>
              <div id="likers-container-164023" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164023"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #44"></div>
  </section>
</div>
    <div class="postbit" id="164032" data-post-id="164032">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="joaquinalcerro" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/joaquinalcerro/120/13928_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  joaquinalcerro
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am using Dracula</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164032" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/46">Post #45</a>
	                </div>
	            </div>
              <div id="likers-container-164032" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164032"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #45"></div>
  </section>
</div>
    <div class="postbit" id="164129" data-post-id="164129">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="christhekeele" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/christhekeele/120/1039_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  christhekeele
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’ve been using a modified varient of Twilight, as well!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164129" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/47">Post #46</a>
	                </div>
	            </div>
              <div id="likers-container-164129" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164129"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #46"></div>
  </section>
</div>
    <div class="postbit" id="164145" data-post-id="164145">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="1player" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/1player/120/14000_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  1player
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Synthwave is still trendy.</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/f/9/f907dca3dfb1669f23ca55e55436dc6f9e08da8a.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/f907dca3dfb1669f23ca55e55436dc6f9e08da8a" title="screen" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/f/9/f907dca3dfb1669f23ca55e55436dc6f9e08da8a_2_690x421.jpeg" alt="screen" data-base62-sha1="zx1Jw0jlLsry1HpQqwgLZwXEiW6" width="690" height="421" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/f/9/f907dca3dfb1669f23ca55e55436dc6f9e08da8a_2_690x421.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/f/9/f907dca3dfb1669f23ca55e55436dc6f9e08da8a_2_1035x631.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/f/9/f907dca3dfb1669f23ca55e55436dc6f9e08da8a_2_1380x842.jpeg 2x" data-dominant-color="1F2123"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">screen</span><span class="informations">1398×853 160 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p><a href="https://marketplace.visualstudio.com/items?itemName=VictorTrusov.one-monokai-80s-plus" rel="noopener nofollow ugc">One Monokai 80s Plus Theme for VSCode</a></p>
<p>Font is <a href="https://github.com/be5invis/iosevka" rel="noopener nofollow ugc">Iosevka Slab</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164145" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/48">Post #47</a>
	                </div>
	            </div>
              <div id="likers-container-164145" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164145"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #47"></div>
  </section>
</div>
    <div class="postbit" id="164147" data-post-id="164147">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mentero" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mentero/120/24698_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mentero
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I am into light themes for some time and using FlatUI Immersed right now</p>
<aside class="onebox allowlistedgeneric" data-onebox-src="https://marketplace.visualstudio.com/items?itemName=lkytal.FlatUI">
  <header class="source">

      <a href="https://marketplace.visualstudio.com/items?itemName=lkytal.FlatUI" target="_blank" rel="noopener nofollow ugc">marketplace.visualstudio.com</a>
  </header>

  <article class="onebox-body">
    <img width="256" height="256" src="https://lkytal.gallerycdn.vsassets.io/extensions/lkytal/flatui/1.4.9/1543358291795/Microsoft.VisualStudio.Services.Icons.Default" class="thumbnail onebox-avatar" alt="">

<h3><a href="https://marketplace.visualstudio.com/items?itemName=lkytal.FlatUI" target="_blank" rel="noopener nofollow ugc">Flat UI - Visual Studio Marketplace</a></h3>

  <p>Extension for Visual Studio Code - A flat style theme for vscode</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>
 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164147" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/49">Post #48</a>
	                </div>
	            </div>
              <div id="likers-container-164147" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164147"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #48"></div>
  </section>
</div>
    <div class="postbit" id="164187" data-post-id="164187">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="andrejsm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/andrejsm/120/4136_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  andrejsm
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/a/9/a979e50e4df4ca99f89a354c23d87b731bad8a52.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/a979e50e4df4ca99f89a354c23d87b731bad8a52" title="Screenshot 2020-02-21 at 22.04.31" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/a/9/a979e50e4df4ca99f89a354c23d87b731bad8a52_2_345x233.jpeg" alt="Screenshot 2020-02-21 at 22.04.31" data-base62-sha1="obfQKu0seLJTczAh5pR46pWiAlY" width="345" height="233" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/a/9/a979e50e4df4ca99f89a354c23d87b731bad8a52_2_345x233.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/a/9/a979e50e4df4ca99f89a354c23d87b731bad8a52_2_517x349.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/a/9/a979e50e4df4ca99f89a354c23d87b731bad8a52_2_690x466.jpeg 2x" data-dominant-color="F7F7F8"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">Screenshot 2020-02-21 at 22.04.31</span><span class="informations">2606×1760 95 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><br>
Theme is <a href="https://marketplace.visualstudio.com/items?itemName=mikelward.theme-plainlight" rel="noopener nofollow ugc">Plain Light</a>. I use it because of less colours. I find colourful themes similar to kinder-garden drawings where kids go crazy with crayons. All thous colours doesn’t help much. I find it really useful to have highlighted comments and strings, and it is enough.<p></p>
<p>The Explorer is on right side as it is mostly hidden and I bring it up in rare cases and when it shows up it doesn’t float the Editor and code visually stays in place. Usually I use search to open files.</p>
<p>I don’t use Tabs as they are difficult to navigate. Quickly cycling through open files with shortcuts is much faster and easier.</p>
<p>I’ve hidden line numbers as they don’t make much sense to me. Every stack trace typically include line number along with file name and copy-pasting it into search always take to the exact place.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164187" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/50">Post #49</a>
	                </div>
	            </div>
              <div id="likers-container-164187" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164187"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #49"></div>
  </section>
</div>
    <div class="postbit" id="164341" data-post-id="164341">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sztosz" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sztosz/120/1251_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sztosz
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><a href="https://marketplace.visualstudio.com/items?itemName=Arsen.darcula-theme-for-elixir" class="inline-onebox" rel="noopener nofollow ugc">Darcula theme for Elixir - Visual Studio Marketplace</a> Since I’ve used Darcula in Jetbrains IDE’s for the first time, I simply can’t switch to anything else. I can’t find easily my way around in the code if any other theme is used.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="164341" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/what-vscode-theme-do-you-use/29186/51">Post #50</a>
	                </div>
	            </div>
              <div id="likers-container-164341" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="164341"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #50"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/29186/load_more?page=6">Load more posts (48 remaining)</a>
</div></template></turbo-stream>