Clover Themes

Slice · September 17, 2012

Themes

The main studio for creating and discussion themes for the Clover is here
http://www.applelife...а-clover.36074/

WIKI repository for all themes. Any author may download his theme here

http://clover-wiki.zetam.org/Theme-database

Choosing 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>

Overview

Wooden by iROOTa
wooden.zip
Metal by Slice

Black-green by blackosx

Hellfire by lllevelll (this was the default theme for rev666 )

BSOD by lllevelll

Simple-gray by hijeane

Aluminium by iROOTa

Steampunk by Xmedik

Steampunk-2 by Neo.aka.Darkman - see attach.
Steampunk_edited.tar.lzma.zip

Buttons by trauma

Dawn by Slice

OS One by Kyndder

os_one.zip
pointer-os_one.zip
OS BOX by Kyndder

os_box.zip

mrengles Theme

mrenglesTheme.zip

iClover by Winlog

iClover by winlog.zip
Galaxy by Winlog

Galaxy_shadows.zip

bluemac_theme by fau7i
Bluemac_Theme_CloverV2.zip

AppleStyle by Eps

AppleStyle.zip

Orange theme by dwmc

#933

ThinkPad theme by Kogen Mantis

Clover-ThinkPad-Theme.zip

Instruction 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.zip
You 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 badge
Swap=true if Main image will be OS and badge will be Drive
Inline=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

dwmc · 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

K0gen · January 29, 2013

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

ErmaC · May 22, 2013

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

ErmaC · May 22, 2013

Reserved.

Edited May 22, 2013 by ErmaC
Update

Slice · May 22, 2013

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 · May 22, 2013

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

Eps · May 23, 2013

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

EnzoFX · 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.

blackosx · 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

EnzoFX · 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.

Daistaar · 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)

Slice · 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>

Slice · June 15, 2013

Updated metal theme

packrobottom · 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

Huski · 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

Slice · 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

blackosx · 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...

EnzoFX · August 27, 2013

Ah, sweet, thanks Slice!

Right after I churn out Mavericks'ed theme blackosx =p.

ameris_cyning · 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

blackosx · 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 · 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

CosmosCJ · 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

ameris_cyning · 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.

CosmosCJ · 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.

Clover Themes

Recommended Posts