<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Paras Verma</title>
    <description>The latest articles on DEV Community by Paras Verma (@iamst0rm).</description>
    <link>https://dev.to/iamst0rm</link>
    <image>
      <url>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%2F458087%2F67d94e6d-ecfc-4047-a741-7c518a5a5e7e.jpeg</url>
      <title>DEV Community: Paras Verma</title>
      <link>https://dev.to/iamst0rm</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/iamst0rm"/>
    <language>en</language>
    <item>
      <title>Multi-Touch Touchpad Gestures on Linux</title>
      <dc:creator>Paras Verma</dc:creator>
      <pubDate>Sun, 16 May 2021 19:21:49 +0000</pubDate>
      <link>https://dev.to/iamst0rm/multi-touch-touchpad-gestures-on-linux-362i</link>
      <guid>https://dev.to/iamst0rm/multi-touch-touchpad-gestures-on-linux-362i</guid>
      <description>&lt;p&gt;A guide to enable multi-finger gesture support on any Linux distro, be it Ubuntu, Pop!_OS, Fedora or Arch. Supports pinch-to-zoom in Chrome, Firefox &amp;amp; other browsers.&lt;/p&gt;

&lt;h3&gt;
  
  
  Enabling touchpad gestures on Linux:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Go to &lt;a href="https://github.com/JoseExposito/touchegg"&gt;Touchégg's Github Repo&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Scroll down a bit and you’ll see the &lt;a href="https://github.com/JoseExposito/touchegg#installation"&gt;Installation&lt;/a&gt; &amp;amp; &lt;a href="https://github.com/JoseExposito/touchegg#configuration"&gt;Configuration&lt;/a&gt; instructions, which will guide you through rest of the process.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;em&gt;Tip: Restart your PC if gestures do not work right away.&lt;/em&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  GUI to Configure Touchégg.
&lt;/h4&gt;

&lt;p&gt;Use &lt;a href="https://github.com/JoseExposito/touche"&gt;Touché&lt;/a&gt;, the desktop application to configure Touchégg, by the same developer, so less compatibility issues (I found none).&lt;/p&gt;

&lt;h4&gt;
  
  
  Gesture Support for Gnome
&lt;/h4&gt;

&lt;p&gt;To enable multi-touch gestures on Gnome, install &lt;a href="https://github.com/JoseExposito/gnome-shell-extension-x11gestures"&gt;GNOME Shell X11Gestures extension&lt;br&gt;
&lt;/a&gt; from &lt;a href="https://extensions.gnome.org/extension/4033/x11-gestures/"&gt;Gnome Extensions&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Credits:&lt;br&gt;
Jose Exposito on &lt;a href="https://github.com/JoseExposito"&gt;Github&lt;/a&gt;&lt;/p&gt;

</description>
      <category>linux</category>
      <category>gestures</category>
      <category>ubuntu</category>
      <category>touchpad</category>
    </item>
    <item>
      <title>Fixing VSCode Color Bug on Linux</title>
      <dc:creator>Paras Verma</dc:creator>
      <pubDate>Mon, 31 Aug 2020 05:41:35 +0000</pubDate>
      <link>https://dev.to/iamst0rm/fixing-vscode-color-bug-on-linux-185f</link>
      <guid>https://dev.to/iamst0rm/fixing-vscode-color-bug-on-linux-185f</guid>
      <description>&lt;p&gt;Being a developer, I love VSCode. Using VSCode for a couple of years now, for Windows that is, was always a smooth sailing.&lt;br&gt;
PS. — I design and game too. So Windows is ❤&lt;/p&gt;

&lt;h2&gt;
  
  
  Where the Problem began.
&lt;/h2&gt;

&lt;p&gt;Shifted to Pop_OS for a project, installed VSCode and as I began writing code, I noticed my editor tab having ‘multiple color blocks’. The blank area without any code/text had a different (darker) color than the area having the code/text.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqkf772nbdfhix37zv3q8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqkf772nbdfhix37zv3q8.png" alt="Color Blocks in Text Editor"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Putting computer to sleep and waking it introduced another issue. VSCode terminal and code preview areas were filled with noise… white noise. No metaphors here. Actual white noise.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftx38phknicdieoofmwdd.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftx38phknicdieoofmwdd.jpeg" alt="White Noise"&gt;&lt;/a&gt;&lt;/p&gt;



