kevinjump / our.umbraco.backofficethemes Goto Github PK

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:

1. Go to the "Document Types" and select some document type.

Expected behavior
Add more contrast.

Desktop (please complete the following information):

• Umbraco version 8.2.0
• Firefox 69.0.3 (64-bit)

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 :

• theme.css
• theme.js
• theme.json
• theme.png

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.

Easy themes - material colors

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 😄

Hard themes - dark mode

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

Describe the bug
In the Templates section the editor is white instead the black in the Black theme selected.

Expected behavior
It could have the same colors as the Visual Studio Code.

Desktop (please complete the following information):

• Umbraco version 8.2.0
• Firefox 69.0.3 (64-bit)

Theme menu should be accessible from it's own menu, so user that doesn't have access to settings tab can change their theme.

is it possible to remove this dashboard from settings tab

The Dark theme doesn't really do the grid - needs work.

Hi,
I'm using the version 3.0.1 and for some reason the package works in local, but when I deploy the project to a remote environment, I see this error :

Any ideas?

Thanks!