Jump to content

Problem whith notices in new Less module.


Recommended Posts

ProcessWire 3.0.184 

I installed the new Less Module set it to Rock theme and added admin.less

// Primary color 
@rock-primary: #9f2d2d;

Now all notices and messages are red.


This is really annoying as users tend to call me about those "errors".




Link to comment
Share on other sites

... now all messages are yellow .... but still i am missing red and green

i tried
@alert-success-background:                     #32d296;
@alert-warning-background:                     #faa05a;
@alert-danger-background:                      #f0506e;

But they are ignored... 

When i tried :

@global-success-background:                     #32d296;
@global-warning-background:                     #faa05a;
@global-danger-background:                      #f0506e;

They got ignored too ?




Link to comment
Share on other sites

Now its nice Yellow ....still with messages that should be green ....



Edit: Forgot to say i Upgraded PW to 3.0.197 dev    and reinstalled the Less module ...

// Primary color 
@rock-primary: #9f2d2d;

// Margins
@global-margin: 10px; 
@global-medium-margin: 5px;
@global-small-margin: 3px;

// Logo Größe
.pw-logo {height: 60px !important;max-height: 60px !important;}
.pw-logo-custom {max-height: 60px !important;height: 60px !important}

@alert-primary-background: yellow;
@alert-success-background: green;
@alert-warning-background: orange;
@alert-danger-background: red;

The funny thing is when i set it to default template everything is perfectly OK


Edit Forgot to mention i Upgraded PW to 3.0.197 dev and completely reinstalled the Less Module

Edited by NorbertH
additional Info
Link to comment
Share on other sites

@NorbertHAgh, my mistake. There's no need for @alert-success-background. It's just Uikit alert style not used by pw.

If you want normal messages to be green, put green color in @alert-primary-background:

@alert-primary-background: #32d296;
@alert-primary-color: #fff;
@alert-warning-background: #faa05a;
@alert-danger-background: #f0506e;

Here's a screenshot.


  • Like 1
  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...