&lt;h2&gt;
  
  
  Counter Checking with Windows
&lt;/h2&gt;

&lt;p&gt;After this, I booted my Windows installation to check if its the new update but everything worked fine. No color blocks, no noisy white dots.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc4vf1745v4h6y8nnm9ht.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fc4vf1745v4h6y8nnm9ht.png" alt="Windows VSCode"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I found.
&lt;/h2&gt;

&lt;p&gt;This Linux issue is occuring on almost all the distros I tried:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ubuntu 18.04 LTS&lt;/li&gt;
&lt;li&gt;Pop-OS 19.10 (Nvidia and Intel/AMD)&lt;/li&gt;
&lt;li&gt;Elementary OS&lt;/li&gt;
&lt;li&gt;Mint... and quite a few more.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why is it happening?
&lt;/h2&gt;

&lt;p&gt;Though I figured out a fix, I couldn't figure out the depth of why or how it was occuring. It sure is related to how app on linux renders colors and color profile, as the fixes include color correct rendering and forcing a color profile.&lt;/p&gt;

&lt;p&gt;If you find something else being the reason, please do respond to the post with your findings.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Solution. (VSCode v1.43.x &amp;amp; Later)
&lt;/h2&gt;

&lt;p&gt;Microsoft is keen on messing with the solutions with every update. For now:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;In VSCode, open Command Palette (Ctrl+Shift+P) and search for &lt;strong&gt;&lt;em&gt;"Configure Runtime Arguments"&lt;/em&gt;&lt;/strong&gt;. Select it and press &lt;strong&gt;Enter&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;There should already be an entry:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;"disable-color-correct-rendering": true&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Just remove that entry or comment it out with //.&lt;/p&gt;

&lt;p&gt;If there are any more entries, do remove those.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;BOOM! Issue fixed.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;For those of you, willing to read the whole process, here is a thorough compilation of the issue:&lt;br&gt;
&lt;a href="https://medium.com/@iamstorm/vscode-bug-on-linux-7ca4c4544d24" rel="noopener noreferrer"&gt;Link to my Medium story&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Legacy/Older Solutions (Work for versions earlier than 1.43.x)
&lt;/h2&gt;

&lt;p&gt;This issue is a weird rendering issue with VSCode on Linux. I found a very simple fix:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;In VSCode, open Command Palette (Ctrl+Shift+P) and search for &lt;strong&gt;"Configure Runtime Arguments"&lt;/strong&gt;. Select it and press Enter.&lt;/li&gt;
&lt;li&gt;There should already be an entry:&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;"disable-color-correct-rendering": true&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Add a comma (,) after this entry. Even if there is no entry, just put a code block ({}) and follow along.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Paste in&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;"disable-hardware-acceleration": true,&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;(in the next line, if there is already an entry) inside the same code block.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Save the file. Restart VSCode&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;BOOM! Issue fixed.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/microsoft/vscode/issues/85452#issuecomment-558334562" rel="noopener noreferrer"&gt;Link to original solution&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Still Not Fixed?
&lt;/h3&gt;

&lt;p&gt;The issue might still not be fixed for everyone (as it wasn't for me). Just follow along the steps:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open Command Palette (Ctrl+Shift+P) and search for 
&lt;strong&gt;"Configure Runtime Arguments"&lt;/strong&gt; and press Enter.
Now just add this line at the end&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;code&gt;"force-color-profile": "srgb",&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;It will display a zig-zag line underneath the entry and say &lt;strong&gt;"Property force-color-profile is not allowed."&lt;/strong&gt;. Just ignore it and save the file.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Restart VSCode.
Voila!!! Issue is fixed.&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>vscode</category>
      <category>linux</category>
      <category>ubuntu</category>
    </item>
  </channel>
</rss>
