Useful CSS Selectors

⚠️ This page is still under construction

#app-viewport[top-player='true | false'] // is the player on the top?
#app-viewport[left-drawer='true | false'] // left sidebar opened
#app-viewport[right-drawer='true | false'] // right sidebar opened
#app-viewport[right-drawer-type='inline | overlay'] // right sidebar type
#app-viewport[data-framework='electron | sabiiro'] // Client Type

// Coming in 2.3.2
#app-viewport[data-has-search-on-sidebar='true | false'] // Does the sidebar have the search bar?
// end 2.3.2

body[window-blurred='true | false'] // is the window blurred or focused?
html[dark-acrylic] // is the acrylic effect enabled?

Layout type selectors for #app-viewport[data-layout-type] (Coming in 2.3.2)

#app-viewport[data-layout-type="maverick"] // Mavericks layout
#app-viewport[data-layout-type="maverick-if"] // Montara layout
#app-viewport[data-layout-type="mojave"] // Mojave layout
#app-viewport[data-layout-type="mojave-if"] // Calico layout