I changed a few items in v11 by creating an App_Plugin and adding a few lines to the appsettings.json file. With a little exploring you can find the css classes you want to change.
Create a folder in App_Plugins. Add your css file and the package.manifest so it points to your css file. My css file looks like this:
If it helps anyone I managed to do this easily in U13 by creating folder App_Plugins/BackOfficeTheme and adding an index.css and package.manifest file as follows:
Change admin logo and backoffice color
Hello, I was wondering if there is a way to change the "u" Umbraco logo in the top left corner of admin.
Can the color of the top bar with menu be changed?
Also is there a way to remove the Getting started dashboard?
The best way is to write a package, but I am not sure if those backoffice modifications are possible to edit.
Thanks a lot Peter
I changed a few items in v11 by creating an App_Plugin and adding a few lines to the appsettings.json file. With a little exploring you can find the css classes you want to change.
Create a folder in App_Plugins. Add your css file and the package.manifest so it points to your css file. My css file looks like this:
.login-overlay { background-color: #fff; }
.login-overlay__background-image { background-color: #fff; background-size: cover; }
div.login-overlay__logo { height: auto; max-width: 240px; width: 20%; }
Edit your appsettings.json file. Add the lines below to the Umbraco/CMS/Content node. Edit to point to your files.
"LoginBackgroundImage": "../images/background.jpg", "LoginLogoImage": "../images/logo.png"
Hopefully that gets you started in the right direction.
This will not change the U icon in the back office, there is no supported way of doing that.
Hi
Have a look at the code for Backoffice themes.
https://github.com/KevinJump/Our.Umbraco.BackOfficeThemes/tree/shared/main/Our.Umbraco.BackOfficeThemes
We have some css in there for changing the colour of the 'U' but yes short of super hacks. its not yet easy to change the U.
https://github.com/KevinJump/Our.Umbraco.BackOfficeThemes/blob/shared/main/Our.Umbraco.BackOfficeThemes/App_Plugins/BackOfficeThemes/themes/green/theme.css
You are correct. I was thinking of the login page.
If it helps anyone I managed to do this easily in U13 by creating folder App_Plugins/BackOfficeTheme and adding an index.css and package.manifest file as follows:
and then:
Giving this result:
Hope this helps!
is working on a reply...