fix: broken page load with Blackboard Ultra

The new Blackboard Ultra website tries to get the font list and parse it somehow, and fails with my additional fonts. This just changes the selector for fonts to be `body *` instead of `*`.
adil192 · Jan 27, 2024 · faf6614 · faf6614
1 parent 9e9320d
commit faf6614
Show file tree

Hide file tree

Showing 5 changed files with 116 additions and 6 deletions.
diff --git a/main.css b/main.css
@@ -1,13 +1,111 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240123.00.00
+@version        20240127.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192
 @license        Unlicense
 @downloadURL    https://raw.githubusercontent.com/adil192/BlackboardTheme/main/main.css
 ==/UserStyle== */
-@-moz-document domain("online.manchester.ac.uk") {
+@-moz-document url-prefix("https://online.manchester.ac.uk/ultra/") {
+  /* Blackboard Ultra (new Blackboard layout, since 27 Jan 2024) */
+  /* set better fonts */
+  /* cyrillic-ext */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format("woff2");
+    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  /* cyrillic */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZthiI2B.woff2) format("woff2");
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  /* greek-ext */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZNhiI2B.woff2) format("woff2");
+    unicode-range: U+1F00-1FFF;
+  }
+  /* greek */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZxhiI2B.woff2) format("woff2");
+    unicode-range: U+0370-03FF;
+  }
+  /* vietnamese */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZBhiI2B.woff2) format("woff2");
+    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZFhiI2B.woff2) format("woff2");
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: "Inter";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  /* latin-ext */
+  @font-face {
+    font-family: "Urbanist";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4vH5mqe8Q.woff2) format("woff2");
+    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: "Urbanist";
+    font-style: normal;
+    font-weight: 400;
+    src: url(https://fonts.gstatic.com/s/urbanist/v15/L0xjDF02iFML4hGCyOCpRdycFsGxSrqDyx4vEZmq.woff2) format("woff2");
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  :root {
+    --fonts-body: Inter, Google Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, FontAwesome, VideoJS;
+    --fonts-heading: "Urbanist", "Product Sans", Inter, Google Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, FontAwesome, VideoJS;
+  }
+  body * {
+    font-family: var(--fonts-body) !important;
+    font-feature-settings: "liga" 1, "calt" 1;
+  }
+  h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *,
+  .h1,
+  .h1 *, .h2, .h2 *, .h3, .h3 *, .h4, .h4 *, .h5, .h5 *, .h6, .h6 *,
+  .heading,
+  .heading *, .subheading, .subheading *,
+  .title,
+  .title *, .subtitle, .subtitle *,
+  #pageTitleHeader,
+  #pageTitleHeader *, #pageTitleText, #pageTitleText * {
+    font-family: var(--fonts-heading) !important;
+  }
+  * {
+    accent-color: #8142a6 !important;
+  }
+}
+@-moz-document url-prefix("https://online.manchester.ac.uk/webapps/") {
   /* All blackboard pages */
   /* set better fonts */
   /* cyrillic-ext */

diff --git a/main.scss b/main.scss
@@ -1,6 +1,11 @@
 @import "styles/version";
 
-@-moz-document domain("online.manchester.ac.uk") {
+@-moz-document url-prefix("https://online.manchester.ac.uk/ultra/") {
+	/* Blackboard Ultra (new Blackboard layout, since 27 Jan 2024) */
+	@import "styles/online.manchester.ac.uk_ultra";
+}
+
+@-moz-document url-prefix("https://online.manchester.ac.uk/webapps/") {
 	/* All blackboard pages */
 	@import "styles/online.manchester.ac.uk";
 

diff --git a/styles/_globals.scss b/styles/_globals.scss
@@ -85,7 +85,7 @@ $font-fallbacks: "Inter", "Google Sans",
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
     FontAwesome, VideoJS;
 
-@mixin fonts {
+@mixin fonts($selector: '*') {
     @include inter;
     @include urbanist;
 
@@ -94,7 +94,7 @@ $font-fallbacks: "Inter", "Google Sans",
         --fonts-heading: "Urbanist", "Product Sans", #{$font-fallbacks};
     }
 
-    * {
+    #{$selector} {
         @include fonts-body;
         // 'liga' enables font ligatures, 'calt' enables contextual alternates
         font-feature-settings: 'liga' 1, 'calt' 1;

diff --git a/styles/_online.manchester.ac.uk_ultra.scss b/styles/_online.manchester.ac.uk_ultra.scss
@@ -0,0 +1,7 @@
+@import "globals";
+
+/* set better fonts */
+@include fonts('body *');
+* {
+    accent-color: $primary !important;
+}
diff --git a/styles/_version.scss b/styles/_version.scss
@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240123.00.00
+@version        20240127.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192