SEELEN UI:主题基础知识教程 - 自定义您的桌面就像专业人士一样!

A beautifully customized desktop using Seelen UI themes

想要给您的Windows桌面一个新的外观吗? Seelen UI使得很容易 它强大的主题系统。 本指南将带您了解如何 主题工作 - 不需要编码经验!

主题创建者的特殊调试版本

在开始之前,主题创建者应该知道我们的特殊 调试版本 Seelen UI! 这个版本让您:

从我们的调试版本下载 夜间发布频道 (寻找以结尾的文件 -debug.exe, 喜欢 Seelen.UI_2.2.8+20250410073056_x64-setup-debug.exe)。

想了解有关夜间构建的更多信息吗?

查看我们的 夜间构建解释了 文章!

了解主题文件

将Seelen UI主题视为油漆层。 您可以在 曾经,就像绘画一样,顺序很重要! 主题可以改变一切 从颜色到窗户样式。

主题可以包装三种方式:

  1. 单文件主题 (.yml文件)
  2. 主题文件夹 (包含多个文件)
  3. 压缩主题 (.slu文件 - 特殊Seelen UI格式)

将主题放在哪里

所有主题都在计算机上的此文件夹中:

C:\Users\{YOUR_USERNAME}\AppData\Roaming\com.seelen.seelen-ui\themes

主题文件夹结构

这是主题文件夹内部的样子:

C:\Users\{USER}\AppData\Roaming\com.seelen.seelen-ui\themes
├── YourThemeFolder             # the name of the folder doesn't matter
│   ├── theme.yml               # Theme metadata file
│   └── seelen                  # creator's username of widgets inside
│       ├── fancy-toolbar.css   # resource's name + css extension
│       └── window-manager.scss # supports SCSS too!
├── CompactTheme.yml            # Theme metadata file with styles inside
└── CompressedTheme.slu         # Special file format used on Seelen UI

受到启发:示例主题

不确定从哪里或如何开始? Seelen UI带有几个内置主题 可以用作灵感! 查看 默认主题集合 看看它们是如何制作的。

使用颜色 - 比您想象的要容易!

Seelen UI自动拾取您的Windows重音颜色并使其成为 通过简单的颜色变量提供不同的阴影。

您的主要重音颜色

这些变量使用您在Windows设置中设置的颜色:

完整的颜色家族

Seelen UI从您的口音颜色中创建一个整个调色板:

Visual guide to Seelen UI's color palette

这是可用颜色的完整列表:

每种颜色还具有RGB版本(末端为-RGB)。 这对 创建梯度和其他颜色效果。

例如,设置具有不透明度的背景颜色:

background-color: rbga(var(--config-accent-darkest-color-rgb), 0.5);

更多颜色选项

想要更多颜色选择吗? Seelen UI暴露了数十种其他系统颜色。 看看这个 方便的颜色参考 对于所有可用选项。

专家提示:当您的Windows重音颜色更改时,您的Seelen UI主题更新 自动地!