前言

本文首发于少数派,此为个人博客备存

Spotify 的官方客户端在设计和交互上都可圈可点,但时间用的久了难免会觉得倦怠。今天以 macOS 平台为例,给大家介绍一个修改 Spotify 官方客户端 UI 风格的方法。

原料

  • Homebrew: macOS 平台上的包管理工具,我们将会使用它来安装今天要用到的开源工具 spicetify-cli
  • spicetify-cli:一个跨平台的 Spotify 客户端定制工具,支持 Windows,MacOS 和 Linux。

安装

Homebrew 的安装过程就不再赘述了,大家可以参考 Homebrew 中文官网,我们将关注点集中在 spicetify-cli 上。

安装 spicetify-cli

在终端中执行以下命令,然后等待安装完成即可:

brew install khanhas/tap/spicetify-cli 

基础配置

待安装完成后,依次在终端中执行以下两条命令:

spicetify backup apply enable-devtool

spicetify update

看到 success 提示后,打开 Spotify 客户端,就能看到一个你从未体验过的全新 Spotify 了。

自定义配置

以上看到的白色主题是 spicetify-cli 提供的默认选项,我们还可以在此基础上做一些自定义更改,因为涉及到修改代码,因此此处仅放出官方教程的链接,感兴趣的同学可以自行尝试:Customization

One more thing

一定有同学对封面的暗色主题感兴趣吧?以下是配置方法:

第一步,从 官方仓库 下载源代码,解压后找到 SpicetifyDefault 文件夹:

第二步,找到 color.ini 文件,并使用以下代码替换原有的代码文本,记得粘贴后保存:

[Base]
; Light green on Dark Blue background
main_fg                               = 00FF9C
secondary_fg                          = DEDEDE
main_bg                               = 2E2837
sidebar_and_player_bg                 = 2E2837
cover_overlay_and_shadow              = 000000
indicator_fg_and_button_bg            = 00FF9C
pressing_fg                           = FF5C86
slider_bg                             = 3F3C45
sidebar_indicator_and_hover_button_bg = 00BF76
scrollbar_fg_and_selected_row_bg      = 615670
pressing_button_fg                    = DEDEDE
pressing_button_bg                    = 383145
selected_button                       = 00BF76
miscellaneous_bg                      = 3F3C45
miscellaneous_hover_bg                = 383145
preserve_1                            = FFFFFF
; Pink on White background
; main_fg                               = FE6F61
; secondary_fg                          = 3D3D3D
; main_bg                               = FAFAFA
; sidebar_and_player_bg                 = FAFAFA
; cover_overlay_and_shadow              = 000000
; indicator_fg_and_button_bg            = FE6F61
; pressing_fg                           = FF5C86
; slider_bg                             = FAFAFA
; sidebar_indicator_and_hover_button_bg = FF6F61
; scrollbar_fg_and_selected_row_bg      = EBEBEB
; pressing_button_fg                    = DEDEDE
; pressing_button_bg                    = 383145
; selected_button                       = FE6F61
; miscellaneous_bg                      = 3F3C45
; miscellaneous_hover_bg                = 383145
; preserve_1                            = FFFFFF

第三步,将 SpicetifyDefault 文件夹拷贝到用户目录下的 spicetify\_data/Themes 目录下:

最后一步,一定要记得完成上述操作后,再在终端中执行一次更新:

spicetify update 

完成后重启 Spotify 客户端,即可看到我们修改后的暗色主题了

本文部分图片来自 spicetify-cli 官方仓库