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

Latest Version

Version
1.23
Update
February 1, 2024
Size
45.87KiB
Developer
Category
Users
37
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
Storage
See more

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
Read more

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" }}
Read more

How to download and manually install UoM Blackboard Restyle extension for Chrome

Looking for a way to install UoM Blackboard Restyle extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install UoM Blackboard Restyle extensions manually, this article outlines two simple methods to effortlessly install UoM Blackboard Restyle extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download UoM Blackboard Restyle extension and manually install through Drag &Drop

If you ever need to manually install a UoM Blackboard Restyle extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the UoM Blackboard Restyle Extension by clicking the "Download CRX" button on the website.

Look for the UoM Blackboard Restyle extension you wish to install. Go to the website and download the UoM Blackboard Restyle extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for UoM Blackboard Restyle extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the UoM Blackboard Restyle extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download UoM Blackboard Restyle extension for Chrome and install in Developer Mode

This is another method to install UoM Blackboard Restyle extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the UoM Blackboard Restyle extension file

Select and download the UoM Blackboard Restyle extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the UoM Blackboard Restyle extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your UoM Blackboard Restyle extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the UoM Blackboard Restyle extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install UoM Blackboard Restyle extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Blackboard Learn Exam Printing Extension · Productivity 37 12 ★ 16.66KiB

icon

LeetBattle Extension · Fun 37 4 ★ 2.32MiB

icon

black blackboard Extension · Productivity 37 6 ★ 870KiB

icon

Old Blackboard Extension · Productivity 37 5 ★ 306KiB

icon

Wunderlist Scrollbar Embiggener Extension · Accessibility 37 0 ★ 8.56KiB

icon

Better Blackboard Learn Extension · Productivity 37 28 ★ 36.92KiB

icon

Better Blackboard Extension · Productivity 37 5 ★ 22.81KiB

icon

CoderVision for HackerRank Extension · Accessibility 37 0 ★ 287KiB

icon

The Blackboard - Lightning-Fast Real-time Collaborative Drawing tool Extension · Productivity 37 15 ★ 35.46KiB

icon

Le Git Graph - Commits Graph for GitHub Extension · Productivity 37 29 ★ 814KiB

icon

Blackboard Enhancement Suite Extension · Productivity 37 40 ★ 39.52KiB

icon

UoM Blackboard Enhancement Extension · Productivity 37 3 ★ 57.21KiB

icon

Kiss Ads Goodbye Extension · Fun 37 1 ★ 53.49KiB

icon

Shade Generator Extension · Developer Tools 37 1 ★ 11.48KiB

icon

Auto 2FA Extension · Productivity 37 8 ★ 756KiB

icon

cLock Countdown Timer Extension · Productivity 37 0 ★ 968KiB

icon

Twitter Real Verified Extension · Social & Communication 37 8 ★ 2.75MiB

icon

TabSync Extension · Productivity 37 2 ★ 663KiB

icon

Split Extension · Productivity 37 2 ★ 9.76KiB

icon

Everest Extension · Productivity 37 10 ★ 3.35MiB

icon

Woody - Console free logging Extension · Developer Tools 37 1 ★ 19.84KiB

icon

SearchFX Animated Backgrounds New Tab Extension · Photos 37 5 ★ 52.15KiB

icon

Lazy Search on Youtube Extension · Productivity 37 7 ★ 33.2KiB

icon

Custom Video Controls Extension · Productivity 37 1 ★ 165KiB