Skip to content

Commit cd3bc93

Browse files
authored
docs + [Themes] 添加了主题的文档
1 parent b27a467 commit cd3bc93

1 file changed

Lines changed: 213 additions & 0 deletions

File tree

Content/Themes.md

Lines changed: 213 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,213 @@
1+
# Hacknet 主题文件使用指南
2+
3+
## 扩展信息
4+
5+
- **扩展名称**: YOU HACKER 2
6+
- **语言**: 中文 (zh-cn)
7+
- **起始主题**: HacknetBlue
8+
9+
## 概述
10+
11+
Hacknet 主题文件是用于自定义游戏界面的 XML 配置文件。通过修改主题文件,你可以完全改变游戏的外观和感觉。
12+
13+
## 文件结构
14+
15+
### 基本结构
16+
17+
```xml
18+
<?xml version="1.0" encoding="UTF-8"?>
19+
<CustomTheme>
20+
<!-- 配置项 -->
21+
</CustomTheme>
22+
```
23+
24+
## 主要配置项
25+
26+
### 1. 主题布局 (`themeLayoutName`)
27+
28+
定义窗口的基本布局样式,可选值(这里指的是原版Hacknet的主题的布局):
29+
30+
- `blue` - 蓝色主题
31+
- `green` - 绿色主题
32+
- `white` - 白色主题
33+
- `mint` - 薄荷主题
34+
- `greencompact` - 紧凑绿色主题
35+
- `riptide` - 激流主题
36+
- `colamaeleon` - 变色龙主题
37+
- `riptide2` - 激流2主题
38+
39+
### 2. 背景图片 (`backgroundImagePath`)
40+
41+
设置自定义背景图片路径:
42+
43+
- 推荐分辨率:1920x1080
44+
- 支持格式:JPG、PNG
45+
- 路径相对于扩展目录
46+
47+
### 3. 核心颜色配置
48+
49+
#### 主要颜色
50+
51+
- `defaultHighlightColor` - 网络地图节点颜色
52+
- `defaultTopBarColor` - 顶部系统栏颜色
53+
- `moduleColorSolidDefault` - 模块窗口边框颜色
54+
- `moduleColorStrong` - 模块填充颜色
55+
- `moduleColorBacking` - 全屏背景色
56+
57+
#### 执行程序模块
58+
59+
- `exeModuleTopBar` - EXE顶部栏颜色
60+
- `exeModuleTitleText` - EXE标题文本颜色
61+
62+
### 4. 界面元素颜色
63+
64+
#### 功能按钮
65+
66+
- `warningColor` - 警告/可视化界面按钮颜色
67+
- `subtleTextColor` - 次要文本颜色
68+
- `darkBackgroundColor` - 搜索框/邮件按钮背景色
69+
70+
#### 背景和边框
71+
72+
- `indentBackgroundColor` - 登录模块背景色
73+
- `outlineColor` - 节点连接线颜色
74+
75+
#### 端口状态
76+
77+
- `lockedColor` - 端口锁定/取消按钮颜色
78+
- `brightLockedColor` - 端口不可破解背景色
79+
- `unlockedColor` - 端口解锁后颜色
80+
- `brightUnlockedColor` - 成功状态颜色
81+
82+
### 5. 文本和界面
83+
84+
- `terminalTextColor` - 终端文本颜色
85+
- `topBarTextColor` - 顶部栏文本颜色
86+
- `netmapToolTipColor` - 网络地图提示文字颜色
87+
- `netmapToolTipBackground` - 网络地图提示背景色
88+
89+
### 6. 特殊效果
90+
91+
- `scanlinesColor` - 扫描线效果颜色
92+
- `thisComputerNode` - 玩家计算机节点颜色
93+
- `connectedNodeHighlight` - 当前连接节点高亮色
94+
95+
## 颜色格式
96+
97+
Hacknet 主题使用 RGBA 颜色格式:
98+
99+
- **RGB**: `红,绿,蓝` (每个值 0-255)
100+
- **RGBA**: `红,绿,蓝,透明度` (透明度 0-255,0=完全透明,255=完全不透明)
101+
102+
## Chronomia 主题分析
103+
104+
### 主题特色
105+
106+
基于 Chronomia.xml 主题文件,它具有以下特点:
107+
108+
- **主色调**: 蓝色系 (30,111,233)
109+
- **背景图片**: Themes/Backgrounds/Chronomia_jacket.png
110+
- **终端文本**: 浅蓝色 (213,245,255)
111+
- **模块边框**: 深蓝色 (53,59,238)
112+
- **管理员提示**: 紫色 (4,0,255)
113+
114+
### 关键颜色配置
115+
116+
```xml
117+
<!-- 管理员身份提示色 -->
118+
<defaultHighlightColor>4,0,255</defaultHighlightColor>
119+
<!-- 顶部系统栏 -->
120+
<defaultTopBarColor>30,111,233</defaultTopBarColor>
121+
<!-- 模块描边 -->
122+
<moduleColorSolidDefault>53,59,238</moduleColorSolidDefault>
123+
<!-- 终端文本颜色 -->
124+
<terminalTextColor>213,245,255</terminalTextColor>
125+
```
126+
127+
## 使用示例
128+
129+
### 创建新主题
130+
131+
1.`Themes/` 目录下创建新的 XML 文件
132+
2. 复制基本结构
133+
3. 根据需要修改颜色值
134+
135+
### 示例主题文件
136+
137+
```xml
138+
<?xml version="1.0" encoding="UTF-8"?>
139+
<CustomTheme>
140+
<themeLayoutName>blue</themeLayoutName>
141+
<backgroundImagePath>Themes/Backgrounds/your_image.png</backgroundImagePath>
142+
143+
<defaultHighlightColor>255,41,63</defaultHighlightColor>
144+
<defaultTopBarColor>74,7,14,255</defaultTopBarColor>
145+
<moduleColorSolidDefault>0,204,132</moduleColorSolidDefault>
146+
147+
<!-- 更多颜色配置 -->
148+
</CustomTheme>
149+
```
150+
151+
## 安装方法
152+
153+
1. **将主题文件放入扩展目录**:
154+
155+
- 将主题 XML 文件放入 `Themes/` 目录
156+
- 背景图片放入 `Themes/Backgrounds/` 目录
157+
2. **在游戏中启用主题**:
158+
159+
- 修改 `ExtensionInfo.xml` 中的 `<StartingTheme>` 标签
160+
- 或通过游戏内主题选择器切换
161+
3. **重启游戏**应用新主题
162+
163+
```
164+
165+
```
166+
167+
## 最佳实践
168+
169+
### 1. 颜色搭配原则
170+
171+
- **保持一致性**: 确保颜色搭配协调
172+
- **对比度**: 确保文本在背景上清晰可见
173+
- **层次感**: 使用不同透明度创建视觉层次
174+
175+
### 2. 文件管理
176+
177+
- **备份原文件**: 修改前备份原始主题文件
178+
- **渐进修改**: 每次只修改少量颜色进行测试
179+
- **版本控制**: 为不同版本的主题创建备份
180+
181+
### 3. 测试建议
182+
183+
- **多环境测试**: 在不同光照条件下测试可读性
184+
- **功能测试**: 确保所有界面元素都正常工作
185+
- **性能测试**: 检查主题是否影响游戏性能
186+
187+
## 故障排除
188+
189+
### 常见问题
190+
191+
1. **主题不生效**: 检查文件路径和格式是否正确
192+
2. **颜色显示异常**: 验证 RGBA 值是否在有效范围内
193+
3. **背景图片不显示**: 确认图片路径和格式正确
194+
195+
### 调试技巧
196+
197+
- 使用示例主题作为基础模板
198+
- 逐个修改颜色值进行测试
199+
- 查看游戏日志文件获取错误信息
200+
201+
## 扩展资源
202+
203+
### 内置主题参考
204+
205+
- 查看 `Themes/ExampleTheme.xml` 获取标准配置
206+
- 参考游戏原版主题文件学习最佳实践
207+
208+
### 工具推荐
209+
210+
- 使用颜色选择器工具获取精确的 RGB 值
211+
- 使用图像编辑软件创建合适的背景图片
212+
213+
通过合理配置这些颜色值,你可以创建出符合个人喜好的独特 Hacknet 游戏界面。祝您创作愉快!

0 commit comments

Comments
 (0)