UoM Blackboard Restyle

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

什麼是UoM Blackboard Restyle?

UoM Blackboard Restyle是由mattmwebdev開發的Chrome擴展程式,該擴展的主要功能是“A cleaner interface for the University of Manchester Blackboard with custom themes and dark mode.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載UoM Blackboard Restyle擴展crx文件

下載UoM Blackboard Restyle擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 UoM Blackboard Restyle UoM Blackboard Restyle
ID bfadimingfhacpedgapjpnhikcbjhbmn
官方網址 https://chromewebstore.google.com/detail/uom-blackboard-restyle/bfadimingfhacpedgapjpnhikcbjhbmn
簡介 A cleaner interface for the University of Manchester Blackboard with custom themes and dark mode.
檔案大小 45.87 KB
安裝次數 55
目前版本 1.23
更新時間 2024-02-02
上架時間 2023-09-05
評分 5.00/5 共 5 次評分
開發者 mattmwebdev
電子郵箱 [email protected]
付費類型 free
擴展官網 https://uom-blackboard-restyle.web.app/
支援的語言 en-GB
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"
    }
}