I make Umbraco things, like uSync and Translation Manager.
If you also enjoy hacking about with what is UmbPossibletm. You should take a look at DoStuffWithUmbraco (and DoStuffWithUnicore)
Backoffice Themes for Umbraco 8+
I make Umbraco things, like uSync and Translation Manager.
If you also enjoy hacking about with what is UmbPossibletm. You should take a look at DoStuffWithUmbraco (and DoStuffWithUnicore)
Hi Kevin,
I've added this via usync and I get an error and a blank tab:
umbraco-backoffice-js.js.v1:formatted:17283 Error: [$controller:ctrlreg] http://errors.angularjs.org/1.8.0/$controller/ctrlreg?p0=backofficeThemeDashboardController at umbraco-backoffice-js.js.v1:formatted:13606 at umbraco-backoffice-js.js.v1:formatted:16391 at ea (umbraco-backoffice-js.js.v1:formatted:15852) at p (umbraco-backoffice-js.js.v1:formatted:15630) at g (umbraco-backoffice-js.js.v1:formatted:15439) at umbraco-backoffice-js.js.v1:formatted:15416 at Object.link (umbraco-backoffice-js.js.v1:formatted:22642) at umbraco-backoffice-js.js.v1:formatted:13907 at Ca (umbraco-backoffice-js.js.v1:formatted:16130) at p (umbraco-backoffice-js.js.v1:formatted:15679) '<div ng-include="property.view">'
This seems similar to the issue I reported here for uSync: https://our.umbraco.com/forum/umbraco-9/106992-umbraco-9-usync-dashboard-not-loading-after-publish-to-server.
uSync and BackOfficeThemes are the only two extensions I have installed right now and uSync works fine.
Am I doing something stupid?
I'm on the latest version of Umbraco 9
Thanks!
The dark theme doesn't really do nested content - needs work.
Currently all users need to through the settings and apply desired theme in order for it to take effect.
How can we set it by default for all admin users?
Umbraco v.11.1.0 fails to start with the following System.MissingMethodException
Message:
Method not found: 'Void Umbraco.Extensions.ServiceCollectionExtensions.AddUnique(Microsoft.Extensions.DependencyInjection.IServiceCollection)'.
Source: Our.Umbraco.BackOfficeThemes
StackTrace:
at Our.Umbraco.BackOfficeThemes.BackOfficeThemesComposer.Compose(IUmbracoBuilder builder)
at Umbraco.Cms.Core.Composing.ComposerGraph.Compose()
at Umbraco.Cms.Core.DependencyInjection.UmbracoBuilderExtensions.AddComposers(IUmbracoBuilder builder)
at ...
This can be related to the removal of obsolete extension methods in v.11:
https://docs.umbraco.com/umbraco-cms/fundamentals/setup/upgrading/version-specific/umbraco11-breaking-changes#umbraco.extensions
The error appears in .AddComposers() in Startup:
public void ConfigureServices(IServiceCollection services)
{
services.AddUmbraco(_env, _config)
.AddBackOffice()
.AddWebsite()
.AddComposers()
...
.Build();
...
}
Describe the bug
The icons in the Dark Theme are unreadable.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Add more contrast.
Desktop (please complete the following information):
Theme creation for Umbraco 8/9 can be quite easy/complicated depending on exactly how much of the UI you want to theme.
for back office themes the themes are loaded from the /app_plugins/backofficethemes/themes
folder - you can see this in the repo Themes folder this should be your starting point for making a theme -
a theme consists of :
the css and js files will be loaded into the back office when the theme is selected
the png file is used to show the theme to the user in the list
the .json file gives the theme name, etc so the back end can show it so someone.
All of the non-dark themes are using the material colors palette from google . and as such a lot the styles etc are very similar.
to make this easier there is a material-light.css file that defines most of the changes with css variables, meaning if you look at something like the green theme, it is merely defining these variables and the other style-sheet does the rest.
@import "../material-light.css";
:root {
/* primary colours */
--color-primary: #2e7d32;
--color-primary-text: var(--color-text-light);
--color-primary-light: #60ad5e;
--color-primary-light-text: var(--color-text-dark);
--color-primary-dark: #004F04;
--color-primary-dark-text: var(--color-text-light);
/* secondary colours */
--color-secondary: #689f38;
--color-secondary-text: var(--color-text-light);
--color-secondary-light: #99d066;
--color-secondary-light-text: var(--color-text-dark);
--color-secondary-dark: #387002;
--color-secondary-dark-text: var(--color-text-light);
}
if you want a light theme, you can use this method to make it almost any colors you can imagine ๐
Dark mode themes are way harder - because making sure everything can be given a dark background and the colours still work for umbraco involved a lot of style definitions and there are still a few areas we haven't managed to get this right.
the dark theme, is a much bigger theme - currently coming in at 640+ lines it still needs more work, and we would welcome anyone chipping in here.
I just installed this package via the backoffice GUI, and I see no trace of it in the UI for my user or as an admin of other users/groups. I tried logging out and back in, too. ...Any ideas?
word are not screen in back office theme .need to redesign
Theme menu should be accessible from it's own menu, so user that doesn't have access to settings tab can change their theme.
The Dark theme doesn't really do the grid - needs work.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.