{"id":35871,"date":"2021-11-27T16:27:12","date_gmt":"2021-11-27T16:27:12","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=35871"},"modified":"2021-11-27T16:27:12","modified_gmt":"2021-11-27T16:27:12","slug":"colortint-add-translucent-overlay","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2021\/11\/colortint-add-translucent-overlay\/","title":{"rendered":"ColorTint Adds Translucent Overlay To Help People with Dyslexia, Scopic Sensitivity"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-34682\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-250x250.png 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-300x300.png 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-600x600.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature-768x768.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gnome-logo-feature.png 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>For people with dyslexia, scopic sensitivity, and related conditions, GNOME has an extension to adds a a translucent colored overlay over your desktop that may help.<\/p>\n<p>It&#8217;s &#8216;ColorTint&#8217; that adds an indicator applet in system tray area. User may click the drop down menu options to enable\/disable the overlay, change the color via RGB slider bar, and adjust transparency via the <i>Alpha<\/i> slider.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/colortint-indicator.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/colortint-indicator.png\" alt=\"\" width=\"568\" height=\"353\" class=\"aligncenter size-full wp-image-35872\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/colortint-indicator.png 568w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/colortint-indicator-300x186.png 300w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/a><\/p>\n<h3>How to Install ColorTint:<\/h3>\n<p>The extension works on GNOME 40 (Ubuntu 21.10) and GNOME 3.32 (Ubuntu 18.04), however <b>lacks Ubuntu 20.04 support<\/b>&#8230;<\/p>\n<p>1.) Firstly, press Ctrl+Alt+T on keyboard to open terminal. When it opens, run command to install the &#8216;chrome-gnome-shell&#8217; package to enable ability to install Gnome Extension via web broser:<\/p>\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png\" alt=\"\" width=\"600\" height=\"139\" class=\"aligncenter size-full wp-image-9943\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell-450x104.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>2.) Next, go to the link below and turn on the slider icon to install the extension:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/1789\/colortint\/\" target=\"_blank\" rel=\"noreferrer noopener\">Install ColorTint<\/a><\/div>\n<\/div>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint-600x377.webp\" alt=\"\" width=\"600\" height=\"377\" class=\"aligncenter size-large wp-image-35873\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint-600x377.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint-300x189.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint-768x483.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/install-colortint.webp 957w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Don&#8217;t see the toggle icon? Try installing the browser extension via the link in the page and then refresh it.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\" alt=\"\" width=\"520\" height=\"256\" class=\"aligncenter size-full wp-image-10357\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png 520w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension-450x222.png 450w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><\/p>\n<p><b>NOTE:<\/b> The pre-installed Firefox in Ubuntu 21.10 is a Snap package that so far does not support for installing Gnome Extensions, use another browser or install Firefox as native Deb package via command:<\/p>\n<pre>sudo apt install firefox<\/pre>\n<p>And, to manage all installed extensions, install &#8216;<b>Gnome Extensions<\/b>&#8216; app either from Ubuntu Software or by running command in terminal:<\/p>\n<pre>sudo apt install gnome-shell-extension-prefs<\/pre>\n<p>That&#8217;s all. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>For people with dyslexia, scopic sensitivity, and related conditions, GNOME has an extension to adds a a translucent colored overlay over your desktop that may help. It&#8217;s &#8216;ColorTint&#8217; that adds an indicator applet in system tray area. User may click the drop down menu options to enable\/disable the overlay, change the color via RGB slider [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-35871","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/35871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=35871"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/35871\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/34682"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=35871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=35871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=35871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}