Seelen UI:主题基础教程

Seelen UI:主题基础教程

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

想要给您的Windows桌面一个新的外观吗? Seelen UI使得很容易 它强大的主题系统。

本指南将带您了解如何 主题工作 - 不需要编码经验!

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

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

像网页一样检查元素(CTRL+Shift+I打开开发人员工具)

请参阅实时HTML/CSS更改

立即测试主题修改

调试样式问题

从我们的调试版本下载

夜间发布频道

(寻找以结尾的文件 -debug.exe, 喜欢

Seelen.UI_2.2.8+20250410073056_x64-setup-debug.exe)。

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

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

了解主题文件

将Seelen UI主题视为油漆层。 您可以在 曾经,就像绘画一样,顺序很重要!

主题可以改变一切 从颜色到窗户样式。

主题可以包装三种方式:

单文件主题 (.yml文件)

主题文件夹 (包含多个文件)

压缩主题 (.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设置中设置的颜色:

--config-accent-color:纯色(如#FFBBAA)

--config-accent-color-rgb:RGB格式的相同颜色(255,187,170)

完整的颜色家族

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

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

最黑暗的版本: --config-accent-darkest-color

黑暗版本: --config-accent-darker-color

黑暗版本: --config-accent-dark-color

常规版本: --config-accent-color

轻版本: --config-accent-light-color

较轻的版本: --config-accent-lighter-color

最轻的版本: --config-accent-lightest-color

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

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

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

更多颜色选项

想要更多颜色选择吗? Seelen UI暴露了数十种其他系统颜色。 看看这个

方便的颜色参考

对于所有可用选项。

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

相关推荐