Jump to content

Clover Themes


Slice
1,842 posts in this topic

Recommended Posts

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.png wooden2.png wooden.zip
Metal by Slice
screenshot.png
Black-green by blackosx
black-green.png
Hellfire by lllevelll (this was the default theme for rev666 :) )
hellfire.png
BSOD by lllevelll
BSOD_theme_2.jpg
Simple-gray by hijeane
simple_grey_91.png
Aluminium by iROOTa
Aluminium Theme.png
Steampunk by Xmedik
steam-punk.png pointer-steampunk.pngsteampunk-t3.jpg clock_inside334.gif
Steampunk-2 by Neo.aka.Darkman - see attach.
Steampunk_edited.tar.lzma.zip

Buttons by trauma
buttons.png
Dawn by Slice
dawn.png
OS One by Kyndder
os_one.jpg
os_one.zip
pointer-os_one.zip
OS BOX by Kyndder
os_icon.jpg
os_box.zip

mrengles Theme
mrenglesTheme1.png
mrenglesTheme.zip

iClover by Winlog
screenshot0.jpg
iClover by winlog.zip
Galaxy by Winlog
screenshot2.jpg screenshot4.jpg
Galaxy_shadows.zip

bluemac_theme by fau7i
Jt.jpg Bluemac_Theme_CloverV2.zip

AppleStyle by Eps
Applelike.jpg AppleLike-2.jpg
AppleStyle.zip

Orange theme by dwmc
Orange_theme_screenshot.png

#933

ThinkPad theme by Kogen Mantis
post-112035-0-29088900-1359462540_thumb.jpg
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 by Slice
Update
  • Like 5
Link to comment
Share on other sites

  • 4 months later...

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.

 

Clover_theme_screenshot.png

dwm_clover_theme.zip

  • Like 2
Link to comment
Share on other sites

  • 2 weeks later...

ThinkPad Clover Theme

post-112035-0-29088900-1359462540_thumb.jpg post-112035-0-40417400-1359462555_thumb.jpg

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

post-112035-0-65121400-1368992967_thumb.png

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 by Kogen Mantis
  • Like 1
Link to comment
Share on other sites

  • 3 months later...

Creating and using Animations

 

Clover supports animated images like this ( ©iDark Soul )

ML.gif

 

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.

screenshot23.png

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

screenshot1.png

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 by Slice
Update
  • Like 2
Link to comment
Share on other sites

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.
post-35058-0-42251900-1369330034_thumb.png
And it will boot like this scheenshot.
post-35058-0-05863100-1369330053_thumb.png
Following example is brighter theme by changing Background path to Background2.png, Banner to Logo1.png and Font path to PTMono_10B.png.
post-35058-0-53083200-1369330066_thumb.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.
post-35058-0-95614600-1369330083_thumb.png
If you want the boot theme closing BootCamp.
Trying these settings.
post-35058-0-07023100-1369330109_thumb.png
And,you will see.
post-35058-0-73785900-1369330122_thumb.png

Following zip is the theme files archived.

AppleStyle.zip

Updated 6/9 for background scale option.

post-35058-0-80935700-1371173595.png

Updated 6/14,deleted os_lnyx and added os_mav.

Updated 6/30,scroll bar changed,and added following linux icons.

post-35058-0-96594400-1372536214_thumb.png
Updated 11/25 for secure boot function icons.

post-35058-0-04793800-1385380633.png

Edited by Eps
  • Like 3
Link to comment
Share on other sites

  • 2 weeks later...

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.

Link to comment
Share on other sites

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. :P

 

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

Link to comment
Share on other sites

  • 2 weeks later...

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)

Link to comment
Share on other sites

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>

  • Like 1
Link to comment
Share on other sites

  • 3 weeks later...
  • 1 month later...
  • 2 weeks later...

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

Screen Shot 2013-08-25 at 16.13.54.png

Link to comment
Share on other sites

  • 1 month later...

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

Link to comment
Share on other sites

  • 5 weeks later...

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.

 

post-331032-0-10294400-1383063129_thumb.jpg

 

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

  • Like 6
Link to comment
Share on other sites

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.

 

attachicon.gifBGM_screenshot.jpg

attachicon.gifBGM.zip

 

EDIT: Updated to v1.1 as the 'options' animation was incorrect. Also amended the description in the theme.plist.

attachicon.gifBGM.zip

 

Beautiful, dude

Link to comment
Share on other sites

  • 2 weeks later...

 

my-theme_Mavs-Style.jpg

 

 

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.

  • Like 8
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

×
×
  • Create New...