Spicetify UserCSS
Spicetifyで使っているもの
デフォルトのSpotifyの問題
ウィンドウを小さくしたときにコントロール周りがぐちゃぐちゃしている
ウィンドウサイズに応じて検索バーの位置が変わる
適応前
https://scrapbox.io/files/67f8b6c0108608d492d2da6a.png
これマジでありえない
どうやって音量操作しろって言うんだ
適応後
https://scrapbox.io/files/67f8b6ca2357768085a64e74.png
ウィンドウサイズを大きくしても検索アイコンが常に左側になる
ウィンドウの移動もしやすくなっていいねGattxxa.icon*4
以下を %USERPROFILE%\AppData\Roaming\spicetify に配置する
code:color.ini
Marketplace
code:user.css
/* Marketplaceボタンの非表示 */
.custom-navlinks-scrollable_container {
display: none;
}
/* マイライブラリのスクロールバーを細く */
#Desktop_LeftSidebar_Id .os-scrollbar-handle {
width: 3px;
}
/* 不要なボタンの非表示 */
/* divdata-testid="now-playing-widget" buttonaria-checked="false", */
buttondata-testid="control-button-npv",
buttondata-testid="pip-toggle-button",
buttondata-testid="fullscreen-mode-button" {
display: none;
}
/* ボリュームバーの右側に余白を設ける */
divdata-testid="volume-bar" {
margin-right: 1.2rem;
}
/* ホームと検索バーを常に左側にする */
.main-globalNav-searchSection, .gj5VcIUC9oD2p4BsxzGE {
position: relative !important;
justify-content: left !important;
}
/* 検索バーの右側に余白を設ける */
.main-globalNav-searchContainer {
padding-right: 2.5rem;
}
なんか操作すると適応される spicetify apply とか？
初回にやったの前過ぎて忘れた
#UserCSS #Spotify