Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Talk:Moodle App Remote Themes Upgrade Guide

From MoodleDocs
Revision as of 08:16, 8 September 2021 by Noel De Martin 2 (talk | contribs) (Noeldemartin moved page Talk:Ionic5 style migration guide to Talk:Moodle App Remote Themes Upgrade Guide: Consistency)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Thanks for that great guide.

Finally, I do struggle on how to implement at the end. Because to use it with Chromium something like

/* 3.9.5 ionic styles */

:root {
  --core-header-toolbar-background: #64788b;
  --core-header-toolbar-border-color: #64788b;
  --core-header-toolbar-color: #fff;
  --core-bottom-tabs-background: #64788b;
  --core-bottom-tabs-color: #eff1f3;
  --core-bottom-tabs-color-selected: #fac301;
  --drop-shadow: 0, 0, 0, 0.00;
  --brand-color: #fac301;
  --color: #fac301;
  --loading-text-color: #fac301;
}

works perfectly well.

But is that the form it can be shipped in a custom css file? A minimal simple enough sample css file would be much appreciated. Thanks!

Luca Bösch (talk) 10:55, 29 June 2021 (UTC)


I added a Full example at the end of the page, :root is ok but if you feel more comfortable, you can use body.ionic5 instead.

Thanks heaps, Pau! In our site it is productive but for some reason it does not propagate to the beta Moodle 3.9.5 (3.9.5.0) iOS version, but that might just be temporary. We have the Premium subscription plan, the "Basic branding" colors are coming through, but the rest of the style is not. I did incrase a #2 at the end of the css URL in order to 'count up'.

Luca Bösch (talk) 12:04, 29 June 2021 (UTC)