Jump to content

Clover Themes


Slice
1,842 posts in this topic

Recommended Posts

"Clovernity" is a simple Clover theme inspired from Ubuntu's Unity UI with it's icon lens effect, it has nothing than playing with transparency & lightning on white icons. It uses Ubuntu Mono as the default font and lovely Ubuntu Linux purple background (my version with gradient, a solid one is also provided).

 
xRZdYrN.png
 
v1.0 is now available on Clover Theme Manager.  :thumbsup_anim:
 
#EDIT: This is my 1st theme with square icons.

post-826765-0-63939200-1505388432_thumb.png

post-826765-0-25106300-1505389372_thumb.png

  • Like 5
Link to comment
Share on other sites

 

"Clovernity" is a simple Clover theme inspired from Ubuntu's Unity UI with it's icon lens effect, it has nothing than playing with transparency & lightning on white icons. It uses Ubuntu Mono as the default font and lovely Ubuntu Linux purple background (my version with gradient, a solid one is also provided).

Amazing!!  :D

  • Like 1
Link to comment
Share on other sites

Hello again :) , finally have little bit spare time;

Well (b4 spamming here with my new upcoming themes), I've done updating all my previous themes with new components (checkbox, radiobox, selection colors, logos & background changes etc.), but most important thing (maybe) they now have more readability after using some new monotype fonts (not all the best, but I think they become better.. manually designed them with an image editor though); a sexier DroidSans, Roboto Mono, Ubuntu Mono, Inconsolata, etc.

 

jFeW54p.png

 

 

OK, these updates also come with redesigned Material theme (v1.5) which is now more flat & has closer looks to Material Design concept. Enjoy!

 

7I47WEK.png

What is the green icon on the far right? How?

 

Sent from my SM-G930F using Tapatalk

  • Like 1
Link to comment
Share on other sites

What is the green icon on the far right? How?

Ha haa... it' s "Clover EFI" which appears only when I use "AutoScan" on GUI >> for Screenshot purpose only. Using "Custom" however, it disappeared bcoz I hide it's UUID on "Hide Volume" option. Nothing than just to prove that I'm currently using "Clover" bootloader instead of another one.  :D

 

#EDIT: Yep, I'm using Clover Legacy.

post-826765-0-37685300-1505399674_thumb.jpg

  • Like 1
Link to comment
Share on other sites

Back to the nature, a new theme with woody icons named "Wooden". It uses another monotype font: "Telegrama" (sharper white version optimized for dark theme included below this post). Uhmmb, chocolate sorry... such big size @2.x MB for just a non animated theme, already compressed all resources though.

 

n6w0CPJ.png

 

v1.0 is now available on Clover Theme Manager. Enjoy  :angel:

post-826765-0-79438500-1505447422_thumb.png

post-826765-0-85676000-1505447568_thumb.png

Font_Telegrama_16pt_White.zip

  • Like 5
Link to comment
Share on other sites

 It uses another monotype font: "Telegrama" (sharper white version optimized for dark theme included below this post). Uhmmb, chocolate sorry... such big size @2.x MB for just a non animated theme, already compressed all resources though.

i like that font. Good work

Link to comment
Share on other sites

My another dark theme named "One", as it uses only one color for the icons: White (not sure about the name for later themes if more than one, ha haa.. just after listening a song from M*tallica with same title, but who care?  :lol: ). Well, it's using "Liberation Mono" as the default font.

 

OK9pxnX.png

 

OK, "One" theme v1.0 is now available on the repo. Happy weekend..!!!  :thumbsup_anim:

 

post-826765-0-84325600-1505584322_thumb.png

post-826765-0-67299000-1505584346_thumb.png

Font_LiberationMono_16pt_White.zip

  • Like 5
Link to comment
Share on other sites

My another dark theme named "One", as it uses only one color for the icons: White (not sure about the name for later themes if more than one, ha haa.. just after listening a song from M*tallica with same title, but who care?  :lol: ). Well, it's using "Liberation Mono" as the default font.

 

 

 

