Steam UI 美化教程

Steam UI 美化教程

效果展示

Millennium 安装

  1. 按下 Win + X,或者右键 Windows 徽标,点击终端按钮
图片[6]-Steam UI 美化教程-JACK小桔子の小屋
  1. 在 Windows PowerShell 窗口输入下方代码,回车确定
iwr -useb "https://steambrew.app/install.ps1" | iex
图片[7]-Steam UI 美化教程-JACK小桔子の小屋

Millennium 主题下载&启用

  1. 点击下方按钮打开 Millennium 的主题页,挑选并进入自己心仪的主题页面(我是用的是 SpaceTheme for Steam 这个主题)
  1. 点击左侧的 Copy Theme ID 按钮,复制主题的 ID
图片[8]-Steam UI 美化教程-JACK小桔子の小屋
  1. 打开 Steam,点击左上角 Steam 图标,点击 Millennium 按钮,打开其设置页
图片[9]-Steam UI 美化教程-JACK小桔子の小屋
  1. 点击左侧 Themes 按钮,再点击中间的安装主题按钮
图片[10]-Steam UI 美化教程-JACK小桔子の小屋
  1. 输入刚刚复制的 ID,点击下方 Install 按钮即可安装主题
图片[11]-Steam UI 美化教程-JACK小桔子の小屋
  1. 点击下方按钮打开 Millennium 的主题页,挑选并进入自己心仪的主题页面(我是用的是 SpaceTheme for Steam 这个主题)
  1. 点击左侧的 ViewSource 按钮,进入主题的 GitHub 项目页
图片[12]-Steam UI 美化教程-JACK小桔子の小屋
  1. 点击右侧 Releases 下方最新的标签
图片[13]-Steam UI 美化教程-JACK小桔子の小屋
  1. 在新打开的界面往下翻,下载以.zip为后缀的压缩包文件
图片[14]-Steam UI 美化教程-JACK小桔子の小屋
  1. 打开 Steam,点击左上角 Steam 图标,点击 Millennium 按钮,打开其设置页
图片[15]-Steam UI 美化教程-JACK小桔子の小屋
  1. 点击左侧 Themes 按钮,再点击中间的浏览本地文件按钮
图片[16]-Steam UI 美化教程-JACK小桔子の小屋
  1. 系统会弹出名为“skins”的文件夹,将刚刚下载的压缩包解压至此文件夹
  1. 回到 Steam,重新打开 Millennium 的 Themes 页面,即可看到刚刚安装的主题
  1. 点击主题右侧的三个点按钮,点击 Set as active 按钮,重启 Steam 即可生效
图片[17]-Steam UI 美化教程-JACK小桔子の小屋

Millennium 插件下载&启用

  1. 点击下方按钮打开 Millennium 的插件页,挑选并进入自己心仪的插件页面,与安装主题一样,点击左侧的 Copy Plugin ID 按钮,复制插件的 ID
  1. 在 Millennium 的设置页中,点击 Plugins 按钮,再点击中间的安装插件按钮,输入刚刚复制的 ID,点击下方 Install 按钮即可安装插件
图片[21]-Steam UI 美化教程-JACK小桔子の小屋
图片[22]-Steam UI 美化教程-JACK小桔子の小屋
  1. 点击下方按钮打开 Millennium 的插件页,挑选并进入自己心仪的插件页面
  1. 以下步骤基本与安装主题的备用方案一样,点击左侧的 ViewSource 按钮,进入主题的 GitHub 项目页
  1. 点击右侧 Releases 下方最新的标签
  1. 在新打开的界面往下翻,下载以.zip为后缀的压缩包文件
  1. 打开 Steam,点击左上角 Steam 图标,点击 Millennium 按钮,打开其设置页
  1. 点击 Plugins 按钮,再点击中间的浏览本地文件按钮
图片[23]-Steam UI 美化教程-JACK小桔子の小屋
  1. 系统会弹出名为“plugins”的文件夹,将刚刚下载的压缩包解压至此文件夹
  1. 回到 Steam,重新打开 Millennium 的 Plugins 页面,即可看到刚刚安装的插件
  1. 打开插件右侧的开关,点击左上角保存更改按钮,重启 Steam 即可生效
图片[24]-Steam UI 美化教程-JACK小桔子の小屋

对 SpaceTheme 主题进行设置

  1. 打开 Steam,点击左上角 Steam 图标,点击 Millennium 按钮,打开其设置页,点击 Themes 按钮进入主题设置页,点击主题右侧的三个点按钮,点击 Configure 按钮打开 SpaceTheme 主题的设置页
图片[25]-Steam UI 美化教程-JACK小桔子の小屋
  1. 根据自己的需求修改设置即可,可通过翻译软件了解设置内容

(博主这里开启了 General 页面最下方的两个选项以及 Store 页面最下方的选项)

图片[26]-Steam UI 美化教程-JACK小桔子の小屋
图片[27]-Steam UI 美化教程-JACK小桔子の小屋

进阶设置

修改左上角标题

图片[28]-Steam UI 美化教程-JACK小桔子の小屋
效果如图
  1. 打开 Steam 所在文件夹,依次进入 Steam\steamui\skins\SpaceTheme\src\css\steam 文件夹,打开其中的titlebar.css文件(“SpaceTheme”是你主题的名称)
图片[29]-Steam UI 美化教程-JACK小桔子の小屋
  1. 找到/* Text Logo */代码(一般在文档中间位置)
  2. 如下图所示,修改“Space”和“Theme”文本即可
图片[30]-Steam UI 美化教程-JACK小桔子の小屋

修改字体

  1. 打开 C:\Windows\Fonts 目录,找到你想要更换的字体并双击打开,记住里面的字体名称
图片[31]-Steam UI 美化教程-JACK小桔子の小屋
  1. 打开 Steam 所在文件夹,依次进入 Steam\steamui\skins\SpaceTheme\options\fonts 文件夹,新建一个以.css为后缀的文件,文件名任取(“SpaceTheme”是你主题的名称)
  1. 填入下方代码并保存(请将“字体名称”替换为第一步获取到的字体名称)
* {
    font-family: 字体名称, sans-serif !important;
}
  1. 打开 Steam 所在文件夹,依次进入 Steam\steamui\skins\SpaceTheme 文件夹,打开skin.json文件(用记事本打开就行)
  2. 按下 Ctrl + F 打开搜索,输入General - Font定位到所在代码
图片[32]-Steam UI 美化教程-JACK小桔子の小屋
  1. 使用 json 语法(可仿照上下文)填写新字体的名称与路径
图片[33]-Steam UI 美化教程-JACK小桔子の小屋
  1. 打开 Steam,点击左上角 Steam 图标,点击 Millennium 按钮,打开其设置页,点击 Themes 按钮进入主题设置页,点击主题右侧的三个点按钮,点击 Configure 按钮打开 SpaceTheme 主题的设置页
图片[25]-Steam UI 美化教程-JACK小桔子の小屋
  1. 在 General 页面的 OTHER 区域内即可修改字体,重启 Steam 生效
图片[35]-Steam UI 美化教程-JACK小桔子の小屋
© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容