{"id":20704,"date":"2024-11-21T10:16:41","date_gmt":"2024-11-21T03:16:41","guid":{"rendered":"https:\/\/gcloudvn.com\/?p=20704"},"modified":"2024-11-22T15:03:20","modified_gmt":"2024-11-22T08:03:20","slug":"introducing-a-new-look-and-feel-for-google-calendar-on-the-web","status":"publish","type":"post","link":"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/","title":{"rendered":"Introducing a new look and feel for Google Calendar on the web"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/#Co_gi_thay_doi\" >What\u2019s changing\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/#Thong_tin_them\" >Additional details<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/#Bat_dau\" >Getting started<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/#Thoi_gian_trien_khai\" >Rollout pace<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/gcloudvn.com\/en\/kienthuc\/introducing-a-new-look-and-feel-for-google-calendar-on-the-web\/#Tinh_kha_dung\" >Availability<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Co_gi_thay_doi\"><\/span><b>What\u2019s changing\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Starting today, you\u2019ll notice a refreshed user interface in Google Calendar that is in line with Google Material Design 3 and includes:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Controls (like buttons, dialogs, and sidebars) that are more modern and accessible<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Interface typography that uses Google\u2019s custom-designed and highly-legible typefaces<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Iconography that is legible and crisp, with a fresh feel<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">We\u2019re also introducing the ability to toggle between light mode, dark mode or device default theme options. This will provide you with a more comfortable, customizable viewing experience and can also reduce battery usage.<\/span><\/p>\n<figure id=\"attachment_20706\" aria-describedby=\"caption-attachment-20706\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20706\" src=\"https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/sang-min.png\" alt=\"Calendar on web in light mode\" width=\"1600\" height=\"1000\" srcset=\"https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/sang-min.png 1600w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/sang-min-768x480.png 768w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/sang-min-1536x960.png 1536w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/sang-min-18x12.png 18w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption id=\"caption-attachment-20706\" class=\"wp-caption-text\"><em>Calendar on web in light mode<\/em><\/figcaption><\/figure>\n<figure id=\"attachment_20707\" aria-describedby=\"caption-attachment-20707\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-20707\" src=\"https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/unnamed-1-min.png\" alt=\"Calendar on web in dark mode\" width=\"1600\" height=\"1000\" srcset=\"https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/unnamed-1-min.png 1600w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/unnamed-1-min-768x480.png 768w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/unnamed-1-min-1536x960.png 1536w, https:\/\/gcloudvn.com\/wp-content\/uploads\/2024\/11\/unnamed-1-min-18x12.png 18w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><figcaption id=\"caption-attachment-20707\" class=\"wp-caption-text\"><em>Calendar on web in dark mode<\/em><\/figcaption><\/figure>\n<h2><span class=\"ez-toc-section\" id=\"Thong_tin_them\"><\/span><b>Additional details<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">These updates are applicable across the entire calendar web experience, including the <\/span><a href=\"http:\/\/workspaceupdates.googleblog.com\/2023\/11\/view-full-screen-tasks-lists-on-google-calendar.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">task list view<\/span><\/a><span style=\"font-weight: 400;\">. When using the <\/span><a href=\"http:\/\/tasks.google.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">tasks.google.com<\/span><\/a><span style=\"font-weight: 400;\"> URL, you will be redirected to the refreshed user interface and have the ability to choose between light or dark mode.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Bat_dau\"><\/span><b>Getting started<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Admins: There is no admin control for this feature.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">End users:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">To turn on dark mode in Calendar, go to the settings icon in the top right corner &gt; Appearance &gt; select Light, Dark or Device default.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Given this launch is a visual refresh to Google Calendar, it may impact the experience of installed Chrome extensions that are active when using Google Calendar. As a result, these extensions might not work as expected. We recommend contacting the developers of those extensions to report any potential issues.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Thoi_gian_trien_khai\"><\/span><b>Rollout pace<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rapid Release domains: Gradual rollout (up to 15 days for feature visibility) starting on October 23, 2024<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scheduled Release domains: Extended rollout (potentially longer than 15 days for feature visibility) starting on December 2, 2024<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tinh_kha_dung\"><\/span><b>Availability<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Available to all Google Workspace customers, Google Workspace Individual subscribers, and users with personal Google accounts<\/span><\/li>\n<\/ul>\n<p style=\"text-align: right;\"><strong>Source: Gimasys<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>C\u00f3 g\u00ec thay \u0111\u1ed5i\u00a0 B\u1eaft \u0111\u1ea7u t\u1eeb h\u00f4m nay, ng\u01b0\u1eddi d\u00f9ng s\u1ebd th\u1ea5y giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c l\u00e0m m\u1edbi trong Google L\u1ecbch ph\u00f9 h\u1ee3p v\u1edbi Google Material Design 3 v\u00e0 bao g\u1ed3m: C\u00e1c n\u00fat \u0111i\u1ec1u khi\u1ec3n (nh\u01b0 n\u00fat, h\u1ed9p&hellip;<\/p>","protected":false},"author":2,"featured_media":20705,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1,134],"tags":[],"class_list":["post-20704","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kienthuc","category-google-workspace","entry","has-media"],"_links":{"self":[{"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/posts\/20704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/comments?post=20704"}],"version-history":[{"count":0,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/posts\/20704\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/media\/20705"}],"wp:attachment":[{"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/media?parent=20704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/categories?post=20704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gcloudvn.com\/en\/wp-json\/wp\/v2\/tags?post=20704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}