{"id":36865,"date":"2022-01-19T15:03:40","date_gmt":"2022-01-19T15:03:40","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=36865"},"modified":"2022-01-19T15:03:40","modified_gmt":"2022-01-19T15:03:40","slug":"transparent-clock-date-widget-ubuntu","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/01\/transparent-clock-date-widget-ubuntu\/","title":{"rendered":"This Extension Adds Transparent Clock &#038; Date Desktop Widget in Ubuntu 20.04+"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-36866\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/clock-icon.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Want to display time and date on your Ubuntu Desktop as widget? Without <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2020\/07\/install-conky-manager-ubuntu-20-04-lts\/\" rel=\"noopener\" target=\"_blank\">Conky<\/a> or any other app, there&#8217;s now Gnome extension can do the trick by adding a live clock on your wallpaper.<\/p>\n<p>It&#8217;s &#8216;Showtime&#8217;, an extension based on the Budgie Desktop widget. It displays transparent live <b>digital lock<\/b>, <b>weekday<\/b>, as well as <b>date<\/b> on the background wallpaper. And, it shows date and time in both vertical and horizontal styles.<\/p>\n<div id=\"attachment_36868\" style=\"width: 532px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-36868\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock.webp\" alt=\"\" width=\"522\" height=\"353\" class=\"size-full wp-image-36868\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock.webp 522w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock-300x203.webp 300w\" sizes=\"auto, (max-width: 522px) 100vw, 522px\" \/><\/a><p id=\"caption-attachment-36868\" class=\"wp-caption-text\">Wallpaper clock<\/p><\/div>\n<div id=\"attachment_36869\" style=\"width: 490px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock-vertical.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-36869\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock-vertical.webp\" alt=\"\" width=\"480\" height=\"338\" class=\"size-full wp-image-36869\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock-vertical.webp 480w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/wallpaper-clock-vertical-300x211.webp 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/a><p id=\"caption-attachment-36869\" class=\"wp-caption-text\">Wallpaper clock vertical style<\/p><\/div>\n<p>User may change the display position by press and holding <i><b>Super<\/b><\/i> (<i><b>Windows<\/b><\/i>) key, and dragging to move it.<\/p>\n<p>As well, it offers preference settings via &#8220;Gnome Extensions&#8221; app that allows to configure:<\/p>\n<ul>\n<li>12-hour or 24-hour format.<\/li>\n<li>The display color.<\/li>\n<li>Date and clock display format.<\/li>\n<li>Date and clock font family and size.<\/li>\n<li>Shadow transparency.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/showtime-settings.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/showtime-settings-600x459.webp\" alt=\"\" width=\"600\" height=\"459\" class=\"aligncenter size-large wp-image-36870\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/showtime-settings-600x459.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/showtime-settings-300x230.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/showtime-settings.webp 652w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>How to Install the Extension in Ubuntu:<\/h3>\n<p>The &#8216;Showtime&#8217; extension so far supports Gnome 3.36, 3.38 and 40. So it will work in Ubuntu 20.04 and Ubuntu 21.10. <\/p>\n<h4>1. Install &#8216;chrome-gnome-shell&#8217;:<\/h4>\n<p>Firstly, press <b>Ctrl+Alt+T<\/b> on keyboard to open terminal. When it opens, run command to install the &#8216;chrome-gnome-shell&#8217; and Gnome Extensions packages if you don&#8217;t have it:<\/p>\n<pre>sudo apt install chrome-gnome-shell gnome-shell-extension-prefs<\/pre>\n<p>This package enables ability to install Gnome Extensions via a web browser.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/apt-chromegnome-impish.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/apt-chromegnome-impish.png\" alt=\"\" width=\"600\" height=\"225\" class=\"aligncenter size-full wp-image-34242\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/apt-chromegnome-impish.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/apt-chromegnome-impish-300x113.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h4>2. Install the Extension:<\/h4>\n<p>Next, click the link button below to go to the extension web page and turn on the slider icon to install it:<\/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\/3442\/showtime-horizontal\/\" target=\"_blank\" rel=\"noreferrer noopener\">Showtime Horizontal<\/a><\/div>\n<\/div>\n<p>For the vertical style, install <a href=\"https:\/\/extensions.gnome.org\/extension\/1429\/showtime\/\" rel=\"noopener\" target=\"_blank\">this one<\/a> instead.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime-600x373.webp\" alt=\"\" width=\"600\" height=\"373\" class=\"aligncenter size-large wp-image-36871\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime-600x373.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime-300x187.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime-768x478.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/01\/install-showtime.webp 932w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>If you don&#8217;t see the toggle icon, install the browser extension via the link in that page and 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 does NOT support for installing Gnome Extensions so far. Use another browser or install Firefox as deb. <\/p>\n<p>The widget should appear immediately after installation. After that, press <i>Super<\/i> (<i>Windows<\/i>) key and drag to move its position, and open &#8216;<i>Gnome Extensions<\/i>&#8216; from overview screen to configure it&#8217;s appearance.<\/p>\n<div id=\"attachment_34243\" style=\"width: 592px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-34243\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app.jpg\" alt=\"\" width=\"582\" height=\"267\" class=\"size-full wp-image-34243\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app.jpg 582w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/07\/open-extensions-app-300x138.jpg 300w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/a><p id=\"caption-attachment-34243\" class=\"wp-caption-text\">Manage Gnome Extensions<\/p><\/div>\n<p>That&#8217;s all. Enjoy!<\/p>","protected":false},"excerpt":{"rendered":"<p>Want to display time and date on your Ubuntu Desktop as widget? Without Conky or any other app, there&#8217;s now Gnome extension can do the trick by adding a live clock on your wallpaper. It&#8217;s &#8216;Showtime&#8217;, an extension based on the Budgie Desktop widget. It displays transparent live digital lock, weekday, as well as date [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":36866,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-36865","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\/36865","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=36865"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/36865\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/36866"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=36865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=36865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=36865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}