{"id":1265,"date":"2019-09-27T05:16:46","date_gmt":"2019-09-27T09:16:46","guid":{"rendered":"http:\/\/bruji.com\/blog\/?p=1265"},"modified":"2019-09-27T05:16:46","modified_gmt":"2019-09-27T09:16:46","slug":"changing-colors","status":"publish","type":"post","link":"https:\/\/bruji.com\/blog\/2019\/09\/27\/changing-colors\/","title":{"rendered":"Changing Colors"},"content":{"rendered":"\n

For those customizing their details view it’s always been a request to be able to change the background color of the image well and the color of the banners that appear over the image to indicate a status, so that they match their main window style.<\/p>\n\n\n\n

\"\"
Matching the Pro Look Dark Style<\/figcaption><\/figure><\/div>\n\n\n\n

It’s now possible! With a hidden preference for now. With the beta version<\/a> of the programs you can use the program called Terminal<\/a> (located in your Utilities folder) to change the colors. It’s a window were you can give your Mac written commands. Here are the commands you would copy paste with little tweak:<\/p>\n\n\n\n

To change the background color of the image use:<\/p>\n\n\n\n

defaults write com.bruji.cdpedia \"Image Background Color\" -string \"{200, 200, 200}\"<\/code><\/p>\n\n\n\n

Restart the Pedia and the background of the image will be the above color. The above is a gray. What are those numbers you ask. The numbers are the amount of Red<\/strong>, Green<\/strong> and Blue<\/strong> from 0 to 255. Must color tools will give you those values for a specific color, including Apple’s own color tool in the RGB sliders. Also it’s Pedia specific, be sure to change cdpedia<\/strong> above to the Pedia name you want to modify.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

For the banners it’s the same, but they have a gradient, so there are both a top and bottom color (also no restart needed, simply change items in the view).<\/p>\n\n\n\n

defaults write com.bruji.cdpedia \"Banner Coming Soon Bottom Color\" -string \"{255, 126, 76}\"
defaults write com.bruji.cdpedia \"Banner Coming Soon Top Color\" -string \"{255, 237, 76}\"<\/code><\/p>\n\n\n\n

\"\"
More yellow pop for those around the corner releases.<\/figcaption><\/figure><\/div>\n\n\n\n

The other two remaining banner keys are as follows for the four colors: <\/p>\n\n\n\n

Banner Borrowed Top Color, Banner Borrowed Bottom Color, Banner Overdue Top Color, Banner Overdue Bottom Color<\/code><\/p>\n\n\n\n

If it becomes very popular I can then expose these options in a preference in future version. The good news is you need only change them once and they will stick around forever.<\/p>\n\n\n\n

If you ever want to go back to the default colors, here are the reset commands to copy paste into Terminal.<\/p>\n\n\n\n

defaults delete com.bruji.cdpedia \"Image Background Color\"
defaults delete com.bruji.cdpedia \"Banner Coming Soon Bottom Color\"
defaults delete com.bruji.cdpedia \"Banner Coming Soon Top Color\"
defaults delete com.bruji.cdpedia \"Banner Overdue Bottom Color\"
defaults delete com.bruji.cdpedia \"Banner Overdue Top Color\"
defaults delete com.bruji.cdpedia \"Banner Borrowed Bottom Color\"
defaults delete com.bruji.cdpedia \"Banner Borrowed Top Color\"<\/code><\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Change the background color in the image well for the Pedias.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[115,59],"class_list":["post-1265","post","type-post","status-publish","format-standard","hentry","category-programs","tag-cocoa","tag-pedias"],"_links":{"self":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/1265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/comments?post=1265"}],"version-history":[{"count":4,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/1265\/revisions"}],"predecessor-version":[{"id":1272,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/posts\/1265\/revisions\/1272"}],"wp:attachment":[{"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/media?parent=1265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/categories?post=1265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bruji.com\/blog\/wp-json\/wp\/v2\/tags?post=1265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}