metacity: Improve styling (fix #194, fix #204)
Drop gtk:custom(theme_bg_color,gtk:bg[NORMAL]) based titlebars
Do not hide buttons of modal dialog
Tweak some sizing
Drop gtk:custom(theme_bg_color,gtk:bg[NORMAL]) based titlebars
Do not hide buttons of modal dialog
Tweak some sizing
by roundabout, Sunday, 3 June 2018, 01:48:26 (1527990506), pushed by roundabout, Sunday, 11 May 2025, 13:22:25 (1746969745)
Author identity: nana-4 <hnmaigo@gmail.com>
8b1bfb6131d692b42656ef379c674e483214f3e5
<name>Materia</name>
<author>nana-4</author>
<copyright>GPL</copyright>
<date>2017</date>
<date>2018</date>
<description>Materia Metacity theme</description>
</info>
<!-- meaningful constants -->
<constant name="C_titlebar" value="#E0E0E0"/>
<constant name="C_titlebar_alt" value="gtk:bg[NORMAL]"/>
<constant name="C_highlight" value="blend/#E0E0E0/#FFFFFF/0.4"/>
<constant name="C_highlight_alt" value="blend/gtk:bg[NORMAL]/#FFFFFF/0.4"/>
<constant name="C_title_focused" value="gtk:fg[NORMAL]"/>
<constant name="C_title_unfocused" value="blend/#E0E0E0/gtk:fg[NORMAL]/0.7"/>
<constant name="C_title_alt_focused" value="gtk:fg[NORMAL]"/>
<constant name="C_title_alt_unfocused" value="blend/gtk:bg[NORMAL]/gtk:fg[NORMAL]/0.7"/>
<constant name="C_title_focused" value="#212121"/>
<constant name="C_title_unfocused" value="blend/#E0E0E0/#212121/0.7"/>
<!-- geometries -->
<distance name="bottom_height" value="1"/>
<distance name="left_titlebar_edge" value="0"/>
<distance name="right_titlebar_edge" value="0"/>
<distance name="title_vertical_pad" value="12"/>
<distance name="title_vertical_pad" value="13"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
<aspect_ratio name="button" value="1"/>
<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
</frame_geometry>
<frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal">
<distance name="left_width" value="0"/>
<distance name="right_width" value="0"/>
<distance name="bottom_height" value="0"/>
<distance name="title_vertical_pad" value="8"/>
<frame_geometry name="modal" parent="normal">
</frame_geometry>
<frame_geometry name="small" title_scale="small" parent="normal">
<distance name="title_vertical_pad" value="8"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
color="C_title_unfocused"/>
</draw_ops>
<draw_ops name="title_alt_focused">
<title
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_focused"/>
</draw_ops>
<draw_ops name="title_alt_unfocused">
<title
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_unfocused"/>
</draw_ops>
<!-- window decorations -->
<draw_ops name="entire_background_focused">
<rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/>
<include name="entire_background_focused"/>
</draw_ops>
<draw_ops name="entire_background_alt_focused">
<rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/>
</draw_ops>
<draw_ops name="entire_background_alt_unfocused">
<include name="entire_background_alt_focused"/>
</draw_ops>
<draw_ops name="highlight">
<line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="highlight_alt">
<line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="titlebar_focused">
<include name="entire_background_focused"/>
<include name="highlight"/>
<include name="highlight"/>
</draw_ops>
<draw_ops name="titlebar_alt_focused">
<include name="entire_background_alt_focused"/>
<include name="highlight_alt"/>
</draw_ops>
<draw_ops name="titlebar_alt_unfocused">
<include name="entire_background_alt_unfocused"/>
<include name="highlight_alt"/>
</draw_ops>
<!-- button icons -->
<button function="menu" state="normal" draw_ops="menu_focused"/>
<button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
<button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
<!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> -->
<button function="shade" state="normal" draw_ops="shade_focused"/>
<button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
<button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
<button function="menu" state="normal" draw_ops="menu_unfocused"/>
<button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
<button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
<!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> -->
<button function="shade" state="normal" draw_ops="shade_unfocused"/>
<button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
<button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
</frame_style>
<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
<piece position="entire_background" draw_ops="entire_background_alt_focused"/>
<piece position="titlebar" draw_ops="titlebar_alt_focused"/>
<piece position="title" draw_ops="title_alt_focused"/>
</frame_style>
<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
<piece position="entire_background" draw_ops="entire_background_alt_unfocused"/>
<piece position="titlebar" draw_ops="titlebar_alt_unfocused"/>
<piece position="title" draw_ops="title_alt_unfocused"/>
</frame_style>
<frame_style name="utility_focused" geometry="small" parent="normal_focused">
<button function="minimize" state="pressed"><draw_ops></draw_ops></button>
<button function="menu" state="normal"><draw_ops></draw_ops></button>
<button function="menu" state="pressed"><draw_ops></draw_ops></button>
<!-- <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> -->
<button function="shade" state="normal"><draw_ops></draw_ops></button>
<button function="shade" state="pressed"><draw_ops></draw_ops></button>
<button function="unshade" state="normal"><draw_ops></draw_ops></button>
<frame focus="no" state="shaded" style="normal_unfocused"/>
<frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
<frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
<!-- <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> -->
</frame_style_set>
<frame_style_set name="dialog_style_set">
<window type="menu" style_set="utility_style_set"/>
<window type="utility" style_set="utility_style_set"/>
<window type="border" style_set="border_style_set"/>
<!-- <window version=">= 3.2" type="attached" style_set="attached_style_set"/> -->
</metacity_theme>
<name>Materia</name>
<author>nana-4</author>
<copyright>GPL</copyright>
<date>2017</date>
<date>2018</date>
<description>Materia Metacity theme</description>
</info>
<!-- meaningful constants -->
<constant name="C_titlebar" value="#383838"/>
<constant name="C_titlebar_alt" value="gtk:bg[NORMAL]"/>
<constant name="C_highlight" value="blend/#383838/#FFFFFF/0.1"/>
<constant name="C_highlight_alt" value="blend/gtk:bg[NORMAL]/#FFFFFF/0.4"/>
<constant name="C_title_focused" value="#FFFFFF"/>
<constant name="C_title_unfocused" value="blend/#383838/#FFFFFF/0.7"/>
<constant name="C_title_alt_focused" value="gtk:fg[NORMAL]"/>
<constant name="C_title_alt_unfocused" value="blend/gtk:bg[NORMAL]/gtk:fg[NORMAL]/0.7"/>
<!-- geometries -->
<distance name="bottom_height" value="1"/>
<distance name="left_titlebar_edge" value="0"/>
<distance name="right_titlebar_edge" value="0"/>
<distance name="title_vertical_pad" value="12"/>
<distance name="title_vertical_pad" value="13"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
<aspect_ratio name="button" value="1"/>
<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
</frame_geometry>
<frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal">
<distance name="left_width" value="0"/>
<distance name="right_width" value="0"/>
<distance name="bottom_height" value="0"/>
<distance name="title_vertical_pad" value="8"/>
<frame_geometry name="modal" parent="normal">
</frame_geometry>
<frame_geometry name="small" title_scale="small" parent="normal">
<distance name="title_vertical_pad" value="8"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
color="C_title_unfocused"/>
</draw_ops>
<draw_ops name="title_alt_focused">
<title
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_focused"/>
</draw_ops>
<draw_ops name="title_alt_unfocused">
<title
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_unfocused"/>
</draw_ops>
<!-- window decorations -->
<draw_ops name="entire_background_focused">
<rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/>
<include name="entire_background_focused"/>
</draw_ops>
<draw_ops name="entire_background_alt_focused">
<rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/>
</draw_ops>
<draw_ops name="entire_background_alt_unfocused">
<include name="entire_background_alt_focused"/>
</draw_ops>
<draw_ops name="highlight">
<line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="highlight_alt">
<line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="titlebar_focused">
<include name="entire_background_focused"/>
<include name="highlight"/>
<include name="highlight"/>
</draw_ops>
<draw_ops name="titlebar_alt_focused">
<include name="entire_background_alt_focused"/>
<include name="highlight_alt"/>
</draw_ops>
<draw_ops name="titlebar_alt_unfocused">
<include name="entire_background_alt_unfocused"/>
<include name="highlight_alt"/>
</draw_ops>
<!-- button icons -->
<button function="menu" state="normal" draw_ops="menu_focused"/>
<button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
<button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
<!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> -->
<button function="shade" state="normal" draw_ops="shade_focused"/>
<button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
<button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
<button function="menu" state="normal" draw_ops="menu_unfocused"/>
<button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
<button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
<!-- <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> -->
<button function="shade" state="normal" draw_ops="shade_unfocused"/>
<button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
<button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
</frame_style>
<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
<piece position="entire_background" draw_ops="entire_background_alt_focused"/>
<piece position="titlebar" draw_ops="titlebar_alt_focused"/>
<piece position="title" draw_ops="title_alt_focused"/>
</frame_style>
<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
<piece position="entire_background" draw_ops="entire_background_alt_unfocused"/>
<piece position="titlebar" draw_ops="titlebar_alt_unfocused"/>
<piece position="title" draw_ops="title_alt_unfocused"/>
</frame_style>
<frame_style name="utility_focused" geometry="small" parent="normal_focused">
<button function="minimize" state="pressed"><draw_ops></draw_ops></button>
<button function="menu" state="normal"><draw_ops></draw_ops></button>
<button function="menu" state="pressed"><draw_ops></draw_ops></button>
<!-- <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> -->
<!-- <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> -->
<button function="shade" state="normal"><draw_ops></draw_ops></button>
<button function="shade" state="pressed"><draw_ops></draw_ops></button>
<button function="unshade" state="normal"><draw_ops></draw_ops></button>
<frame focus="no" state="shaded" style="normal_unfocused"/>
<frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
<frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
<!-- <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> -->
<!-- <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> -->
<!-- <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> -->
</frame_style_set>
<frame_style_set name="dialog_style_set">
<window type="menu" style_set="utility_style_set"/>
<window type="utility" style_set="utility_style_set"/>
<window type="border" style_set="border_style_set"/>
<!-- <window version=">= 3.2" type="attached" style_set="attached_style_set"/> -->
</metacity_theme>
<name>Materia</name>
<author>nana-4</author>
<copyright>GPL</copyright>
<date>2017</date>
<date>2018</date>
<description>Materia Metacity theme</description>
</info>
<!-- meaningful constants -->
<constant name="C_titlebar" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
<constant name="C_titlebar_alt" value="gtk:custom(theme_bg_color,gtk:bg[NORMAL])"/>
<constant name="C_highlight" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
<constant name="C_highlight_alt" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/>
<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/>
<constant name="C_title_alt_focused" value="gtk:custom(theme_fg_color,gtk:fg[NORMAL])"/>
<constant name="C_title_alt_unfocused" value="gtk:custom(insensitive_fg_color,gtk:fg[INSENSITIVE])"/>
<!-- geometries -->
<distance name="bottom_height" value="1"/>
<distance name="left_titlebar_edge" value="0"/>
<distance name="right_titlebar_edge" value="0"/>
<distance name="title_vertical_pad" value="12"/>
<distance name="title_vertical_pad" value="13"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
<aspect_ratio name="button" value="1"/>
<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
</frame_geometry>
<frame_geometry name="modal" title_scale="small" hide_buttons="true" parent="normal">
<distance name="left_width" value="0"/>
<distance name="right_width" value="0"/>
<distance name="bottom_height" value="0"/>
<distance name="title_vertical_pad" value="8"/>
<frame_geometry name="modal" parent="normal">
</frame_geometry>
<frame_geometry name="small" title_scale="small" parent="normal">
<distance name="title_vertical_pad" value="8"/>
<border name="title_border" left="10" right="10" top="0" bottom="0"/>
<border name="button_border" left="0" right="0" top="0" bottom="0"/>
</frame_geometry>
<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
color="C_title_unfocused"/>
</draw_ops>
<draw_ops name="title_alt_focused">
<title version="< 3.1"
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_focused"/>
<title version=">= 3.1"
x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
y="(0 `max` ((height - title_height) / 2))"
ellipsize_width="width"
color="C_title_alt_focused"/>
</draw_ops>
<draw_ops name="title_alt_unfocused">
<title version="< 3.1"
x="(0 `max` ((width - title_width) / 2))"
y="(0 `max` ((height - title_height) / 2))"
color="C_title_alt_unfocused"/>
<title version=">= 3.1"
x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
y="(0 `max` ((height - title_height) / 2))"
ellipsize_width="width"
color="C_title_alt_unfocused"/>
</draw_ops>
<!-- window decorations -->
<draw_ops name="entire_background_focused">
<rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true"/>
<include name="entire_background_focused"/>
</draw_ops>
<draw_ops name="entire_background_alt_focused">
<rectangle color="C_titlebar_alt" x="0" y="0" width="width" height="height" filled="true"/>
</draw_ops>
<draw_ops name="entire_background_alt_unfocused">
<include name="entire_background_alt_focused"/>
</draw_ops>
<draw_ops name="highlight">
<line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="highlight_alt">
<line color="C_highlight_alt" x1="2" y1="0" x2="width - 3" y2="0"/>
<arc color="C_highlight_alt" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
<arc color="C_highlight_alt" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
</draw_ops>
<draw_ops name="titlebar_focused">
<include name="entire_background_focused"/>
<include name="highlight"/>
<include name="highlight"/>
</draw_ops>
<draw_ops name="titlebar_alt_focused">
<include name="entire_background_alt_focused"/>
<include name="highlight_alt"/>
</draw_ops>
<draw_ops name="titlebar_alt_unfocused">
<include name="entire_background_alt_unfocused"/>
<include name="highlight_alt"/>
</draw_ops>
<!-- button icons -->
</frame_style>
<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
<piece position="entire_background" draw_ops="entire_background_alt_focused"/>
<piece position="titlebar" draw_ops="titlebar_alt_focused"/>
<piece position="title" draw_ops="title_alt_focused"/>
</frame_style>
<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
<piece position="entire_background" draw_ops="entire_background_alt_unfocused"/>
<piece position="titlebar" draw_ops="titlebar_alt_unfocused"/>
<piece position="title" draw_ops="title_alt_unfocused"/>
</frame_style>
<frame_style name="utility_focused" geometry="small" parent="normal_focused">