#Skinning the Client Interface

The client interface includes general skin elements that are present in all game modes. It includes elements such as cursor, main menu, song select and results screen skinning.

#Cursor

#Main Cursor

/Cursor/main-cursor.png

Notes:

• The mouse cursor that is displayed.
• Hidden during gameplay. Active during menu navigation.

#Main Menu Skinning

#Menu Background

/MainMenu/menu-background.png

Notes:

• The background image of the main menu.

#Logo Background

/MainMenu/logo-background.png

Notes:

• Changes the Quaver logo's background.
• The Quaver logo is center aligned vertically to this texture.

#Navigation Buttons

#Deselected Texture Location: /MainMenu/navigation-button.png

#Selected Texture Location: /MainMenu/navigation-button-selected.png

#Hovered Texture Location: /MainMenu/navigation-button-hovered.png

Notes:

• The buttons to navigate to different parts of the game (single player, multiplayer, etc)

#Menu Tip Panel

/MainMenu/tip-panel.png

Notes:

• The panel that displays a random tip.

#News Post Panel

/MainMenu/news-panel.png

Notes:

• The panel that displays the most recent news post.

#Footer Jukebox

/MainMenu/jukebox-overlay.png

Notes:

• The jukebox that displays in the footer of the main menu.

#Note Visualizer

/MainMenu/note-visualizer.png

Notes:

• The image of notes that fall in the main menu. You can set its opacity with NoteVisualizerOpacity in skin.ini.

#Menu Border Skinning

#Menu Border

#Menu Border Texture Location: /MenuBorder/menu-border-background.png

#Menu Border Footer Texture Location: MenuBorder/menu-border-background-footer.png

Notes:

• The top and bottom borders of the screen. This will display on every screen.
• If the footer texture isn't used, then menu-border-background.png is used for both the top and bottom.

#Song Select Skinning

#Mapset Panel Selection

#Deselected Texture Location: /SongSelect/mapset-deselected.png

#Selected Texture Location: /SongSelect/mapset-selected.png

#Hovered Texture Location: /SongSelect/mapset-hovered.png

Notes:

• The background image of mapset panel. Does not cover the map's banner.

#Mapset Panel Status

#Ranked Texture Location: /SongSelect/status-ranked.png

#Unranked Texture Location: /SongSelect/status-unranked.png

#Unsubmitted Texture Location: /SongSelect/status-notsubmitted.png

#Osu Mapset Texture Location: /SongSelect/status-osu.png

#Stepmania/Etterna Mapset Texture Location: /SongSelect/status-sm.png

#Various Texture Location: /SongSelect/status-various.png

Notes:

• The status of the mapset.

#Mapset Panel Game Mode

#4k Texture Location: /SongSelect/game-mode-4k.png

#7k Texture Location: /SongSelect/game-mode-7k.png

#4k+7k Texture Location: /SongSelect/game-mode-4k7k.png

#Other keys Texture Location: /SongSelect/game-mode-other.png

Notes:

• The key mode of the mapset.
• Other keys are for 1-3k, 5-6k and 8-10k.
• Other keys has the keymode text rendered on top by the game. It combines up to 5 modes before saying "MIXED".

#Mapset Panel Banner Mask

#Mapset Banner Mask Location: /SongSelect/mapset-banner-mask.png

Notes:

• The alpha mask for the mapset panel banner.

#Leaderboard Panel

#Leaderboard Panel location: /SongSelect/leaderboard-panel.png

Notes:

• The leaderboard panel of the skin.

#Personal Best Panel

#Personal Best Panel location: /SongSelect/personalbest-panel.png

Notes:

• The personal best panel of the skin.

#Select Filter Panel

#Select Filter Panel Left location : /SongSelect/select-filter-panel-left.png

#Select Filter Panel Right location : /SongSelect/select-filter-panel-right.png

Notes:

• The filter of the select song panel of the skin.

#Results Screen Skinning

#Avatar Border

/Results/avatar-border.png

Notes:

• Borders the user avatar on results screen.
• Draws above tab-selector-background.

#Avatar Mask

/Results/avatar-mask.png

Notes:

• The alpha mask for user avatar on results screen.

#Tab Selector Background

/Results/tab-selector-background.png

Notes:

• Background image for modifiers, "overview" and "multiplayer" near the top of the screen on results screen.
• Draws below avatar-border.png.

#Score Container Panel

/Results/score-container-panel.png

Notes:

• Background image for labels and stat numbers (rating, combo, etc.) on results screen.
• Draworder below label elements.

#Label Elements

#Label Accuracy Texture Location: /Results/label-accuracy.png

#Label Max Combo Texture Location: /Results/label-max-combo.png

#Label Performance Rating Texture Location: /Results/label-performance-rating.png

#Label Ranked Accuracy Texture Location: /Results/label-ranked-accuracy.png

#Label Total Score Texture Location: /Results/label-total-score.png

#Label Score Texture Location: /Results/label-score.png

Notes:

• Label under numbers describing what they are.
• Drawn on top of score-container-panel.png, below numbers.

#Grade Elements

#Grade X Texture Location: /Grades/grade-large-x.png

#Grade S+ Texture Location: /Grades/grade-large-ss.png

#Grade S Texture Location: /Grades/grade-large-s.png

#Grade A Texture Location: /Grades/grade-large-a.png

#Grade B Texture Location: /Grades/grade-large-b.png

#Grade C Texture Location: /Grades/grade-large-c.png

#Grade D Texture Location: /Grades/grade-large-d.png

#Grade F Texture Location: /Grades/grade-large-f.png

Notes:

• Custom grades that are used in results screen.

#Background

/Results/background.png

Notes:

• Custom background on results screen.

#Background Filter

/Results/background-filter.png

Notes:

• Overlays the background depending on type with normal blend.
• Drawn on top of background.png or map background depending on skin.ini value.
• 1920x1080 is used for Background or None type, while 1920x208 is used for Header or default.
• Aligned to the bottom of the MenuBorder line.

#Graph Container Panel

/Results/graph-container-panel.png

Notes:

• Background image for grades, graph, graph type dropdown etc.

#Multiplayer Panel

#Multiplayer FFA Panel Texture Location:/Results/multiplayer-ffa-panel.png

Notes:

• Background image for the stats per player in the lobby after the map ends.
• Used in multiplayer only.