 |
|
search engines - a metasearch engine allowing you to query several of the internet's major search engines at one time. use it for a simple or straightforward search to get comprehensive results
|
|
|
The first thing I do when creating a new theme is to decide on a color scheme.
I used mozilla quite a lot lately, with the modern theme;
And my desktop was dark blue anyway, so I decided to do something in between.
|
So let's startup the Gimp and play around with some colors.
We know that we need at least two gradients and an extra color.
The grads should be distinguishable, but still fit together.
The colors I took in the end are:
#bbccee
#557799
#334466
#ccdddd
#ffffff
#000000
Having black and white in your color scheme is always a good idea,
at least for the start.
|
Now let's make some gradients.
|
Now that we decided on the colors we can apply it to our new theme.
I usually don't write a theme from scratch, but modify an existing one.
In this case I took the "AfterStep" look to create my blueish look.
MyStyle "focus_colors"
ForeColor #ffffff
BackColor #bbccee
BackGradient 1 #bbccee #557799
~MyStyle
Since we use the different styles more than once we use the MyStyle keyword to create a
style for each set we need. The ForeColor is used for the text while the BackColor is used
for the small frame, the BackGradient is used for the filled area.
|
We do the same for the window font.
MyStyle "window_font"
Font \
-schumacher-clean-bold-r-*-*-*-140-*-*-c-*-iso646.1991-irv
Inherit focus_colors
TextStyle 0
~MyStyle
|
And create our style for a focused window out of both.
MyStyle "focused_window_style"
Inherit window_font
Inherit focus_colors
~MyStyle
|
Letting afterstep know that we want to use this for focused windows is the easiest part.
FWindowStyle "focused_window_style"
|
And the same for unfocused windows, but this time we use the dark-to-medium gradient.
MyStyle "unfocus_colors"
ForeColor #000000
BackColor #334466
BackGradient 1 #334466 #557799
~MyStyle
MyStyle "unfocused_window_style"
Inherit window_font
Inherit unfocus_colors
~MyStyle
UWindowStyle "unfocused_window_style"
|
|
Now our screen should start to look blueish, that is after activating the new look.
|
Now before we break anything in the progress, let's add some helpfull balloons.
It's always good to know which function ended up on that button.
TitleButtonBalloons
TitleButtonBalloonBorderColor #557799
TitleButtonBalloonBorderWidth 2
TitleButtonBalloonDelay 200
MyStyle "balloon_colors"
ForeColor #ffffff
BackColor #557799
~MyStyle
MyStyle "balloon_font"
Font \
-schumacher-clean-bold-r-*-*-*-140-*-*-c-*-iso646.1991-irv
TextStyle 0
~MyStyle
MyStyle "TitleButtonBalloon"
Inherit balloon_colors
Inherit balloon_font
~MyStyle
|
Now let's go for the menues.
MyStyle "menu_font"
Inherit window_font
~MyStyle
MyStyle "menu_title_style"
Inherit menu_font
Inherit focus_colors
~MyStyle
MyStyle "menu_item_style"
Inherit menu_font
Inherit unfocus_colors
~MyStyle
MyStyle "menu_hilite_style"
Inherit menu_font
Inherit focus_colors
~MyStyle
MenuItemStyle "menu_item_style"
MenuTitleStyle "menu_title_style"
MenuHiliteStyle "menu_hilite_style"
I usually start of by just reusing the focused and unfocused styles.
And we'll leave it with that for now, since it looks consistent and quite good.
BTW: I always use the theme I'm working on, that way I know very fast what is wrong with it.
|
That's all we can do for the look without getting creative.
So let's draw some buttons and backgrounds.
MyStyle "*WharfTile"
BackPixmap 128 blueish-wharf.xpm
~MyStyle
|
| |
|
site owned and designed by anti
