UoM Blackboard Restyle Extension Chrome

UoM Blackboard Restyle Extension

This provides a universal design to Blackboard with consistent fonts, colours and styling. It fixes many of the resizing and positioning issues present in Blackboard.

This redirects to the old homepage on loading. The new homepage can be accessed in the top right if needed.

Any deadlines on the Blackboard system coming up in the next 30 days are displayed on the left of the home page. Navigation links to the following are displayed below this: Student System, Timetable, Lecture Recordings, Exam Timetable, Exam Results, Library, SPOT, My Learning Essentials and Evaluation Kit.

The following themes are available in both light and dark mode: Default (Purple), Blackboard (Grey), Ocean (Light Blue), UoM Purple (Same Purple as UoM Logo), Art Deco (Green and Gold Pattern), Tron (Black and Neon Blue Pattern), Rustic (Reddish Brown), Camo (Brown and Green Pattern).

Course units on the home page are filtered by semester. The semester you are currently in will display by default.

When first using the extension, it will warn you that it can read and change your data at online.manchester.ac.uk. It needs this access to apply style changes to the loaded page. No personal data is changed or stored.

The following URLs are whitelisted by the extension (Blackboard won't warn you that you're leaving the learning environment): https://zoom.us/, https://piazza.com/, https://www.sli.do/ and https://gitlab.cs.man.ac.uk/.

Assessment paragraph entry boxes on dark mode by default display white text but will submit black text (clearly visible on standard Blackboard). If you change the text colour, the submitted text will be this colour. Be aware that a submission of white text is not clearly visible on Blackboard.

This is an open source project available at: https://github.com/mattmcnee/uom-restyle-extension. Provide feedback at https://uom-blackboard-restyle.web.app/.

Updates:
1.23 - Header links now underlined when hovered
1.22 - Fix for blackboard update
1.21 - Course units on the home page are now filtered by semester
1.20 - Improved styling on journal entry pages
1.19 - Fixed errors logging to console and improved styling coverage
1.18 - Embedded videos no longer exceed screen width on smaller screens
1.17 - Fixed Kortext link and improved course slide layout
1.16 - Replaced menu icons with new style

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "UoM Blackboard Restyle", "version": "1.23", "description": "A cleaner interface for the University of Manchester Blackboard with custom themes and dark mode.", "permissions": ["activeTab", "storage"], "content_scripts": [ { "matches": ["https://online.manchester.ac.uk/*"], "css": ["content.css", "iframe.css"], "js": ["content.js"], "run_at": "document_start" } ], "action": { "default_icon": { "16": "icon-16.png", "48": "icon-48.png", "128": "icon-128.png" }, "default_popup": "popup.html" }}

UoM Blackboard Restyle

A cleaner interface for the University of Manchester Blackboard with custom themes and dark mode.

Latest Version

UoM Blackboard Restyle Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated