New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Icon Overhaul #5496
Comments
All that repo is, is a style sheet, which u can apply yourself ontop of your existing meshcentral install I can't fully remember how it's done/works, but I'll look into it for you! |
Thank you for your response, I have created a fork from the ijustw0rkhere repository to create a custom stylesheet. So if you have specific changes you can contact me. It would help if there were guidelines for changing it. |
I was also able to accomplish alot with modifying files and using the override file feature. I hesitate to suggest a major overhaul to the existing interface as there is SO MUCH FUNCTIONALITY hidden in the existing one. I have grown quite fond of it after doing some deep dives. A new interface would mean that level of functionality would have to be ported over and likely cause an inevitable loss of functionality in the beginning. If I would suggest anything is maybe we would put together a styled Icon replacement pack. |
An icon replacement pack of maybe some color changes might go a long long way. |
I agree, newer icon pack (not from Windows 7 or Vista) would make MC feel much fresher. |
I agree that it would be nice to move beyond Windows 7 looks, I would like to maybe suggest a font change. |
I personally like this. It has very much Windows 11 aesthetic (including front facing icons) without being fully Windows icons. |
Also, not sure if I should make a separate ticket, but some docs for the meshcentral-web folder would be nice (or maybe I'm blind). I can only find the video on it, but no text documentation. Is it even possible to have different style sheets per Meshcentral domain? |
Honestly, no. Material Design icons don't really fit this, unless you redid the entire CSS to be like Android. I think going Windows 11 style is the way to go |
Fair enough, I am also for @HeyVern design if that fits better. |
just started to look at this, yes it doesnt change the colour of the web ui, but at least its a start by allowing change of the icons! |
you can also do the customise per domain!!! but its not documented! i will add all i found to the docs!!! |
I think you meant meshcentral-web, not meshcentral-data. It makes sense, "" domain gets meshcentral-web, "supplier" domain gets meshcentral-web-supplier folder This is what I was wondering about, no mention of that in here https://www.youtube.com/watch?v=UOIjWnsxsN8 Thanks! |
@tomsik-radek u r correct, corrected mistake |
In general, I would like to see if there is an audience for modernizing the current standard icons, for a more current-date looking UI. |
Definitely modernizing the theme and improving the look is always appreciated :) |
Does anyone have a png pack or should I look for one? I did like the previously mentioned logos. |
Something to get you started. Hope this helps. |
@si458 I have tried this. Line 1348 in e9c28d0
Possible that this does not work in the folder structure of the docker image? node_modules has this path in the container /opt/meshcentral/meshcentral/node_modules . Might be a minor fix.
|
@cfoellmann ah you are using docker! example config.json for multiple domains/hosts
|
@si458 thanks for replying. Yes, in docker the folder structure within the container is reset on a container deployment. services:
meshcentral:
volumes:
# config.json and other important files live here. A must for data persistence
- /var/lib/docker/compose/meshcentral/data:/opt/meshcentral/meshcentral-data
# where file uploads for users live
- /var/lib/docker/compose/meshcentral/user_files:/opt/meshcentral/meshcentral-files
# location for the meshcentral-backups - this should be mounted to an external storage
- /var/lib/docker/shares/docker_backup/meshcentral:/opt/meshcentral/meshcentral-backups
# Template: RMM
- /var/lib/docker/compose/meshcentral/web:/opt/meshcentral/meshcentral-web
# Template: csystems
- /var/lib/docker/compose/meshcentral/web-csystems:/opt/meshcentral/meshcentral-web-csystems My testfiles are these: Working:
In the handlebars files I have just added a text to the footer (after the variable from config.json) to see if the template is used. |
@cfoellmann hmmm weird? Will take another look when I get into the office as it works here fine? But I was only replacing any images in the images folder and not the views folder!? |
@si458 should I keep posting stuff here? Or create a new issue? I keep testing:
|
No here fine, will have a look as soon as I can |
another check: (run in the second domain - makes no difference i thing):
|
code is defo in there, so not sure why its not working?
|
@cfoellmann ive spotted a few bugs with EDIT: i have also updated |
Signed-off-by: si458 <simonsmith5521@gmail.com>
here is most of our config.json {
"$schema": "https://raw.githubusercontent.com/Ylianst/MeshCentral/master/meshcentral-config-schema.json",
"settings": {
"cert": "rmm.domain.com",
"postgres": {
"host": "10.1.15.111",
"user": "postgres",
"port": 5432,
"password": "pw",
"database": "meshcentral"
},
"sessionKey": "XXX",
"port": 444,
"aliasPort": 443,
"redirPort": 0,
"_redirAliasPort": 80,
"_StrictTransportSecurity": false,
"AllowFraming": true,
"WebRTC": false,
"SelfUpdate": false,
"browserPong": 30,
"AgentPing": 30,
"AgentPong": 30,
"_webPush": {},
"desktopMultiplex": false,
"manageCrossDomain": ["user//z83tdwqvp2ivgchy","user//~saml:foellmann@domain.com"],
"TLSOffload": "10.1.15.1",
"trustedProxy": "10.1.15.1",
"MpsTlsOffload": true,
"plugins":{
"enabled": true
}
},
"domains": {
"": {
"siteStyle": 2,
"title": "RMM",
"title2": "",
"loginPicture": "logo-login2.png",
"unknownUserRootRedirect": "https://rmm.domain.com/auth-saml",
"minify": true,
"NewAccounts": false,
"certUrl": "https://10.1.15.1:443",
"myServer": {
"Backup": false,
"Restore": false,
"Upgrade": false,
"ErrorLog": true,
"Console": true,
"Trace": true
},
"novnc": true,
"mstsc": true,
"ssh": true,
"urlSwitching": true,
"localSessionRecording": false,
"showPasswordLogin": false,
"authStrategies": {
"saml": {
"_note": "works"
}
},
"smtp": {
"_note": "works"
}
},
"csystems": {
"dns": "systems.domain.com",
"siteStyle": 2,
"title": "C Systems",
"title2": "",
"_titlePicture": "header-csystems_450x66.png",
"loginPicture": "logo-login2.png",
"unknownUserRootRedirect": "https://systems.domain.com/auth-saml",
"minify": false,
"NewAccounts": false,
"certUrl": "https://10.1.15.1:443",
"myServer": {
"Backup": false,
"Restore": false,
"Upgrade": false,
"ErrorLog": true,
"Console": true,
"Trace": true
},
"localSessionRecording": false,
"showPasswordLogin": false,
"authStrategies": {
"saml": {
"_note": "works"
}
},
"smtp": {
"_note": "works"
}
}
}
} I will try out the new showpaths command to check my environment. |
following output with the improved/fixed meshuser.js
This shows proper paths. I realized that NO views are being used. not even those in |
@cfoellmann thats weird, works fine here, open a new issue plz, and we check there, |
Signed-off-by: si458 <simonsmith5521@gmail.com>
Sorry for hijacking the issue. To return to the issue itself: We are modifying the template now. We will mimic Microsoft 365 Fabric UI with fluenticons https://fluenticons.co/ / https://github.com/microsoft/fluentui-system-icons which is MIT licensed.
are there ways to use additional files or is the a feature request? |
Assets for the UI are under What's wrong with adding to there? |
Weirdly enough adding the meshcentral-web component to the root no longer works... |
We run the docker version. But your reply gives me the idea to just map an external folder under public/images/additionals/ Should work!? |
I can just say that in the docker version it still works. Might be the 1.1.22 that has a problem there. |
That's weird @DaanSelen ? Can u share ur whole folder structure? |
Hi Si456, https://github.com/DaanSelen/meshcentral-material This is what I use. With the install step-by-step in the .md. Is there something wrong when copying it in the meshcentral root. If the issue is not apparent I will give more details tomorrow. |
So do u have /opt/meshcentral/meshcentral-web/ ? |
Is your feature request related to a problem? Please describe.
The thing I don't like about meshcentral at the moment is it's old-looking UI, which would be an improvement if modernized.
Describe the solution you'd like
A clean new UI, for easy navigation and modern looking, ( in my opinion the current UI looks like Windows 7 era).
Describe alternatives you've considered
I have tried tehse examples, and I am particularly fond of the GitHub repo made by ijustw0rkhere.
https://github.com/ijustw0rkhere/mesh-materialui and https://cheesefather.com/wp-content/uploads/2023/03/Untitled-3.jpg
Additional context
No additional context
The text was updated successfully, but these errors were encountered: