Slice 6,741 Posted September 17, 2012 Posted September 17, 2012 (edited) Themes The main studio for creating and discussion themes for the Clover is herehttp://www.applelife...а-clover.36074/ WIKI repository for all themes. Any author may download his theme here http://clover-wiki.zetam.org/Theme-databaseChoosing a theme is provided by main config.plist file GUI section and there is a samples to choose <key>GUI</key> <dict> <key>Theme</key> <string>metal</string> OverviewWooden by iROOTa wooden.zipMetal by SliceBlack-green by blackosxHellfire by lllevelll (this was the default theme for rev666 )BSOD by lllevelllSimple-gray by hijeaneAluminium by iROOTaSteampunk by Xmedik Steampunk-2 by Neo.aka.Darkman - see attach.Steampunk_edited.tar.lzma.zipButtons by traumaDawn by SliceOS One by Kyndderos_one.zippointer-os_one.zipOS BOX by Kyndderos_box.zipmrengles ThememrenglesTheme.zipiClover by WinlogiClover by winlog.zipGalaxy by Winlog Galaxy_shadows.zipbluemac_theme by fau7i Bluemac_Theme_CloverV2.zipAppleStyle by Eps AppleStyle.zipOrange theme by dwmc#933 ThinkPad theme by Kogen MantisClover-ThinkPad-Theme.zipInstruction for a future artist to create a new theme. All graphics must be in png and icns format. Transparency supported. PNG may be created by system's Preview application.To create icns you have to use IconComposer.app provided with XCode. Icon Composer.app.zipYou should copy/paste picture with transparency into 128 and 32 images. They may be different or may be the same. First pixel from logo will be the color for the whole desktop (see "dawn"). Choose a font from existing or create your new font. Choose a character spacing for the chosen font. Create your own Selection_big.png and selection.small.png Select a color for menu bar. It depends on your desktop color. selection_color 0xF376D380 This is standard WEB color coding RGBA. In this example Red=0xF3, Green=0x76, Blue=0xD3, Alfa=0x80 - this is semitranparent - recommended balue. Each menu element consist of Main image and Badge that usually are Drive and OS icons. <key>Badges</key> <dict> <key>Show</key> <true/> <key>Inline</key> <false/> <key>Swap</key> <false/> </dict> Show=false if you don't want to see badgeSwap=true if Main image will be OS and badge will be DriveInline=true if you want to see OS icon in info string (see theme "iClover" The theme must contain pointer.png 32x32pix with transparency. Active point is left-up corner so arrow should finish at this corner. Full set of icons (except OS images) { NULL, L"icons\\func_about.png", 48 }, { NULL, L"icons\\func_options.png", 48 } { NULL, L"icons\\func_clover.png", 48 }, { NULL, L"icons\\func_reset.png", 48 }, { NULL, L"icons\\func_shutdown.png", 48 }, { NULL, L"icons\\func_help.png", 128 }, //5 { NULL, L"icons\\tool_shell.png", 48 }, { NULL, L"icons\\tool_part.png", 48 }, { NULL, L"icons\\tool_rescue.png", 48 }, { NULL, L"icons\\pointer.png", 32 }, { NULL, L"icons\\vol_internal.icns", 128 }, { NULL, L"icons\\vol_external.icns", 128 }, { NULL, L"icons\\vol_optical.icns", 128 }, { NULL, L"icons\\vol_firewire.icns", 128 }, //12 { NULL, L"icons\\vol_clover.icns", 128 }, { NULL, L"icons\\vol_internal_hfs.icns", 128 }, { NULL, L"icons\\vol_internal_ntfs.icns", 128 }, { NULL, L"icons\\vol_internal_ext3.icns", 128 }, { NULL, L"icons\\vol_recovery.icns", 128 }, //17 Minimum set of OSes os_clover.icns os_cougar.icns os_legacy.icns os_leo.icns os_linux.icns os_lion.icns os_mac.icns os_mav.icns os_snow.icns os_tiger.icns os_unknown.icns os_vista.icns os_win.icns A sample for theme.plist you can find in each installed theme as provided by installer. The theme must contain scrollbar folder with images as attached one. Else you may have serious problems in GUI. scrollbar.zip Edited June 8, 2014 by Slice Update Badruzeus, ErmaC, shiecldk and 2 others 5 Share this post Link to post Share on other sites
dwmc 8 Posted January 18, 2013 Posted January 18, 2013 Zip file of my theme is attached. It's big because it contains an svg directory holding most of the SVG files I used when creating the PNG files. I use inkscape for SVG editing. I included these files so others can modify them to create their own theme if desired. Of course there's a lot of gruntwork involved in creating a theme, and I didn't spend a lot of time on it. I just wanted an orange flavored theme. Moderators feel free to copy this to a more convenient place. dwm_clover_theme.zip Maniac10 and OF99AV 2 Share this post Link to post Share on other sites
K0gen 43 Posted January 29, 2013 Posted January 29, 2013 (edited) ThinkPad Clover Theme Today I had some spare time to update my ThinkPad Theme Remix for Clover. - Added "Press F1 for Help" as default on main screen - Enabled EFI Shell button - Added scrollbar - External volumes use USB Drive icon badge now - CD icon badge for CD/DVD disks - Recovery HD now has the Red Cross badge - Added alternative logo and background set for users to choose. - fixed RGBA color value in selection highlighting Update 2013-05-19: - Updated theme to work for new and old world Clover - Theme split in two. ThinkPad and ThinkPad_dots - Changed scrollbar blue for ThinkPad and red for ThinkPad_dots - Added screenshot for Clover prefpane - Lighter selection color for ThinkPad theme You are all welcome to use it and edit it as much as you want. Clover-ThinkPad-Theme.zip Clover-ThinkPad_dots-Theme.zip Edited May 19, 2013 by Kogen Mantis Max.1974 1 Share this post Link to post Share on other sites
ErmaC 1,827 Posted May 22, 2013 Posted May 22, 2013 (edited) Work in progress. Basically a topic where discuss about Themes for Clover. - How make it. - And user Gallery. Edited May 22, 2013 by ErmaC Update Share this post Link to post Share on other sites
ErmaC 1,827 Posted May 22, 2013 Posted May 22, 2013 (edited) Reserved. Edited May 22, 2013 by ErmaC Update Share this post Link to post Share on other sites
Slice 6,741 Posted May 22, 2013 Posted May 22, 2013 (edited) Creating and using Animations Clover supports animated images like this ( ©iDark Soul ) I am not proposing you will make full Micky Mouse cartoon. The purpose of animation is to make GUI appearance a slightly better. What is the difference between 3D ball and colored oval? Motion! See anime in metal theme. This is 3D anime while the screen is flat. Swinging buttons will acquire volume. What is the difference between gray/white and metal/glass? Blinking and sparkle! At your fantasy and talent to make the appearance beauty. Theme.plist will contain a section <key>Anime</key> <array> <dict> <key>ID</key> <integer>1</integer> <key>Path</key> <string>Anim_1_Logo_IntroOutro</string> <key>Frames</key> <integer>381</integer> <key>FrameTime</key> <integer>25</integer> </dict> </array> ID of anime. #Logo (1) #About (2) #Help (3) #Options (4) #Graphics (5) #CPU (6) #Binaries (7) #DSDT (8) #BOOT Sequence (9) #Apple (21) #WinXP (22) #Clover (23) #Linux (24) #BootX64.efi (25) #Vista (26) #Recovery (30) #Tiger (34) #Leopard (35) #Snow Leopard (36) #Lion (37) #Mountain Lion (38) #Lynx (39) It means that if you want to make animated picture over Help image (book in the scrren) you should assign ID=3 IDs from 20 to 40 correspond to os_xxx.icns and will played over them. For example the cat above must have ID=38. Path It is folder name for the anime image set and a part of each file name See black_green theme Path=Anim_1_Logo_IntroOutro The folder /Anim_1_Logo_IntroOutro/ contains files: Anim_1_Logo_IntroOutro_000.png Anim_1_Logo_IntroOutro_001.png Anim_1_Logo_IntroOutro_002.png And so on. Files naming rule is strict: AnimePath_NUM.png where NUM is 3 digits frame number. Frames A full number of frames in the animation. But you can have less files. black_green theme contain 94 files while Frames=381. It means absent frames. In this example after frame 46 the frame 193 will follow. Instead of all missing frames first will shown. FrameTime This is pause between frames in milliseconds. In the example above frame 46 will be shown 193-46=147 times by 25 milliseconds = 3.675seconds before changed to frame 193. Edited May 24, 2013 by Slice Update ErmaC and masbagus 2 Share this post Link to post Share on other sites
ErmaC 1,827 Posted May 22, 2013 Posted May 22, 2013 (edited) Move here this post? I will revise it for instructions. Also should be separate post for animation. Yep! Slice feel free to edit it Edited May 22, 2013 by ErmaC Update Share this post Link to post Share on other sites
Eps 16 Posted May 23, 2013 Posted May 23, 2013 (edited) Hello all Clover developers and users.I made something changed for AppleStyle theme to compatible with newer theme settings in recently Clover.Of course,I make some example for talking about customizing this theme.Following screenshot is default setting.And it will boot like this scheenshot.Following example is brighter theme by changing Background path to Background2.png, Banner to Logo1.png and Font path to PTMono_10B.png.Logo1.png is colored in black and transparent.If you used it in darker background, you will see nothing in banner place.Of course,brighter background use darker font and darker background use brighter font.If you want the boot theme closing BootCamp.Trying these settings.And,you will see.Following zip is the theme files archived. AppleStyle.zip Updated 6/9 for background scale option. Updated 6/14,deleted os_lnyx and added os_mav. Updated 6/30,scroll bar changed,and added following linux icons. Updated 11/25 for secure boot function icons. Edited November 25, 2013 by Eps beta992, artur_pt and magnifico 3 Share this post Link to post Share on other sites
EnzoFX 2 Posted May 31, 2013 Posted May 31, 2013 At quick glance, it seems that the device selection can only be an image that's rendered behind the device icon? As opposed to being able to have a separate selection icon in Cham. I think this would limit things a bit, would make some of my themes more labor-some to port =P. Share this post Link to post Share on other sites
blackosx 1,459 Posted May 31, 2013 Posted May 31, 2013 Hey Enzo - Good to see you here Yes, the device_selection in Clover's GUI (file Selection_big.png), is currently drawn behind the main the .icns images (or at least last time I checked it was). If comparing Chameleon's GUI to Clover's GUI with regards to design potential, then Chameleon's GUI, with the flexibility of being able to specify size and positions of images, combined with the rollover effect of icons has the edge. However, even though Clover's GUI is currently more limited in those areas, it does support animation, has a faster render time and is very snappy in operation. Clover is also being actively developed which means any suggestions put forward to Slice may be considered (depending of course on many things like order of priority, complexity of implementation, necessity, time .... etc.) Though having said that, I have suggested a few things in the past which have collected dust, for example here, here, here. But don't let any of that dissuade you from contributing if you have the time and desire. I no longer get the time I used to so I only contribute as and when I can, but you always had an eye for design and I'm sure many users would love to see an Enzo Clover theme.. Regards Share this post Link to post Share on other sites
EnzoFX 2 Posted June 10, 2013 Posted June 10, 2013 Hey black =). Ah I see, thanks for all that. I wish this stuff got a little more attention too heh, hard to get this stuff to change once it's established. Oh well. Share this post Link to post Share on other sites
Daistaar 0 Posted June 12, 2013 Posted June 12, 2013 What triggers clover to select an icon for a bootable option? For example, if I wanted to clover to only see two options, one for UEFI Windows 8 and one for UEFI OSX 10.8.4 what would I have to edit? Would changes go into Theme.conf for hiding the drives and settings.conf for the selecting the desired icons? My ideal clover should look like this but I'm not sure how to go about customizing it: Boot option: Windows 8 EFI Icon: os_win8.icns (currently shows os_vista.icns) Boot option: OSX 10.8.4 Icon: os_mac.icns (currently shows os_cougar.icns) I'd like to hide the currently visible os_clover boot option. It boots into it already and is just kind of redundant. Plus selecting it just relaunches clover without the Clover efi option effectively looking closer to what I like (minus the right icon) Share this post Link to post Share on other sites
Slice 6,741 Posted June 13, 2013 Posted June 13, 2013 What triggers clover to select an icon for a bootable option? For example, if I wanted to clover to only see two options, one for UEFI Windows 8 and one for UEFI OSX 10.8.4 what would I have to edit? Would changes go into Theme.conf for hiding the drives and settings.conf for the selecting the desired icons? My ideal clover should look like this but I'm not sure how to go about customizing it: Boot option: Windows 8 EFI Icon: os_win8.icns (currently shows os_vista.icns) Boot option: OSX 10.8.4 Icon: os_mac.icns (currently shows os_cougar.icns) I'd like to hide the currently visible os_clover boot option. It boots into it already and is just kind of redundant. Plus selecting it just relaunches clover without the Clover efi option effectively looking closer to what I like (minus the right icon) Not theme.plist. You have to tune main config.plist <key>Volumes</key> <dict> <key>Legacy</key> <string>First</string> <key>Hide</key> <array> <string>VOLUME_NAME</string> <string>VOLUME_UUID</string> <string>TODO_HIDE_VOLUME_BY_TYPE/GROUP</string> </array> </dict> <key>HideEntries</key> <dict> <key>OSXInstall</key> <true/> <key>Recovery</key> <true/> <key>Duplicate</key> <true/> <key>WindowsEFI</key> <false/> <key>Grub</key> <false/> <key>Gentoo</key> <false/> <key>Ubuntu</key> <false/> <key>OpticalUEFI</key> <true/> <key>InternalUEFI</key> <true/> <key>ExternalUEFI</key> <true/> </dict> Share this post Link to post Share on other sites
Slice 6,741 Posted June 15, 2013 Posted June 15, 2013 Updated metal theme Share this post Link to post Share on other sites
packrobottom 13 Posted July 4, 2013 Posted July 4, 2013 This theme is called Mountain Lion bootcamp. I wanted a simple grey subdued theme with non ugly aliased font. The icons borrow from the 10.8 login screen and I created a couple new ones for shell and options. Enjoy mlcamp.zip andrek, ameris_cyning, AlekT and 1 other 4 Share this post Link to post Share on other sites
Huski 2 Posted August 14, 2013 Posted August 14, 2013 Simple Gray author: hijeane version 0.4 (unofficial) - fixed - optimized graphics - lion icon fix Squares author: Marian Arlt projectosx version 1.2 (unofficial) - optimized graphics - optimized for fullhd. You should download v1.1 if you want to use this theme on hires monitors. squares_v1.2_unofficial_huski.zip simple_gray_v0.4_unofficial_huski.zip Maniac10 1 Share this post Link to post Share on other sites
Slice 6,741 Posted August 25, 2013 Posted August 25, 2013 Yes, the device_selection in Clover's GUI (file Selection_big.png), is currently drawn behind the main the .icns images (or at least last time I checked it was). Hi, Since revision 1983 I made an ability to draw selection over main image You have to write into theme.plist <key>Selection</key> <dict> <key>Big</key> <string>aim_small.png</string> <key>Color</key> <string>0xF3F3F380</string> <key>Small</key> <string>yes.png</string> <key>OnTop</key> <true/> </dict> And enjoy Share this post Link to post Share on other sites
blackosx 1,459 Posted August 25, 2013 Posted August 25, 2013 Nice! Such a simple feature but will make a difference to theme design. Thanks Slice. ps. Enzo.. How about that login to Lion theme... Share this post Link to post Share on other sites
EnzoFX 2 Posted August 27, 2013 Posted August 27, 2013 Ah, sweet, thanks Slice! Right after I churn out Mavericks'ed theme blackosx =p. Share this post Link to post Share on other sites
ameris_cyning 249 Posted September 30, 2013 Posted September 30, 2013 I have combined two themes that I like into a new theme that I call LoginToApplestyle This theme, as its name suggests, is a combination of LoginToLion and Applestyle Nothing is of my original creation. Credits go to the author of those two themes. Sorry, no preview available. If someone could upload a screenie I would appreciate it LoginToApplestyle.zip Share this post Link to post Share on other sites
blackosx 1,459 Posted October 29, 2013 Posted October 29, 2013 Here's the fourth incarnation of my black_green theme; BGM (black_green and moody) v1.0 As always, it contains a full compliment of images, including OS device icons for different flavours of Linux. It also contains 14 animations. I've also taken advantage of 8-bit paletted images which I've resaved using the pngquant program to reduce file size whilst maintaining image quality. The result is the complete theme ends up being 2,532,192 bytes (3.1 MB on disk). Note: This can only be used with Clover r2231 and newer as the OS device icons are saved with PNG file structure (but use .icns extension). Clover r2253 and newer is required to see the 'Options' animation. EDIT: Updated to v1.1 as the 'options' animation was incorrect. Also amended the description in the theme.plist. BGM.zip EDIT: v1.1 is now included in Clover's package installer from rev2263 onwards ameris_cyning, CosmosCJ, k3nny and 3 others 6 Share this post Link to post Share on other sites
ameris_cyning 249 Posted October 29, 2013 Posted October 29, 2013 Here's the fourth incarnation of my black_green theme; BGM (black_green and moody) v1.0 As always, it contains a full compliment of images, including OS device icons for different flavours of Linux. It also contains 14 animations. I've also taken advantage of 8-bit paletted images which I've resaved using the pngquant program to reduce file size whilst maintaining image quality. The result is the complete theme ends up being 2,532,192 bytes (3.1 MB on disk). Note: This can only be used with Clover r2231 and newer as the OS device icons are saved with PNG file structure (but use .icns extension). Clover r2253 and newer is required to see the 'Options' animation. BGM_screenshot.jpg BGM.zip EDIT: Updated to v1.1 as the 'options' animation was incorrect. Also amended the description in the theme.plist. BGM.zip Beautiful, dude Share this post Link to post Share on other sites
CosmosCJ 64 Posted November 12, 2013 Posted November 12, 2013 This is my themes, hope you guys love it @blackosx, i wanna to know the way to creat font bitmap for clover, if you can tell me, i will appreciate that, tks myinsanelymac2012, jay_phoenix, fodamor and 14 others 17 Share this post Link to post Share on other sites
ameris_cyning 249 Posted November 12, 2013 Posted November 12, 2013 This is my themes, hope you guys love it @blackosx, i wanna to know the way to creat font bitmap for clover, if you can tell me, i will appreciate that, tks Hey! I saw that new theme today in Clover Configurator. Tried to download it through there and it gave me some sort of error "Archive was written in a newer format than what this software supports (it supports up to v2.0 archives)" Thank you for uploading it here. I fell in love with it when I saw it the first time. The only critique I have is concerning the badges. They just doesn't seem right. I can't put my finger on it. Maybe the borders on the font isn't thick enough (for the badges that have the big letter in them)? Background and other icons are awesome. LuciMac, Manu-Friend, boa16 and 5 others 8 Share this post Link to post Share on other sites
CosmosCJ 64 Posted November 13, 2013 Posted November 13, 2013 Hey! I saw that new theme today in Clover Configurator. Tried to download it through there and it gave me some sort of error "Archive was written in a newer format than what this software supports (it supports up to v2.0 archives)" Thank you for uploading it here. I fell in love with it when I saw it the first time. The only critique I have is concerning the badges. They just doesn't seem right. I can't put my finger on it. Maybe the borders on the font isn't thick enough (for the badges that have the big letter in them)? Background and other icons are awesome. Thanks for your apperciation, I can do nothing about the font. By the way, My theme haven't been uploaded in Clover Confingurator. My theme is totally different from that one. Share this post Link to post Share on other sites