{"id":4029,"date":"2013-04-09T15:22:38","date_gmt":"2013-04-09T14:22:38","guid":{"rendered":"http:\/\/myglasseye.net\/news\/?p=4029"},"modified":"2013-05-10T18:05:58","modified_gmt":"2013-05-10T17:05:58","slug":"change-menubar-icons-radium-3","status":"publish","type":"post","link":"http:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/","title":{"rendered":"How to change the menubar icons in Radium 3"},"content":{"rendered":"<p>Purchased Radium 3 and hate the new menu bar icon? Me too. Would you like to change the menubar icon back to the radio from Radium 2? Me too! Welcome \ud83d\ude42<\/p>\n<p>I was a long-time user of Radium 2 and recently purchased the update to Radium 3 on the Mac App Store. While the functional improvements are worth the upgrade, the new icon feels like a huge step backward. It used to be a lovely radio and it&#8217;s now a chocolate heart &#8211; apparently because when you think &#8216;internet radio streaming for Mac&#8217; you think of the sort of gift-box confectionary you buy your girlfriend on Valentine&#8217;s Day, right? I know I do.<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Screen-Shot-2013-04-05-at-16.43.35.png\" alt=\"radium-icons\" width=\"363\" height=\"158\" class=\"aligncenter size-full wp-image-3823\" \/><\/p>\n<p>I can put up with the main icon because I&#8217;ll never see it (the app launches automatically at startup), but I&#8217;d love the radio back in the menu bar because it makes more sense to me. With a tiny bit of effort, and your copy of Radium 2, you can change it yourself, so I did.<\/p>\n<h2>Let&#8217;s fix Radium 3&#8217;s menubar icons<\/h2>\n<p>I happen to still have Radium 2 but some may not. I considered putting just the pertinent image files together in a zip and putting it online but I have a feeling somebody would object to that on the grounds of copyright. Technically you could drop any images in there, though.<\/p>\n<p>If you <em>do<\/em> still have your copy of Radium 2, select it in the Finder, then right-click and select Open Package Contents. If you&#8217;ve never done this before, it isn&#8217;t dangerous if you follow these instructions. An application icon is just a fancy folder that &#8216;runs&#8217; its contents instead of showing them to you when you double-click its icon. So long as we only touch the image files we want to change, we&#8217;ll be fine.<\/p>\n<p>Open &#8216;Contents&#8217;, then &#8216;Resources&#8217;, then scroll down the list until you come to a bunch of .png files that start with &#8216;Radium-status&#8217;. There should be six of them, highlighted in the picture below.<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Radium-2-menubar-icons-580x348.png\" alt=\"radium-menubar-icons-1\" width=\"580\" height=\"348\" class=\"aligncenter size-medium wp-image-4031\" \/><\/p>\n<p>Keep that window open on your desktop. Now open a new window, navigate to your copy of Radium 3 (the Magical Musical Chocolate For Your Ears) and do the same thing; right-click, Open Package Contents, click on Contents, click on Resources. Again, this isn&#8217;t dangerous if you follow these instructions, but if by some chance you do mess something else up, don&#8217;t worry! Just delete the entire Radium 3 app from your computer and re-download it from the Mac App Store for free, done!<\/p>\n<p>Okay, so now scroll down the Resources list until you find a series of files that start &#8216;menubar<em>icon<\/em>&#8216;, highlighted in the picture below.<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Radium-3-menubar-icons-580x301.png\" alt=\"radium-menubar-icons-2\" width=\"580\" height=\"301\" class=\"aligncenter size-medium wp-image-4032\" \/><\/p>\n<p>What we&#8217;re going to do is copy over the relevant image files from Radium 2 and drop them into Radium 3&#8217;s Resources folder, replacing the heart icons. This means the replacement files need to be named exactly the same as the existing files.<\/p>\n<p>Go back to the window with the Radium 2 Resource window. Select all six &#8216;Radium-status&#8217; icons. Hold down Alt and drag those six icons to your desktop; note that a green + symbol appears next to your cursor. That means we&#8217;re duplicating the icons onto the Desktop, rather than working with the only copies we have, which will remain in the Radium 2 folder.<\/p>\n<p>Once copied, select all six again, right-click and select &#8216;New Folder with Selection (6 items)&#8217;. Call this folder something like &#8216;Radium 2 icons&#8217;.<\/p>\n<p>All this is just house-keeping, making sure you keep your copy of Radium 2 safe. The important stuff is next.<\/p>\n<p>Now select the Radium 3 Resources window in the Finder and let&#8217;s take a look at the icons we&#8217;re about to replace. There are two &#8216;busy&#8217; icons (the heart with the dot that switches sides), a &#8216;disabled&#8217; version, a &#8216;regular&#8217; version, a &#8216;pressed&#8217; version and a &#8216;success&#8217; icon which is just a checkmark. <\/p>\n<p>So we need to decide which icons from Radium 2 we&#8217;re going to use to replace the Radium 3 hearts. First off, we can ignore the checkmark &#8211; just leave that as is. Next, the &#8216;busy&#8217; icons; I selected the &#8216;Radium-status-c0&#8217; and &#8216;Radium-status-c1&#8217; icons for this &#8211; they show the radio icon with the antenna fully and partially extended. <\/p>\n<p>Rename &#8216;<strong>Radium-status-c0.png<\/strong>&#8216; to &#8216;<strong>menubar_icon_busy_1.tiff<\/strong>&#8216;, making sure to spell it exactly right, including underscores, and when your Mac asks you if you really want to use the .tiff extension, confirm that you do.<\/p>\n<p>Next, rename &#8216;<strong>Radium-status-c1.png<\/strong>&#8216; to &#8216;<strong>menubar_icon_busy_2.tiff<\/strong>.&#8217; And that&#8217;s the &#8216;busy&#8217; icons done.<\/p>\n<p>For the &#8216;disabled&#8217; icon I chose the &#8216;inv&#8217; version from Radium 2. So rename &#8216;<strong>Radium-status-inv.png<\/strong>&#8216; to &#8216;<strong>menubar_icon_disabled.tiff<\/strong>&#8216;.<\/p>\n<p>Next we replace the &#8216;pressed&#8217; version; this is what&#8217;s shown when you click on the menubar icon to display the drop-down interface. Radium 2 doesn&#8217;t really have an equivalent so I chose to forego the effect (it&#8217;s barely noticeable anyway) and just duplicated the standard R2 menubar icon and used that; select &#8216;Radium-status.png&#8217;, duplicate it with Command-D to create &#8216;<strong>Radium-status Copy.png<\/strong>&#8216;, then rename this new file to &#8216;<strong>menubar_icon_pressed.tiff<\/strong>&#8216;. <\/p>\n<p>Now rename the original copy of &#8216;<strong>Radium-status.png<\/strong>&#8216; to &#8216;<strong>menubar_icon_normal.tiff<\/strong>&#8216;.<\/p>\n<p>You should now have seven icons in your &#8216;Radium 2 icons&#8217; folder on your desktop, as pictured below; five renamed icons, and two leftovers that we haven&#8217;t touched.<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Renamed-Radium-2-menubar-icons-580x396.png\" alt=\"radium-menubar-icons-3\" width=\"580\" height=\"396\" class=\"aligncenter size-medium wp-image-4033\" \/><\/p>\n<p>Now to insert them into Radium 3! Bring up your Radium 3 Resources window, then select the five icons we renamed in the &#8216;Radium 2 icons&#8217; folder, and drag them into the Radium 3 Resources window. You&#8217;ll be told the operation can&#8217;t be completed and asked for your Admin password. Enter that and the files will be copied. Select to &#8216;Replace&#8217; each one when asked.<\/p>\n<p>Now your Radium 3 Resources window should look like this (I&#8217;ve highlighted the bits you should be looking at):<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Replaced-Radium-3-menubar-icons-580x264.png\" alt=\"radium-menubar-icons-4\" width=\"580\" height=\"264\" class=\"aligncenter size-medium wp-image-4034\" \/><\/p>\n<p>Notice that where there were five variations on a heart, and a checkmark, there are now five variations on a radio, and a checkmark.<\/p>\n<p>Now launch Radium 3 and hope for the best! If you see this:<\/p>\n<p><img loading=\"lazy\" src=\"http:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/04\/Screen-Shot-2013-04-09-at-20.35.47.png\" alt=\"replace-menubar-icon-radium\" width=\"333\" height=\"117\" class=\"aligncenter size-full wp-image-4062\" \/><\/p>\n<p>&#8230; then you&#8217;re all done! <\/p>\n<h3>N.B.<\/h3>\n<p>This is a total hack. It will probably revert back to the heart icons again if you apply a future update from the Mac App Store &#8211; that&#8217;s if the MAS even recognises it as an official app now that we&#8217;ve dropped new resources into the package. But your re-icon&#8217;d copy of Radium 3 should function just fine and if you do need to revert back at any point you can simply delete the app manually and re-download for free.<\/p>\n<p>Enjoy your new, old version of Radium 3!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2&#8217;s radio, this is the guide for you!<\/p>\n","protected":false},"author":1,"featured_media":4142,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[357],"tags":[376,30],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to change the menubar icon in Radium 3 \u2022 my glass eye<\/title>\n<meta name=\"description\" content=\"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2&#039;s radio, this is the guide for you!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change the menubar icon in Radium 3 \u2022 my glass eye\" \/>\n<meta property=\"og:description\" content=\"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2&#039;s radio, this is the guide for you!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/\" \/>\n<meta property=\"og:site_name\" content=\"my glass eye \u2022 words\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-09T14:22:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-05-10T17:05:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/05\/1368205395.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"myglasseye\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@myglasseye\" \/>\n<meta name=\"twitter:site\" content=\"@myglasseye\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"myglasseye\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/\",\"url\":\"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/\",\"name\":\"How to change the menubar icon in Radium 3 \u2022 my glass eye\",\"isPartOf\":{\"@id\":\"https:\/\/myglasseye.net\/news\/#website\"},\"datePublished\":\"2013-04-09T14:22:38+00:00\",\"dateModified\":\"2013-05-10T17:05:58+00:00\",\"author\":{\"@id\":\"https:\/\/myglasseye.net\/news\/#\/schema\/person\/7fc676e054834593be1cff687035fd3b\"},\"description\":\"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2's radio, this is the guide for you!\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/myglasseye.net\/news\/#website\",\"url\":\"https:\/\/myglasseye.net\/news\/\",\"name\":\"my glass eye \u2022 words\",\"description\":\"a tech &amp; geek blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/myglasseye.net\/news\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/myglasseye.net\/news\/#\/schema\/person\/7fc676e054834593be1cff687035fd3b\",\"name\":\"myglasseye\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/myglasseye.net\/news\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/2.gravatar.com\/avatar\/b046db2690dc8bbeeabc713971f74c12?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/2.gravatar.com\/avatar\/b046db2690dc8bbeeabc713971f74c12?s=96&d=mm&r=g\",\"caption\":\"myglasseye\"},\"description\":\"I'm a Glasgow-born stills photographer and camera operator living and working in London, UK. As well as cameras I'm into writing, gaming, general geekery and beers by Brew Dog.\",\"sameAs\":[\"http:\/\/myglasseye.net\",\"https:\/\/twitter.com\/myglasseye\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change the menubar icon in Radium 3 \u2022 my glass eye","description":"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2's radio, this is the guide for you!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/","og_locale":"en_US","og_type":"article","og_title":"How to change the menubar icon in Radium 3 \u2022 my glass eye","og_description":"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2's radio, this is the guide for you!","og_url":"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/","og_site_name":"my glass eye \u2022 words","article_published_time":"2013-04-09T14:22:38+00:00","article_modified_time":"2013-05-10T17:05:58+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/myglasseye.net\/news\/wp-content\/uploads\/2013\/05\/1368205395.jpg","type":"image\/jpeg"}],"author":"myglasseye","twitter_card":"summary_large_image","twitter_creator":"@myglasseye","twitter_site":"@myglasseye","twitter_misc":{"Written by":"myglasseye","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/","url":"https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/","name":"How to change the menubar icon in Radium 3 \u2022 my glass eye","isPartOf":{"@id":"https:\/\/myglasseye.net\/news\/#website"},"datePublished":"2013-04-09T14:22:38+00:00","dateModified":"2013-05-10T17:05:58+00:00","author":{"@id":"https:\/\/myglasseye.net\/news\/#\/schema\/person\/7fc676e054834593be1cff687035fd3b"},"description":"I love everything about Radium 3 except the icon. If you want to change the heart in the menu bar back to Radium 2's radio, this is the guide for you!","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/myglasseye.net\/news\/change-menubar-icons-radium-3\/"]}]},{"@type":"WebSite","@id":"https:\/\/myglasseye.net\/news\/#website","url":"https:\/\/myglasseye.net\/news\/","name":"my glass eye \u2022 words","description":"a tech &amp; geek blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/myglasseye.net\/news\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/myglasseye.net\/news\/#\/schema\/person\/7fc676e054834593be1cff687035fd3b","name":"myglasseye","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/myglasseye.net\/news\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b046db2690dc8bbeeabc713971f74c12?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b046db2690dc8bbeeabc713971f74c12?s=96&d=mm&r=g","caption":"myglasseye"},"description":"I'm a Glasgow-born stills photographer and camera operator living and working in London, UK. As well as cameras I'm into writing, gaming, general geekery and beers by Brew Dog.","sameAs":["http:\/\/myglasseye.net","https:\/\/twitter.com\/myglasseye"]}]}},"_links":{"self":[{"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/posts\/4029"}],"collection":[{"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/comments?post=4029"}],"version-history":[{"count":17,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/posts\/4029\/revisions"}],"predecessor-version":[{"id":4146,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/posts\/4029\/revisions\/4146"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/media\/4142"}],"wp:attachment":[{"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/media?parent=4029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/categories?post=4029"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/myglasseye.net\/news\/wp-json\/wp\/v2\/tags?post=4029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}