Decaf

Themes ::: theme_decaf
Maintained by Paul Nicholls
A clean, simple theme which adds an "Awesomebar" at the top of the page to provide quick, easy navigation.
Latest release:
213 sites
29 downloads
17 fans
Current versions available: 5

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 #0
Screenshot #1
Screenshot #2

Contributors

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
  • Mario Wehr
    Wed, 22 June 2016, 10:40 PM
    Hi Combs,

    If you are talking about the floating user colum in the grader report.
    In core.css -> report section change:

    body.pagelayout-report #page-content #region-main {
    overflow-x:auto;

    to

    body.pagelayout-report #page-content #region-main {
    overflow-x:visible;

    this should fix the floating user colum issue.

    regards
    Mario
  • Just wondering . . .
    Sat, 19 Nov 2016, 12:16 PM
    For those interested in the Decaf theme, see this Fan Post on Moodle News: http://www.moodlenews.com/2016/moodle-theme-decaf-has-one-soul-alleviating-feature/

    -Derek
  • Just wondering . . .
    Fri, 23 Dec 2016, 2:51 PM
    I've just spent some time playing with Boost. I wonder if Awesome Bar has any future with this? I've wondered if the AB could be included just for use with desktops?

    -Derek
  • Ron Coller
    Fri, 17 Aug 2018, 8:16 PM
    In the navbar breadcrumbs how to change the color of the text, currently the text is a light gray.
  • Clarence Prudhoe
    Fri, 17 Aug 2018, 10:56 PM
    Ron, I added these changes to the /waxed/colours/Raw SCSS field and it made the changed I needed.
    // black header background
    .bg-white {
    background-color: var(--primary)!important;
    }
    // red header text
    .navbar-light .navbar-brand {
    color: var(--red);
    }
    // header notification & message icons
    .navbar-light .navbar-nav .nav-link {
    color: var(--green);
    }

    // navbar username color red
    a { color: var(--red);
    text-decoration: underline;
    // background-color: #FFFCF4;
    -webkit-text-decoration-skip: objects;
    }

    // green menu links
    .nav-link, .page-link, .list-group-item, .dropdown-item {
    text-decoration: none;
    color: var(--green);
    }

    // footer text color
    #page-footer a {
    color: var(--red);
    text-decoration: none;
    }

    // Visited color
    a:visited {
    COLOR: #FF606D;
    }

    // Hover background highlight
    a:hover {
    background-color:#faf9cb;
    }

    Hope this helps.
    Clarence
  • Ron Coller
    Fri, 24 Aug 2018, 1:56 AM
    Thanks Clarence, but I am not able to find that folder or location? Do you have an idea on what I am missing?

    Ron
  • Clarence Prudhoe
    Fri, 24 Aug 2018, 3:11 AM
    Hi Ron,
    You must login as the Administrator. In the Navigation menu, click on "Site administration" then click on "appearance" in the drop menu at the top. Scroll to the bottom to click on the Theme "Waxed". Click on "colours" in the drop menu and scroll to the bottom to find the "Raw SCSS" field. Copy my code and paste it into the SCSS box. Save the changes and see if you like the results. You can use one of the color fields on that page to find a color you like and then paste the code number after the colon in the code (ie background-color:#faf9cb;) Just delete any of the SCSS codes you don't want to use.

    Hope this helps.
    Clarence
  • Vincent MARECHAL
    Fri, 7 Sept 2018, 9:12 PM
    Hello Clarence, hello all Decaf users

    I use Decaf since years, but since I've updated Moodle from 3.1 to 3.5.1+, the main central contant doesn't expand anymore to the right when there is no block.
    The right block column of my courses remain empty, and then the main contant (the course) has very little placE.
    Before updating Moodle, when I removed all block from the right column, the main contant expanded to the right.
    It doesn't do it anymore.
    Please can you help ?

    Thanks a lot in advance.
    Kind regards,
    Vincent
  • Clarence Prudhoe
    Fri, 7 Sept 2018, 11:10 PM
    Hi Vincent,
    If you use Chrome browser, you can press function key F12 to open the development console. In the top left corner of the console, click the arrow labeled "Select an element..." then click on the frame you want to inspect. The code is displayed in the top section and you can float your mouse over the code to see what it controls. When you find the area you want to inspect, double click the code. Look in the bottom half of the console to see the CSS settings that apply to that section under the STYLE tab. Find "width" and confirm it is set to 100%.

    I don't seem to have the problem you are describing so I can't be more help, but you can explore the Chrome development console and even find a tutorial on how to use it and hopefully find the correct setting to fix your problem.

    Clarence
  • Vincent MARECHAL
    Mon, 10 Sept 2018, 2:25 AM
    Hello Clarence,

    Thanks a lot. I can't find the problem. Well, since I updated to 3.5.1+, it affected all the course this way.
    I didn't find any "width" in the column code of the main content.

    The courses that have no block in the right column doesn't expand anymore to the right, and I've an empty column...
    Before updating, I didn't had this problem, and the courses expanded to use the right empty block column.

    Maybe there is something wrong with Moodle 3.5.1+ and Decaf, I don't know.
    But if I empty the left block column, the courses expand well to the left and I've no empty column.
    I note too that the navigation block make the left column very thick, it's a problem too, since 3.5.1+ update...

    Thanks anyway.
    Kind regards,

    Vincent
  • Lori Bakken
    Tue, 8 Jan 2019, 12:54 AM
    Since Messages were updated in 3.6.1, the messages area does not work in decaf. Any chance on getting this resolved quickly?

    Thanks
    Lori
  • Josiah Carberry
    Fri, 8 Mar 2019, 2:39 AM
    With the announcement that Moodle ver 3.7 will be deprecating bootstrapbase ( https://tracker.moodle.org/browse/MDL-58427 ), I would like to know what impact this will have on the Decaf theme. Will there be an update of Decaf? Will it be necessary to update Decaf before installing Moodle 3.7?
  • color man colorman
    Fri, 7 Jan 2022, 3:12 PM
    The content is easy to understand and detailed, I will share it a lot!
  • jessica biel
    Fri, 9 Dec 2022, 7:02 PM
    why i can not download it on my mobile.
1 2 3 4 5 6 7 8 9 10
Please login to post comments