Ultrachromic 项目使用教程

Ultrachromic 项目使用教程

UltrachromicThe final form, the true evolution of the chromic theme saga!项目地址:https://gitcode.com/gh_mirrors/ul/Ultrachromic

1. 项目的目录结构及介绍

Ultrachromic 项目的目录结构如下：

Ultrachromic/
├── episodelist/
│   ├── episodes_compactlist.css
│   ├── episodes_grid.css
├── fields/
│   ├── fields_border.css
│   ├── fields_noborder.css
├── header/
│   ├── header_transparent.css
│   ├── header_transparent-dashboard.css
├── login/
│   ├── login_frame.css
│   ├── login_minimalistic.css
├── presets/
│   ├── monochromic_preset.css
│   ├── kaleidochromic_preset.css
│   ├── novachromic_preset.css
├── rounding.css
├── rounding_circlehover.css
├── smallercast.css
├── cornerindicator/
│   ├── indicator_floating.css
│   ├── indicator_corner.css
├── effects/
│   ├── glassy.css
│   ├── pan-animation.css
│   ├── hoverglow.css
│   ├── scrollfade.css
├── backdrop-hack_style.css

目录结构介绍

• episodelist/: 包含剧集列表的样式文件。
• fields/: 包含字段显示的样式文件。
• header/: 包含头部区域的样式文件。
• login/: 包含登录页面的样式文件。
• presets/: 包含预设样式文件。
• cornerindicator/: 包含角落指示器的样式文件。
• effects/: 包含各种视觉效果的样式文件。
• rounding.css: 圆角样式文件。
• rounding_circlehover.css: 圆角和悬停效果样式文件。
• smallercast.css: 小型演员列表样式文件。
• backdrop-hack_style.css: 背景样式文件。

2. 项目的启动文件介绍

Ultrachromic 项目的启动文件主要是通过 CSS 文件来实现的。用户需要在 Jellyfin 的 Web 界面中引入相应的 CSS 文件来启用主题。

启动文件示例

@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/presets/monochromic_preset.css');

用户可以根据需要选择不同的预设样式文件，如 monochromic_preset.css、kaleidochromic_preset.css 或 novachromic_preset.css。

3. 项目的配置文件介绍

Ultrachromic 项目的配置主要是通过 CSS 文件中的样式规则来实现的。用户可以根据自己的需求，通过修改 CSS 文件中的样式规则来进行自定义。

配置文件示例

/* 修改背景颜色 */
body {
    background-color: #121212;
}

/* 修改字体颜色 */
.text {
    color: #ffffff;
}

用户可以根据需要修改背景颜色、字体颜色、圆角大小等样式属性，以达到自定义界面的目的。

通过以上步骤，用户可以成功启用并自定义 Ultrachromic 主题，从而提升 Jellyfin 媒体服务器的视觉体验。

UltrachromicThe final form, the true evolution of the chromic theme saga!项目地址:https://gitcode.com/gh_mirrors/ul/Ultrachromic