2008/9/12 Kido Mariano <[EMAIL PROTECTED]>:
> On Fri, 2008-09-12 at 22:30 +0200, Mikkel Kamstrup Erlandsen wrote:
>> 2008/9/12 Matthew Nuzum <[EMAIL PROTECTED]>:
>> > Hi, I just installed dust from kwwii's community themes package and
>> > have to say it is great. I still have a problem with invisible fonts
>> > on the menu bar, but even with that minor glitch this is my favorite
>> > theme from this development cycle so far.
>> >
>> > http://code.bearfruit.org/~matt/tmp/menu-bar.png
> That's Thunderbird, right? That doesn't work well with the theme,
> unufortunately.
>
>>
>> I'll join the choir :-) I've been dog fooding it for a week now and I
>> still love it. Clean, professional, and original.
>>
>> There are a few items (nothing we can't fix though) which I would change...
>>
>> * A subtle border around menus. Menus have a bit much of "flat black
>> square"-feel to it. Some subtle borders would alleviate this
> Not sure how we do this.
I'll have a look into this...
>> * I like the Borderless metacity theme the most, it looks lighter and
>> more elegant in my eyes. It is darn hard to resize the windows with
>> the borderless variant though. Perhaps adding a bottom border for
>> easier resizing? I think someone played with adding a subtle gradient
>> on the bottom border... Maybe it was New Wave, Anton?
> The bottom border is already large in the borderless theme; however, you
> still get diagonal resizing only at 1x3(?) corner pixels, which is still
> quite a pain in windows without handles.
I tried adding a more visible bottom border - 5 px with some
highlights. I think this works ok...
Updated metacity theme attached. I added two new draw_ops,
"draw_bottom_frame_inactive" and "draw_bottom_frame_normal" and
applied them to the window bottom of frame_style_normal_focused and
frame_style_normal_unfocused. That is all.
Screen shot: http://grillbar.org/tmp/dust-metacity-tweak-1.png
The extra highlight on the focused window also makes it easier to
distinguish... At least to my olde eyes :-)
>> * The scrollbars colors... They somehow confuse my 33% of the times I
>> use them. My mind tells me that the slider is in the most light part
>> of the scroll bar. This is especially in windows where the slider
>> length is bigger than the free space in the scroll bar
> A lot of people have complained about this. Maybe we can add drag
> handles instead?
Yeah, try a few things out. Drag handles might be enough visual clue...
And more issues while we are at it :-)
* Progress bars are glossy and candy striped. This seems out of sync
with the rest of the theme.
* Ditto for list view headers
--
Cheers,
Mikkel
<?xml version="1.0"?>
<metacity_theme>
<info>
<name>K04</name>
<author>Kido Mariano</author>
<copyright>GPL</copyright>
<date>Jul 28, 2008</date>
<description>Metacity theme</description>
<!-- Based on the Elegant Brit theme -->
</info>
<!--
General window layout (geometric stuff)
-->
<frame_geometry name="frame_geometry_normal" title_scale="medium" rounded_top_left="true" rounded_top_right="true"
>
<distance name="left_width" value="1"/>
<distance name="right_width" value="1"/>
<distance name="bottom_height" value="5"/>
<distance name="left_titlebar_edge" value="2"/>
<distance name="right_titlebar_edge" value="1"/>
<distance name="button_width" value="28"/>
<distance name="button_height" value="20"/>
<distance name="title_vertical_pad" value="1"/>
<border name="title_border" left="2" right="2" top="3" bottom="0"/>
<border name="button_border" left="0" right="0" top="2" bottom="1"/>
</frame_geometry>
<frame_geometry name="frame_geometry_abnormal" title_scale="medium" rounded_top_left="false" rounded_top_right="false">
<distance name="left_width" value="0"/>
<distance name="right_width" value="0"/>
<distance name="bottom_height" value="0"/>
<distance name="left_titlebar_edge" value="1"/>
<distance name="right_titlebar_edge" value="2"/>
<distance name="button_width" value="28"/>
<distance name="button_height" value="20"/>
<distance name="title_vertical_pad" value="0"/>
<border name="title_border" left="0" right="0" top="3" bottom="0"/>
<border name="button_border" left="0" right="0" top="2" bottom="1"/>
</frame_geometry>
<!--
Window Title
-->
<draw_ops name="draw_title_text_normal">
<title x="1" y="(height - title_height) / 2 + 1" color="#2F2E2B"/>
<title x="0" y="(height - title_height) / 2" color="#FFFFFF"/>
</draw_ops>
<draw_ops name="draw_title_text_inactive">
<title x="0" y="(height - title_height) / 2" color="#727262"/>
</draw_ops>
<!--
Construct titlebar from rectangles instead so we can pick up the GTK theme
-->
<draw_ops name="draw_title">
<!-- Background gradient -->
<gradient type="vertical" x="0" y="0" width="width+9" height="height">
<!--<color value="#80594D"/>-->
<color value="shade/gtk:bg[SELECTED]/0.75"/>
<color value="shade/gtk:bg[NORMAL]/0.32"/>
<color value="shade/gtk:bg[NORMAL]/0.27"/>
<color value="shade/gtk:bg[NORMAL]/0.25" />
</gradient>
<!-- Topmost dark line -->
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="width" y1="0" y2="0"/>
<!-- Darkening of the left arch -->
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="4" y1="1" y2="1"/>
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="2" y1="2" y2="2"/>
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="1" y1="3" y2="3"/>
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="1" y1="4" y2="4"/>
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="0" y1="5" y2="20"/>
<!-- Top highlight -->
<!-- This uses <tint> (which supports alpha) instead of <line> (which doesn't) -->
<tint color="#ffffff" alpha="0.30" x="5" y="1" width="width - 10" height="1"/>
<!-- Upper-left highlight -->
<!-- Draw each pixel one by one. Again, using <tint> for alpha support. -->
<tint color="#ffffff" alpha="0.30" x="3" y="2" width="2" height="1"/>
<tint color="#ffffff" alpha="0.27" x="2" y="3" width="1" height="1"/>
<tint color="#ffffff" alpha="0.24" x="2" y="4" width="1" height="1"/>
<tint color="#ffffff" alpha="0.21" x="1" y="5" width="1" height="1"/>
<tint color="#ffffff" alpha="0.18" x="1" y="6" width="1" height="1"/>
<tint color="#ffffff" alpha="0.15" x="1" y="7" width="1" height="1"/>
<tint color="#ffffff" alpha="0.12" x="1" y="8" width="1" height="1"/>
<tint color="#ffffff" alpha="0.09" x="1" y="9" width="1" height="1"/>
<tint color="#ffffff" alpha="0.06" x="1" y="10" width="1" height="1"/>
<tint color="#ffffff" alpha="0.03" x="1" y="11" width="1" height="1"/>
<!-- Upper-right highlight -->
<!-- Same as above. -->
<tint color="#ffffff" alpha="0.30" x="width-5" y="2" width="2" height="1"/>
<tint color="#ffffff" alpha="0.27" x="width-3" y="3" width="1" height="1"/>
<tint color="#ffffff" alpha="0.24" x="width-3" y="4" width="1" height="1"/>
<tint color="#ffffff" alpha="0.21" x="width-2" y="5" width="1" height="1"/>
<tint color="#ffffff" alpha="0.18" x="width-2" y="6" width="1" height="1"/>
<tint color="#ffffff" alpha="0.15" x="width-2" y="7" width="1" height="1"/>
<tint color="#ffffff" alpha="0.12" x="width-2" y="8" width="1" height="1"/>
<tint color="#ffffff" alpha="0.09" x="width-2" y="9" width="1" height="1"/>
<tint color="#ffffff" alpha="0.06" x="width-2" y="10" width="1" height="1"/>
<tint color="#ffffff" alpha="0.03" x="width-2" y="11" width="1" height="1"/>
<!-- Upper right highlight --><!--
<line color="shade/gtk:bg[NORMAL]/0.50" x1="width-5" x2 ="width-4" y1="2" y2="2" />
<line color="shade/gtk:bg[NORMAL]/0.45" x1="width-3" x2 ="width-3" y1="3" y2="4" />-->
<!-- Lower-left higlight fade --><!--
<gradient type="vertical" x="width-2" y="5" width="1" height="title_height - 4">
<color value="shade/gtk:bg[NORMAL]/0.40"/>
<color value="shade/gtk:bg[NORMAL]/0.25"/>
</gradient> -->
</draw_ops>
<draw_ops name="draw_title_inactive">
<!-- Background gradient -->
<gradient type="vertical" x="0" y="0" width="width+9" height="height">
<color value="shade/gtk:bg[NORMAL]/0.23"/>
<color value="shade/gtk:bg[NORMAL]/0.25" />
</gradient>
<!-- Topmost dark line -->
<line color="shade/gtk:bg[NORMAL]/0.25" x1="1" x2="width-2" y1="0" y2="0"/>
<!-- Top highlight -->
<tint color="#ffffff" alpha="0.2" x="5" y="1" width="width - 10" height="1"/>
<!-- Lower-left highlight -->
<line color="shade/gtk:bg[NORMAL]/0.33" x1="3" x2 ="4" y1="2" y2="2" />
<line color="shade/gtk:bg[NORMAL]/0.32" x1="2" x2 ="2" y1="3" y2="4" />
<!-- Lower-left higlight fade -->
<gradient type="vertical" x="1" y="5" width="1" height="title_height - 4">
<color value="shade/gtk:bg[NORMAL]/0.30"/>
<color value="shade/gtk:bg[NORMAL]/0.25"/>
</gradient>
<!-- Upper right highlight -->
<line color="shade/gtk:bg[NORMAL]/0.30" x1="width-5" x2 ="width-4" y1="2" y2="2" />
<line color="shade/gtk:bg[NORMAL]/0.30" x1="width-3" x2 ="width-3" y1="3" y2="4" />
<!-- Lower-left higlight fade -->
<gradient type="vertical" x="width-2" y="5" width="1" height="title_height - 4">
<color value="shade/gtk:bg[NORMAL]/0.30"/>
<color value="shade/gtk:bg[NORMAL]/0.25"/>
</gradient>
</draw_ops>
<!--
The frame around windows
-->
<draw_ops name="draw_frame">
<rectangle color="shade/gtk:bg[NORMAL]/0.25" x="0" y="0" width="width" height="height" filled="true"/>
<!-- RSC: Subtle gradient on left/right edges to match the menubar -->
<gradient type="vertical" x="0" y="0" width="width" height="60">
<color value="shade/gtk:bg[NORMAL]/0.25"/>
<color value="shade/gtk:bg[NORMAL]/0.15"/>
<color value="shade/gtk:bg[NORMAL]/0.25"/>
</gradient>
</draw_ops>
<!-- Bottom of focused windows (not maximized ones) -->
<draw_ops name="draw_bottom_frame_normal">
<gradient type="vertical" x="0" y="height-5" width="width" height="5">
<color value="shade/gtk:bg[NORMAL]/0.25"/>
<color value="shade/gtk:bg[NORMAL]/0.40"/>
</gradient>
<!-- Light border line at bottom -->
<line color="shade/gtk:bg[NORMAL]/0.5" x1="0" x2="width" y1="height-2" y2="height-2"/>
<!-- Light border left, this softens the square edge a bit -->
<gradient type="vertical" x="0" y="height-5" width="1" height="5">
<color value="shade/gtk:bg[NORMAL]/0.25"/>
<color value="shade/gtk:bg[NORMAL]/0.60"/>
</gradient>
<!-- Light border right, this softens the square edge a bit -->
<gradient type="vertical" x="width-1" y="height-5" width="1" height="5">
<color value="shade/gtk:bg[NORMAL]/0.25"/>
<color value="shade/gtk:bg[NORMAL]/0.60"/>
</gradient>
<!-- Dark outline -->
<line color="shade/gtk:bg[NORMAL]/0.30" x1="0" x2="width" y1="height-1" y2="height-1"/>
</draw_ops>
<!-- Bottom of unfocused windows (not maximized ones) -->
<draw_ops name="draw_bottom_frame_inactive">
<rectangle color="shade/gtk:bg[NORMAL]/0.25" filled="true" x="0" y="height-5" width="width" height="5"/>
<!-- Soft highlight -->
<line color="shade/gtk:bg[NORMAL]/0.35" x1="0" x2="width" y1="height-2" y2="height-2"/>
<!-- Dark outline -->
<line color="shade/gtk:bg[NORMAL]/0.20" x1="0" x2="width" y1="height-1" y2="height-1"/>
</draw_ops>
<!--
Buttons
-->
<!-- close button-->
<draw_ops name="button_close_normal">
<image filename="button_close_normal.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_close_prelight">
<image filename="button_close_prelight.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_close_pressed">
<image filename="button_close_pressed.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_close_inactive">
<image filename="button_close_normal.png" x="0" y="1" width="object_width" height="object_height" alpha="0.3"/>
</draw_ops>
<!-- maximize button-->
<draw_ops name="button_max_normal">
<image filename="button_max_normal.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_max_prelight">
<image filename="button_max_prelight.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_max_pressed">
<image filename="button_max_pressed.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_max_inactive">
<image filename="button_max_normal.png" x="0" y="1" width="object_width" height="object_height" alpha="0.3"/>
</draw_ops>
<!-- minimize button-->
<draw_ops name="button_min_normal">
<image filename="button_min_normal.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_min_prelight">
<image filename="button_min_prelight.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_min_pressed">
<image filename="button_min_pressed.png" x="0" y="1" width="object_width" height="object_height"/>
</draw_ops>
<draw_ops name="button_min_inactive">
<image filename="button_min_normal.png" x="0" y="1" width="object_width" height="object_height" alpha="0.3"/>
</draw_ops>
<!-- menu icon -->
<draw_ops name="button_menu_normal">
<image filename="menu.png" x="0" y="0" width="object_width" height="object_height"/>
<icon x="6" y="2" width="mini_icon_width" height="mini_icon_height"/>
</draw_ops>
<draw_ops name="button_menu_prelight">
<image filename="menu.png" x="3" y="2" width="object_width" height="object_height"/>
<icon x="6" y="2" width="mini_icon_width" height="mini_icon_height" />
<!--tint color="white" alpha="0.3" x="0" y="0" width="mini_icon_width" height="mini_icon_height"/-->
</draw_ops>
<draw_ops name="button_menu_inactive">
<icon x="6" y="2" width="mini_icon_width" height="mini_icon_height" alpha="0.5"/>
<image filename="menu.png" x="0" y="0" width="object_width" height="object_height"/>
</draw_ops>
<!--
Frame styles
-->
<!-- normal -->
<frame_style name="frame_style_normal_focused" geometry="frame_geometry_normal">
<piece position="title" draw_ops="draw_title_text_normal"/>
<piece position="titlebar" draw_ops="draw_title"/>
<piece position="left_edge" draw_ops="draw_frame"/>
<piece position="right_edge" draw_ops="draw_frame"/>
<piece position="bottom_edge" draw_ops="draw_bottom_frame_normal"/>
<button function="close" state="normal" draw_ops="button_close_normal"/>
<button function="close" state="prelight" draw_ops="button_close_prelight"/>
<button function="close" state="pressed" draw_ops="button_close_pressed"/>
<button function="minimize" state="normal" draw_ops="button_min_normal"/>
<button function="minimize" state="prelight" draw_ops="button_min_prelight"/>
<button function="minimize" state="pressed" draw_ops="button_min_pressed"/>
<button function="maximize" state="normal" draw_ops="button_max_normal"/>
<button function="maximize" state="prelight" draw_ops="button_max_prelight"/>
<button function="maximize" state="pressed" draw_ops="button_max_pressed"/>
<button function="menu" state="normal" draw_ops="button_menu_normal"/>
<button function="menu" state="prelight" draw_ops="button_menu_prelight"/>
<button function="menu" state="pressed" draw_ops="button_menu_normal"/>
</frame_style>
<frame_style name="frame_style_normal_unfocused" geometry="frame_geometry_normal">
<piece position="title" draw_ops="draw_title_text_inactive"/>
<piece position="titlebar" draw_ops="draw_title_inactive"/>
<piece position="left_edge" draw_ops="draw_frame"/>
<piece position="right_edge" draw_ops="draw_frame"/>
<piece position="bottom_edge" draw_ops="draw_bottom_frame_inactive"/>
<button function="close" state="normal" draw_ops="button_close_inactive"/>
<button function="close" state="prelight" draw_ops="button_close_prelight"/>
<button function="close" state="pressed" draw_ops="button_close_inactive"/>
<button function="minimize" state="normal" draw_ops="button_min_inactive"/>
<button function="minimize" state="prelight" draw_ops="button_min_prelight"/>
<button function="minimize" state="pressed" draw_ops="button_min_inactive"/>
<button function="maximize" state="normal" draw_ops="button_max_inactive"/>
<button function="maximize" state="prelight" draw_ops="button_max_prelight"/>
<button function="maximize" state="pressed" draw_ops="button_max_inactive"/>
<button function="menu" state="normal" draw_ops="button_menu_inactive"/>
<button function="menu" state="prelight" draw_ops="button_menu_inactive"/>
<button function="menu" state="pressed" draw_ops="button_menu_inactive"/>
</frame_style>
<frame_style name="frame_style_maximized_focused" geometry="frame_geometry_abnormal">
<piece position="title" draw_ops="draw_title_text_normal"/>
<piece position="titlebar" draw_ops="draw_title"/>
<piece position="left_edge" draw_ops="draw_frame"/>
<piece position="right_edge" draw_ops="draw_frame"/>
<piece position="bottom_edge" draw_ops="draw_frame"/>
<button function="close" state="normal" draw_ops="button_close_normal"/>
<button function="close" state="prelight" draw_ops="button_close_prelight"/>
<button function="close" state="pressed" draw_ops="button_close_pressed"/>
<button function="minimize" state="normal" draw_ops="button_min_normal"/>
<button function="minimize" state="prelight" draw_ops="button_min_prelight"/>
<button function="minimize" state="pressed" draw_ops="button_min_pressed"/>
<button function="maximize" state="normal" draw_ops="button_max_normal"/>
<button function="maximize" state="prelight" draw_ops="button_max_prelight"/>
<button function="maximize" state="pressed" draw_ops="button_max_pressed"/>
<button function="menu" state="normal" draw_ops="button_menu_normal"/>
<button function="menu" state="prelight" draw_ops="button_menu_prelight"/>
<button function="menu" state="pressed" draw_ops="button_menu_normal"/>
</frame_style>
<frame_style name="frame_style_maximized_unfocused" geometry="frame_geometry_abnormal">
<piece position="title" draw_ops="draw_title_text_inactive"/>
<piece position="titlebar" draw_ops="draw_title_inactive"/>
<piece position="left_edge" draw_ops="draw_frame"/>
<piece position="right_edge" draw_ops="draw_frame"/>
<piece position="bottom_edge" draw_ops="draw_frame"/>
<button function="close" state="normal" draw_ops="button_close_inactive"/>
<button function="close" state="prelight" draw_ops="button_close_prelight"/>
<button function="close" state="pressed" draw_ops="button_close_inactive"/>
<button function="minimize" state="normal" draw_ops="button_min_inactive"/>
<button function="minimize" state="prelight" draw_ops="button_min_prelight"/>
<button function="minimize" state="pressed" draw_ops="button_min_inactive"/>
<button function="maximize" state="normal" draw_ops="button_max_inactive"/>
<button function="maximize" state="prelight" draw_ops="button_max_prelight"/>
<button function="maximize" state="pressed" draw_ops="button_max_inactive"/>
<button function="menu" state="normal" draw_ops="button_menu_inactive"/>
<button function="menu" state="prelight" draw_ops="button_menu_inactive"/>
<button function="menu" state="pressed" draw_ops="button_menu_inactive"/>
</frame_style>
<frame_style_set name="frame_style_set_normal">
<frame focus="yes" state="normal" resize="both" style="frame_style_normal_focused"/>
<frame focus="no" state="normal" resize="both" style="frame_style_normal_unfocused"/>
<frame focus="yes" state="maximized" style="frame_style_maximized_focused"/>
<frame focus="no" state="maximized" style="frame_style_maximized_unfocused"/>
<frame focus="yes" state="shaded" style="frame_style_normal_focused"/>
<frame focus="no" state="shaded" style="frame_style_normal_unfocused"/>
<frame focus="yes" state="maximized_and_shaded" style="frame_style_maximized_focused"/>
<frame focus="no" state="maximized_and_shaded" style="frame_style_maximized_unfocused"/>
</frame_style_set>
<window type="normal" style_set="frame_style_set_normal"/>
<window type="dialog" style_set="frame_style_set_normal"/>
<window type="modal_dialog" style_set="frame_style_set_normal"/>
<window type="menu" style_set="frame_style_set_normal"/>
<window type="utility" style_set="frame_style_set_normal"/>
<window type="border" style_set="frame_style_set_normal"/>
<menu_icon function="close" state="normal" draw_ops="button_close_normal"/>
<menu_icon function="maximize" state="normal" draw_ops="button_max_normal"/>
<menu_icon function="unmaximize" state="normal" draw_ops="button_max_normal"/>
<menu_icon function="minimize" state="normal" draw_ops="button_min_normal"/>
</metacity_theme>
--
ubuntu-art mailing list
[email protected]
https://lists.ubuntu.com/mailman/listinfo/ubuntu-art
