v1.0.126

This version fixes invisible tooltip text, in-lesson browser background color and other pesky button colour issues.

I've introduced a new background-color variable --color-background-medium for the in-lesson browser default background. This goes on the containing div, so that the in-browser body background can still be manipulated. Before, it was --color-background-dark and the text was not readable since it's black by default.

I tried to make --color-background-medium not too light and still have enough contrast. With black text, it has an 8.24:1 contrast ratio which surpasses WCAG Level AAA requirements.

Full Changelog: 1.0.122...1.0.126

v1.0.122

Mostly styling fixes, improvements and coverage

v1.0.11

This version introduces Javascript to add class names to Curriculum Cards.

There are no HTML attributes or CSS classes that distinguish Curriculum cards, nor are there any that differentiate between the card types ("Free Course", "Completed Skill Path", etc).

JS is used to select by text content:

// js/add-classes.js

function getElementsByTextContent(tag, text) {
  const elements = document.querySelectorAll(tag);
  return Array.from(elements).filter(
    (element) => element.textContent.trim() === text
  );
}

// applyStyles() only runs on pages with Curriculum Cards, on page load and again with MutationObserver
function applyStyles() {
  const freeCourses = getElementsByTextContent('span', 'Free course');

  freeCourses.forEach((element) => {
    element.parentElement.classList.add('freeCourse');
  });
  
  [...]
}

This will apply to curriculum cards on /catalog and descendants, such as /catalog/language/javascript

Full Changelog: 1.0.1...1.0.11

v1.0.1

This release separates the CSS into files based on the page (lessons, articles, cheatsheets, etc) or components (dropdowns, header, popups).

v1.0.0

This is the first version published to the Chrome Web Store

There is still a lot of work to be done! Please open an issue for any glaring fixes.