OK, "One" theme v1.0 is now available on the repo. Happy weekend..!!!  :thumbsup_anim:

Impressive themes, thanks man :)

  • Like 1
Link to comment
Share on other sites

Impressive themes, thanks man :)

U r welcum.. to be honest; I still have 2 variants of this theme named "OneBox" (square icons) and "OneHeart" << the last one I'm not sure would be uploaded or not; uhmmb.. let's see tomorrow, but "is there any Mrs. Hackintosher in this world will use a theme with heart shaped icons?" LoL...  :rofl:

  • Like 1
Link to comment
Share on other sites

U r welcum.. to be honest; I still have 2 variants of this theme named "OneBox" (square icons) and "OneHeart" << the last one I'm not sure would be uploaded or not; uhmmb.. let's see tomorrow, but "is there any Mrs. Hackintosher in this world will use a theme with heart shaped icons?" LoL...  :rofl:

I bet it will find its audience ;)

  • Like 1
Link to comment
Share on other sites

As promised, now with a little bit funny theme's (name) "C Lover" (I mean not funny ha ha, but funny  :D ) that uses heart shaped icons and "FiraMono" as the default font.

 

tnETXwN.png

 

... and another 2 themes which also use heart shaped icons, just as bonuses  :P LoL..!!!

 

 

 

"MaterialHeart" (with SourceCode-Pro font)

 

pyzy6Xy.png

 

 

 

 

 

"OneHeart" (with FantasqueMono font)

 

aULCWFO.png

 

 

 

Well, all new 3 themes are now available on official repo. Enjoy (again)..!!!  :thumbsup_anim:

post-826765-0-68810800-1505635231_thumb.png

post-826765-0-26017100-1505635291_thumb.png

Font_FiraMono_16pt_White.zip

Font_SourceCode-Pro_16pt_White.zip

Font_FantasqueMono_16pt_White.zip

  • Like 2
Link to comment
Share on other sites

As promised, now with a little bit funny theme's (name) "C Lover" (I mean not funny ha ha, but funny  :D ) that uses heart shaped icons and "FiraMono" as the default font.

 

tnETXwN.png

 

... and another 2 themes which also use heart shaped icons, just as bonuses  :P LoL..!!!

 

 

 

"MaterialHeart" (with SourceCode-Pro font)

 

 

 

 

 

 

 

"OneHeart" (with FantasqueMono font)

 

 

 

 

 

Well, all new 3 themes now available on official repo. Enjoy (again)..!!!  :thumbsup_anim:

Very groooooovy :D

  • Like 2
Link to comment
Share on other sites

Wait, there's a problem; (using Clover Theme Manager) my previous themes which contain 1st same word need to be updated as well.. they are "Material" & "One".

So, what I should to used for theme name with 2 words; devided by a space with single quote, a dash, or underscore? It's strange to me. Thanks.  :rolleyes:

 

 

d7BoM2A.jpg

 

Link to comment
Share on other sites

@Badruzeus: with cloverthememanager rev 0.76.7b I can show material 1.6 and One 1.0  :)

That is, I mean.. if later time I updated "OneHeart" theme with v1.1 (for example) another "One" also need to be updated as well << however the last "One" is still same version (so it actually re-downloaded instead of updated). Hmmb..  :rolleyes:

  • Like 1
Link to comment
Share on other sites

I'm playing around a little with making a theme. The icons have rounded corners, but it looks horrible in Clover.

Clover puts a 1px black border around the rounded edges. Any idea how to fix that?

 

I can't take a screenshot, (probably because Clover is installed in legacy atm  :P) but it kinda looks like this:

 

Left = how it should be, right = how it looks in Clover:
 

post-1502423-0-01237900-1505643363.png

Link to comment
Share on other sites

I'm playing around a little with making a theme. The icons have rounded corners, but it looks horrible in Clover.

Clover puts a 1px black border around the rounded edges. Any idea how to fix that?

 

