Win7 Simu Theme Studio CSS 入门：从零开始改主题

前置知识

Theme Studio 需要的 CSS 知识非常基础——下面这几条足够改出一个像样的主题：

CSS 概念	说明	示例
选择器	选要改的元素	`.window-title-bar`（所有窗口标题栏）
属性	改什么	`background: rgba(0,0,0,0.5)`
值	改成什么	`color: #ff0000`（红色）
注释	用 `/* 注释内容 */` 写说明，不影响效果	`/* 这是窗口背景 */`

最小可行主题示例

在 Theme Studio 编辑器里写这段：

/* 把所有窗口标题栏改成深蓝色 */
.window-title-bar {
  background: #0066cc;
  color: white;
}

/* 把按钮边框改成圆角 */
button {
  border-radius: 6px;
}

/* 把桌面背景改成深灰色 */
.desktop {
  background: #2b2b2b;
}

写完保存 → 应用，模拟器里的窗口标题栏变成深蓝色、按钮有圆角、桌面变深灰。就这么简单。

Win7 Simu 内置的 CSS 类选择器

模拟器为每个 UI 元素都预置了 CSS 类名——官方提供了一份 selectors 文档，完整列表太长，最常用的几个：

类名	对应元素
`.desktop`	桌面背景
`.window-title-bar`	窗口标题栏（含毛玻璃层）
`.window-content`	窗口内容区
`.taskbar`	底部任务栏
`.start-menu`	开始菜单面板
`.button` / `button`	所有按钮
`.menu-item`	菜单条目
`.text-input`	输入框

查看完整列表：Theme Studio → 顶部菜单 Selectors → 弹出完整文档。

颜色与透明度

CSS 里表示颜色有几种方式：

方式	示例
十六进制	`#ff0000`（红）、`#0066cc`（蓝）
RGB	`rgb(255, 0, 0)`
RGBA（带透明度）	`rgba(0,0,0,0.5)`（半透明黑）
颜色名	`red`、`blue`、`transparent`

调试技巧

写一小段 → 应用 → 看效果，不要一次写一大坨。
改完不满意？删掉那段恢复原状即可。
可以用注释临时关闭一段代码（选中 → 加 /* */）。

继续读：实时预览与临时应用