f46e2a8fec
Remaining things to complete: * In WebKit, the button images are offset +5 pixels down. They shouldn't be. * Small "+" buttons under notebooks and the note tree are broken. * Toolbar resizing doesn't work anymore (TODO comment).
39 lines
1.9 KiB
Plaintext
39 lines
1.9 KiB
Plaintext
For the large toolbar, button dimensions are 40x40 pixels. Button fonts are
|
|
Bitstream Vera Sans (regular, bold, and mono oblique). Most buttons are at 22
|
|
pt. The link button is at 12 pt. The list buttons are at 10 pt with a -4 pixel
|
|
line spacing. Down (pressed) buttons have their text offset two pixels down
|
|
and two pixels to the right.
|
|
|
|
For the small version of the toolbar, button dimensions are 20x20 pixels.
|
|
Button fonts are Bitstream Vera Sans (regular, bold, and mono oblique). Most
|
|
buttons are at 14 pt. The link button is at 8 pt. The list buttons are at 6
|
|
pt with a -3 pixel line spacing. Down (pressed) buttons have their text offset
|
|
by one pixel down and one pixel right.
|
|
|
|
The combined toolbar buttons image is created with the "montage" ImageMagick
|
|
command. Use tools/tile_images.sh to do this.
|
|
|
|
To make the white glowing effect (which isn't present on any buttons
|
|
currently), start with black text on a transparent background in the Gimp.
|
|
Duplicate the layer, and move that duplicate underneath the original layer.
|
|
Switch to the duplicate. Enable the "select contiguous regions" tool. Click on
|
|
the duplicate layer's background. Invert selection. Grow selection by two
|
|
pixels. Fill the entire selection with white (or whatever glow color you
|
|
want). Select none. Gaussian blur the layer with a 5x5 pixel radius.
|
|
|
|
To make round corner images, use Google's Rounded Corner Generator:
|
|
|
|
http://ajaxian.com/archives/googles-rounded-corner-generator
|
|
|
|
For instance:
|
|
|
|
http://groups-beta.google.com/groups/roundedcorners?c=b0d0ff&bc=fafafa&w=6&h=6&a=tl
|
|
|
|
The title image is in a 50 pt Qlassik medium font, with a 25 pt sub-heading
|
|
and a manually modified "k" character.
|
|
|
|
The luminotes.ico Windows icon was created by converting favicon*.xcf to PNG with
|
|
the Gimp and then running the following command on the resulting PNGs:
|
|
|
|
icotool -c -t 0 favicon.png favicon_large.png favicon_quite_large.png -o luminotes.ico
|