This initial release introduces the MeshCentral Stylish UI, providing a clean and organized structure for UI modifications.
/images/ — contains all custom image assets.
/styles/custom.css — a compiled stylesheet combining all component-level customizations.
/styles/components/ — individual CSS files, each focusing on a specific area of the interface:
Background.css – background visuals and transparency effects
ColumnsAndListView.css – list and column layout adjustments
Device-GeneralPage.css – device details and general page styling
DropDownContextMenu.css – dropdown and context menu enhancements
LeftBarCustomIcons.css – custom icons for the left navigation bar
LeftBarShrinkAndColors.css – compact mode and color adjustments for the left bar
LittleStuff.css – minor UI refinements and miscellaneous tweaks
LoginPage.css – login screen layout and visuals
Masthead.css – header (masthead) styling
MyEvents.css – events section customization
MyServerButton.css – hide “My Server” button from non Administrator at main Domain
Notifications.css – visual adjustments for notifications
TopBar.css – main top bar styling
UIMenu.css – general UI menu styling
How to Apply the Customization
To apply this customization, simply follow these steps:
Copy all files from the images/ folder and paste them into:
meshcentral-web/public/images/
Copy the styles/custom.css file and paste it into:
meshcentral-web/styles/custom.css
The files inside styles/components/ are for reference only.
They represent individual customization modules (such as background, top bar, or login page).
You can use any of them separately if you prefer to apply specific changes instead of the full custom.css, which is the combined version of all components.