Forum Discussion
Mike_Moniz
Professor
If you use a browser add-in like Stylus, you can override CSS with your own stuff (just in your browser). Mostly used this to make sandbox look diff from prod. Example you may like:
/* ==UserStyle==
@name Nav Bar changes for logicmonitor.com
@namespace github.com/openstyles/stylus
@version 1.0.0-nocolors-icononly
@description Changes LM UIv4 nav bar to just icons and mostly b/w
@author mmoniz@conres.com
==/UserStyle== */
.css-1zsofk-MuiPaper-root-MuiDrawer-paper
{
/* Nav Bar */
background-color:black;
width: 40px;
padding: 1px;
overflow-x: hidden;
}
.MuiListItemText-v5-root
{
/* Button text */
display: none; /* remove to show text */
font-size: 0.60rem; /* tiny text */
}
.MuiListItemButton-v5-root
{
/* Color of buttons */
background-color: #393939;
}
.MuiListItemButton-v5-root:hover
{
/* Color of button when hovering */
background-color: #626262;
}
.css-19fjy40-MuiButtonBase-root-MuiListItemButton-root
{
/* Color of active button */
background-color: #aaa;
}
Anonymous
4 months agoThat highlights just how easy it would be to theme LM, something that was suggested as a possible end goal when UIv4 was in its infancy 4 years ago.
Related Content
- 2 months ago
- 4 months ago
- 3 months ago