Your Moodle version

Themes: Decaf

Maintained by Picture of Paul Nicholls Paul Nicholls
A clean, simple theme which adds an "Awesomebar" at the top of the page to provide quick, easy navigation.
Moodle 2.6, 2.7, 2.8

Decaf is a three-column, fluid-width theme for Moodle that was created by Lei Zhang and Paul Nicholls. It improves usability by fixing an "Awesomebar" at the top of the screen, which provides dropdown menus containing everything in the Navigation and Settings blocks.

For developers, it also transforms the performance info into a colorful bar which floats at the bottom of the screen, which increases awareness of the performance statistics.




Picture of Paul Nicholls
Paul Nicholls (Lead maintainer): Developer
Lei Zhang
Lei Zhang: Developer
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Martin Arman-Addey
    Wed, Jun 11, 2014, 6:41 PM
    Hi Alan,
    Ah right, I think I have just found I was looking in the wrong place. The Breadcrumb bar is now appearing immediately beneath the Awseome bar, and my additional buttons are appearing to the right, is this correct. Previously these were in their own bar immediately beneath the Banner.

    Many thanks,
  • Picture of Joper Cunanan
    Mon, Jul 7, 2014, 4:23 PM
    I'm fairly new here and I would just like to ask if it's possible to add a full image background for the log-in page only and also may I know where or on what .php is it being accessed?

    Thanks for the nice theme!

  • Picture of Kennedy Okoro
    Tue, Sep 9, 2014, 10:51 PM
    Awesome theme. Thanks for doing this!
  • Picture of Clarence Prudhoe
    Sat, Nov 8, 2014, 1:36 AM
    Hello Paul,
    Thank you for your work on the Decaf theme. I am using it but I need to know where the font size is set for the My Home Course Overview page. The font is so large that it limits the number of courses that are visible on the screen. Thanks for your help. Clarence
  • Picture of Clarence Prudhoe
    Sat, Nov 8, 2014, 1:54 AM
    Thank You, Alan Whittamore, I used your custom CSS settings and I like your color scheme. I also figured out how to change the font size of the Course overview.
  • Picture of Alan Whittamore
    Sat, Nov 8, 2014, 7:57 PM
    Clarence, you're most welcome! I now just install decaf 'out-of-the-box' and put all my local css changes into the custom css box in decaf theme settings. I've been testing on the upcoming 2.8 release too - seems good!
  • Picture of Clarence Prudhoe
    Tue, Nov 11, 2014, 5:22 AM
    Alan, I would also like to change the padding in the boxes that outline the course listing of courses the student is enrolled in. The boxes are located in /moodle/my/ and display the Course Overview. The size of the boxes limits the number of courses that are visible without scrolling down.
    Do you have any idea which CSS entry would change the box padding?

  • Picture of Alan Whittamore
    Tue, Nov 11, 2014, 7:15 PM
    Hi Clarence,
    You can try this:

    .block_course_overview .coursebox {padding:0; margin:0}

    (don't forget to 'purge all caches' as css gets cached).
    BTW the browsers I use let me right-click on any element on a page and choose 'Inspect element' in a dropdown menu. That shows you all the good stuff (HTML and CSS) smile
    I'd recommend Firefox with the developer extensions.
  • Just wondering . . .
    Wed, Nov 26, 2014, 6:53 AM
    Just curious.
    Has anyone got suggestions for the best size of a banner logo, and any code for background colour and a fade option?
    Has anyone tinkered with the style elements like space between things, width of columns etc?


  • Picture of Alan Whittamore
    Wed, Dec 3, 2014, 7:14 PM
    For banner logos I think its definitely a case of 'beauty is in the eye of the beholder'!
    Talking about spacing and column widths you'll likely be changing the 'gridGutterWidth' etc in the bootstrapbase variables.less and recompiling the css. Too much of a chore for me! I'll take what's given smile
    Hope that helps,
  • محمد علی اکبری
    Sat, Jan 31, 2015, 2:57 PM
    Is this theme support RTL languages?
  • Picture of Alan Whittamore
    Mon, Feb 16, 2015, 6:02 PM
    @Mohammad Ali Akbari
    Visit the forum post below:

    Hope this is helpful.
  • Just wondering . . .
    Mon, Mar 16, 2015, 1:34 PM
    Just in case anyone is interested: a theme wioth Awesome Bar as an option:

  • Just wondering . . .
    Thu, Mar 26, 2015, 12:51 PM
    Does anyone use Videoeasy Filter and Decaf?


    I'm getting poor results, the filter works fine in Clean.

    Screen snaps here:

  • Just wondering . . .
    Fri, Mar 27, 2015, 6:10 AM
    Further comment: Videoeasy give a lot more power to deployment of video. It does work with Decaf in forum, but not in labels.
    Justin has said "The other thing is that labels are evil. I don't know why, but the way the filters are applied in labels is somehow different to other parts of Moodle. In particular the order of filter application at site level does not seem to be the same at label level. So try putting viewing a video in a forum post and see if that works."

    To focus on what I am really trying to achieve: nice video deployment in Moodle 2.8+ with Decaf.
1 2 3 4 5 6 7 8
Please login to post comments