Your Moodle version

Themes: Decaf

theme_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.
39k
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.

Screenshots

Screenshot
Screenshot
Screenshot

Contributors

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
  • Just wondering . . .
    Fri, May 16, 2014, 4:36 AM
    For those who may not follow the forums, GREAT NEWS here: https://moodle.org/mod/forum/discuss.php?d=258896#p1127311 Beta 4 or Decaf 2.0

    -Derek
  • Picture of Martin Arman-Addey
    Thu, Jun 5, 2014, 11:34 PM
    I am just testing Moodle 2.7 with the latest version of the theme, however I cannot see the custom menu options unless I attach it to the awsomebar. Many thanks Martin
  • Picture of Alan Whittamore
    Wed, Jun 11, 2014, 4:58 PM
    @Martin
    Not much comfort for you but this works fine for me!
    The custom menu (and the language selection menu if enabled) appear as dropdown selectors in the breadcrumb bar if they're not attached to the awesome bar. Are you not seeing the breadcrumb bar for some reason?
    Cheers,
    Alan
  • 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,
    Martin
  • Picture of Joper Cunanan
    Mon, Jul 7, 2014, 4:23 PM
    Hello,
    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!

    Cheers,
    Joper
  • 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.
    Clarence
  • 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!
    Cheers,
    Alan.
  • 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?

    Thanks,
    Clarence
  • 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.
    Cheers,
    Alan
  • 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?

    -Derek

  • Picture of Alan Whittamore
    Wed, Dec 3, 2014, 7:14 PM
    @Derek,
    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,
    Cheers,
    Alan.
  • محمد علی اکبری
    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:
    https://moodle.org/mod/forum/discuss.php?d=261376

    Hope this is helpful.
1 2 3 4 5 6 7 8
Please login to post comments