Having fun with themes

Hi folks,

I'm finishing my end-of-year vacation. I used part of it to start becoming familiar with theme programming.

I created the following theme for E23:
https colon slash slash gofile dot io slash ?c=HPxrbh
(sorry, the forum doesn't allow me to add an real link)


(edited by @stoppy98)

It's only a start (modified e23 default theme). that's work in progress (creating a full theme seems to be a lot of work). Please view it as an exercise. I don't pretend it's beautiful, not even cute.

I'm open to suggestions. If you can send graphical elements matching your suggestion, that's even better, as my graphical skills are very limited.

Here's a screenshot:

Here are the modifications I brought to default theme (and thanks you Triantares for providing the elive logo in another post):

Source structure:

  • moved images in 'image' directory (and adapted build.sh). Note: surprisingly, this modification is not preserved when edje_decc'ing the theme
  • created config.edc to store theme configuration

General:

  • init: use cloudy background and elive logo + removed 'blanker' effect
  • background: set a cloudy default wallpaper
  • shelf: set transparent as default

Gadgets:

  • created shelf_icon.edc to factorize golden framed shelf icon on mouse over
  • inherit from shelf_icon in: start, syscon, backlight, battery, clock, conf, connman, cpufreq, omni (aka evrything), mixer, keyboard (aka xkbswitch), ibar items, miniature desks (aka pager16 items)
  • start: use elive logo as icon

What's next ? Having more fun with themes of course ! Continuing the modifications. Next modifications:

  • ibar list of existing windows
  • various gadgets menus (?)
  • window borders and buttons

Cheers !

5 Likes

Appreciated,
looks good :+1:

Continue with the nice stuff...
{knowing it's not that easy nor quick be done} :nod:

1 Like

Pushed up your status a notch .... so now you should be able to. :wink:

Did you get any error messages when doing that?

Not sure what that means ... did I miss something?

It definitely is, I also found out. :shocked:
Actually I'm impressed and you make feel like giving theming a go again .... Thank you for that. :smile_cat:

1 Like

Thank you. I'll try this for the next version of the theme.

Nope. And the build.sh script has been modified. My guess is that the edj file preserves only edc files as is.

When the init is finished (with the default theme), and just before showing your desktop, the screen quickly goes black (like a dark flash). This is achieved using the 'part' named "blanker" in init.edc.

Thanks again. I'll use this file (I'm currently not at home. I can't test right now).

You're welcome :grin:
I'm glad this motivates you to have fun with theming again !

Dear all,

Here's a new version of elive-celestia theme:
elive-celestia.edj

Little changes (not much time to spend on it; and lost some time while trying to achieve some effects without success), but I changed ibar icon animation when focused: it now rotates around vertical axis. Note: every coin has two sides :wink:

It needs an effect to let the user know that his click has been taken into account and the app is launching. Any idea ?

Cheers !

1 Like

How about a small pulsating icon of the clicked app?

There's a little problem.

We have two edje 'parts' that are loaded with the app icon image. The first one is clipped to the shelf height (even if you don't use the clip_to feature). The second one is the overlay, and can pulsate outside of the shelf. This what is done in the default theme.

The problem is that I already use the overlay icon for the rotation. I tried to use the base icon for this purpose, but I got weird artifacts. And a 'part' can't have two states simultaneously. This means it can't be displayed twice. And I can't just copy a part's content to another one.

I made elive logo pulsate instead but I was not satisfied with the result. And maybe it would just be too much elive (there's already the 'start' icon, and the back-side of ibar icons).

Finally I made a background image briefly appear behind the rotating icon, until I find something better.

Then how about an image of a dynamite stick with a slow burning fuse, that "explodes"? :madness:

lol :rofl:

Can you provide the graphical material ? :wink:

But I would prefer a fast burning fuse. I like my apps to start quickly :grin:

Yeah, that wouldn't be the problem.
We'd just have to make out exactly what form it has to be:

  • Someething like the watch/hour-glass rotating in the screen center

or

  • the changed Icon in the bar?

Either one prolly requires a different format to animate, though I'd go for .svg wherever possible as a base image/icon.
And should it be coded so that it runs parallel to the start up process ... or not (meaning extra code)