/Bb-Admin-Header-Colorize

Colorize the header in the Administrator Panel within Blackboard Learn

Bb-Admin-Header-Colorize

Colorize the header in the Administrator Panel within Blackboard Learn

With Blackboard's new Ultra navigation I found it difficult to tell in the Administrator Panel which environment I'm in. I've created some custom user CSS which gives me visual cues to let me know which instance I'm working in. 😂

Administrator Panel Before Screen capture of the Blackboard Learn Administrator Panel without colorization.

Administrator Panel After Screen capture of the Blackboard Learn Administrator Panel with colorization. Black background with white font.

Requirements

You will need to install the Stylus extension which is part or the Openstyles GitHub Link

  • Google Chrome: Link
  • Mozilla Firefox: Link

Steps to Install

Once installed you will need to click on the Stylus icon in the browser, then click Manage.

Screen capture zoomed in on the Stylus interface when clicked. A yellow arrow points to the Manage button.

The Stylus extension will open. Now click on the Write New Style button under Actions in the left menu.

Screen capture zoomed in on the left menu within the Stylus page. A yellow arrow points to the Write New Style button.

In the new style page, use the left area to provide a name for the style. I have used Blackboard Admin Headers in this example. Then click on Import.

Screen capture zoomed in on the left menu within the Stylus page. Yellow arrows point to the Title text box and the Import button.

Now copy and paste the code into the blank text box. Link to the code Make sure you have changed the URLS to point to your Blackboard instance(s)

Before Screen capture of the Stylus modal to import the style. No code is displayed in the text box.

After Screen capture of the Stylus modal to import the style. Code is displayed in the text box.

Now click on Overwrite Style

Now click Save

Screen capture zoomed in on the left menu within the Stylus page. A yellow arrow points to the Save button.