I can't take a screenshot, (probably because Clover is installed in legacy atm  :P) but it kinda looks like this:

 

Left = how it should be, right = how it looks in Clover:

 

attachicon.gifexample.png

(Legacy is able to use Clover Shortcuts, but with GPT & it's ESP).

 

For 1px border issue with 24bit transparent *.icns (*.png renamed); yes.. I also got this issue as well with rounded corner or ellipse shapes. However, we could "reduce" it with some tricky methods on an image editor. For me, I drop them with #b8b8b8 (gray) shadow / outer glow outside the layer.

 

Another workarround is our document setup it self, for example: I was using 512px image size @300dpi then force export it to 128px @72dpi << this also could produce that black border issue caused of non-proportional image resampling (depends on what image editor used, I mean bitmap ie. Photoshop / Gimp).

 

So, back to the theme concept; if it just uses a solid background.. give a same color for layer behind the icons then export it to 8bit *.png w/o transparency (it means, for background is also in 8bit).

 

Let's check one of ur exported os_icon.png first, open it with an image editor and see if it already has black border b4 U preview it on Clover. 

Link to comment
Share on other sites

Have you guys tried to play with "Matte Color" to eleminate the black border while exporting to PNG-8? It works for me, but ugly.

I have done some implementations regarding that Matte Color (maybe I'll change it to Transparent Color later), but I'm not publishing it (yet).
Basically, Clover will accept user defined 0xRRGGBBAA hex string & convert it to EG_PIXEL to be used as gTransparentBackgroundPixel.

 

 

 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>Author</key>
  <string>Badruzeus</string>
  <key>Description</key>
  <string>An elegant clean looks theme with bright solid background, supports up to 1080p display resolution. Version: 1.0</string>
  <key>Theme</key>
  <dict>
    <key>Background</key>
    <dict>
      <key>Path</key>
      <string>background.png</string>
      <key>Type</key>
      <string>Tile</string>
    </dict>
    <key>Global</key>
    <dict>
      <key>MatteColor</key>
      <string>0xd39204ff</string>
    </dict>
  </dict>
  <key>Version</key>
  <string>1.0</string>
  <key>Year</key>
  <string>2017</string>
</dict>
</plist>

 

 

 

gTransparentBackgroundPixel = ToPixel (GlobalUIConfig.MatteColor);

 

Some tips: if (solid +) Background->Type = Tile, 1x1 px img should be enough.

 

** some proof applied to logo & vista_ico

  • Like 3
Link to comment
Share on other sites

Have you guys tried to play with "Matte Color" to eleminate the black border while exporting to PNG-8? It works for me, but ugly.

I have done some implementations regarding that Matte Color (maybe I'll change it to Transparent Color later), but I'm not publishing it (yet).

Basically, Clover will accept user defined 0xRRGGBBAA hex string & convert it to EG_PIXEL to be used as gTransparentBackgroundPixel.

 

 

 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>Author</key>
  <string>Badruzeus</string>
  <key>Description</key>
  <string>An elegant clean looks theme with bright solid background, supports up to 1080p display resolution. Version: 1.0</string>
  <key>Theme</key>
  <dict>
    <key>Background</key>
    <dict>
      <key>Path</key>
      <string>background.png</string>
      <key>Type</key>
      <string>Tile</string>
    </dict>
    <key>Global</key>
    <dict>
      <key>MatteColor</key>
      <string>0xd39204ff</string>
    </dict>
  </dict>
  <key>Version</key>
  <string>1.0</string>
  <key>Year</key>
  <string>2017</string>
</dict>
</plist>

 

 

 

gTransparentBackgroundPixel = ToPixel (GlobalUIConfig.MatteColor);

 

Some tips: if (solid +) Background->Type = Tile, 1x1 px img should be enough.

 

** some proof applied to logo & vista_ico

Looks better with #MatteColor @cecekpawon  :) also thanks for the tips.

Link to comment
Share on other sites

×
×
  • Create New...