告别单调的配色,你的 Spotify 客户端可以很好看

Spotify 的官方客户端在设计和交互上都可圈可点,但时间用的久了难免会觉得倦怠。今天以 macO

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

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

打开APP阅读更多精彩内容