UbuntuKylin系统美化教程part2:系统主题篇

迎大家批评指正,一起完善此系列文档:3_48:
转载请注明出处:3_60:
Part2:系统主题

usr/share/themes或~/.themes下放入主题文件夹(包括GTK和窗口主题相关文件)

使用命令设置各类主题的方法:

12.04:

gsettings set org.gnome.desktop.interface gtk-theme themename 设定GTK主题

gconftool-2 --set --type string /apps/metacity/general/theme themename 设定窗口主题

13.04:

gsettings set org.gnome.desktop.interface gtk-theme themename 设定GTK主题

gsettings set org.gnome.desktop.wm.preferences theme themename 设定窗口主题

制作主题:

主题文件夹中可以分为三个主题,以默认自带的主题为例:

/usr/share/themes/Radiance/

├── gtk-2.0

├── gtk-3.0

├── index.theme

├── metacity-1

└── unity

gtk-2.0、gtk-3.0和metacity-1文件夹下放置的分别是gtk2主题、gtk3主题和窗口主题。

index.theme中记录的是本主题使用的光标、图标等主题的名称。

unity文件下是一些窗口按钮图标。

metacity-1(窗口主题)的制作方法:

metacity-1目录下是各种窗口用的图标和metacity-theme-1.xml主题定义文件,建议在Radiance或Ambiance主题的相应文件的基础上进行修改定制。metacity-theme-1.xml前部分是定义了各种布局、图形绘制、颜色等,在后部分的各类窗口定义中引用。

metacity-theme-1.xml文件中部分内容的一些说明:

<frame_geometryname=“frame_geometry_normal” title_scale="medium"rounded_top_left=“true” rounded_top_right="true"rounded_bottom_left=“false” rounded_bottom_right=“false”>

<distancename=“left_width” value=“1”/>

<distancename=“right_width” value=“1”/>

<distancename=“bottom_height” value=“1”/>

<distancename=“left_titlebar_edge” value=“10”/>

<distancename=“right_titlebar_edge” value=“10”/>

<distancename=“button_width” value=“18”/>

<distancename=“button_height” value=“20”/>

<distancename=“title_vertical_pad” value=“11”/>

<bordername=“title_border” left=“2” right="2"top=“0” bottom=“0”/>

<bordername=“button_border” left=“0” right="0"top=“1” bottom=“0”/>

</frame_geometry>

---------------------分割线-----------------------

<draw_opsname=“draw_title_text_normal”>

<titlecolor=“#333” x=“10” y=“(((height -title_height) / 2) max 0)+1”/>

<titlecolor=“#333” x=“10” y=“(((height -title_height) / 2) max 0)-1”/>

<titlecolor=“#333” x=“9” y=“(((height -title_height) / 2) max 0)”/>

<titlecolor=“#333” x=“11” y=“(((height -title_height) / 2) max 0)”/>

<titlecolor=“#dfdbd2” x=“10” y=“(((height -title_height) / 2) max 0)”/>

</draw_ops>

<draw_opsname=“draw_title_text_unfocused”>

<titlecolor=“#333” x=“10” y=“(((height -title_height) / 2) max 0)+1”/>

<titlecolor=“#333” x=“10” y=“(((height -title_height) / 2) max 0)-1”/>

<titlecolor=“#333” x=“9” y=“(((height -title_height) / 2) max 0)”/>

<titlecolor=“#333” x=“11” y=“(((height -title_height) / 2) max 0)”/>

<titlecolor=“#807d78” x=“10” y=“(((height -title_height) / 2) max 0)”/>

</draw_ops>

<draw_opsname=“draw_title”>

<rectanglecolor=“#3c3b37” filled=“false” x="0"y=“0” width=“width-1” height=“top_height”/>

<gradienttype=“vertical” x=“1” y="1"width=“width-2” height=“top_height-1”>

<colorvalue="shade/#474642/1.1" />

<colorvalue="#3c3b37" />

<gradienttype=“horizontal” x=“0” y="1"width=“width” height=“1”>

<colorvalue="shade/#474642/1.2" />

<colorvalue="shade/#474642/1.5" />

<colorvalue="shade/#474642/1.2" />

对应的一些效果图:

<distancename=“bottom_height” value=“1”/>

<bordername=“button_border” left=“0” right="0"top=“1” bottom=“0”/>

<distancename=“button_height” value=“20”/>

<distancename=“button_width” value=“18”/>

<draw_opsname=“draw_title”>

<draw_opsname=“draw_title_text_unfocused”><!–未聚焦的一般窗口标题文字的颜色绘制

<distancename=“left_titlebar_edge” value=“10”/>

left_titlebar_edge.jpg

<distancename=“left_width” value=“1”/>

<bordername=“title_border” left=“2” right="2"top=“0” bottom=“0”/>

title_border.jpg

<distancename=“title_vertical_pad” value=“11”/>

相关资料:
Customizing the GNOME Shell:http://blog.fpmurphy.com/2011/03/customizing-the-gnome-3-shell.html

GTK主题制作:

gtk-3.0的制作:

相关教程和资料见以下资料

MakingGTK3 themes – Part 1: Basics

http://worldofgnome.org/making-gtk3-themes-part-1-basics/

MakingGTK3 themes – Part 2: The gtk.css and gtk-widgets.css files

http://worldofgnome.org/making-gtk3-themes-part-2-the-gtk-css-and-gtk-widgets-css-files/

MakingGTK3 themes – Part 3: The dark side

http://worldofgnome.org/making-gtk3-themes-part-3-the-dark-side/

MakingGTK3 themes – Part 4: Porting GTK2 themes

http://worldofgnome.org/making-gtk3-themes-part-4-porting-gtk2-themes/

颜色的定义格式

https://developer.gnome.org/gtk3/stable/GtkCssProvider.html#GtkCssProvider.description

GTK-2.0的制作:

待续。。。。求教程、求资料、求补充:3_58:

哇 技术帖!
顶了~

楼主赶快把你所有主题设置的帖子改掉,是 gsettings set 而不是 gsettingsset…

多谢提醒:3_52:在从word中粘过来后排版有错误

光看这么多的代码,头都晕了,技术贴支持一下,学习了。

这种贴要支持……学习了……

顶了,这个真赞,很多想调的设置都有的

技术贴,要多多学习,支持楼主!

顶级技术帖

技术贴 哈哈 对我来说很复杂

看看……不懂……

高人,我也想玩这个

:lol:lol:lol我是来学习的 感觉好难 支持一下楼主

太复杂了,得慢慢学…

做人要磊落,老大我在这看了许久,不满足打印一份弄成纸页参考啦,,,没准我的朋友喜欢复印给他们几份,,谢谢你讲解的这样详细,,其实熟记这些gtk主题随便调整颜色,难处就是颜色的数据还要找教程,,,调乱了主提难看死了,调节的合适能调出水晶哈哈,,,

学习了……学习了……

太有技术含量了,整点傻瓜版的,可以一键安装的呗

普通用户一看这贴,直接拒绝使用linux。如果要争取大众用户,如果想打败windows,就把学用linux从技术活改成傻瓜式操作。这是必须的!!!否则,等着慢慢消沉吧,除了计算机专业人员及一些linux爱好者以外,不会有人用!哦,政府可能会强制某些单位办公使用。。

小白看不懂,只能说学习了,期待以后更贴近小白的教程吧.

我懒人一个,有了喜欢的主题,就下载,辛苦有擅长编辑的技研人员了。