fix: improve styles of the two column block, incorporating design tokens

Description

Supporting information

Private-ref: https://tasks.opencraft.com/browse/BB-10774

Testing instructions

First, set up the wgu theme:

OR use the CI-deployed preview urls for the theme brandOverrides, instead of serving the theme locally, so the tutor plugin would look like:

from tutor import hooks
import json

paragon_theme_urls = {
    "core": {
        "urls": {
            "default": "https://cdn.jsdelivr.net/npm/@openedx/paragon@$paragonVersion/dist/core.min.css",
            "brandOverride": "https://theme-preview.sfo3.digitaloceanspaces.com/pr/60/core.css",
        }
    },
    "default": {
        "light": "light",
    },
    "variants": {
        "light": {
            "urls": {
                "default": "https://cdn.jsdelivr.net/npm/@openedx/paragon@$paragonVersion/dist/light.min.css",
                "brandOverride": "https://theme-preview.sfo3.digitaloceanspaces.com/pr/60/light.css"
            }
        }
    }
}

pargon_theme_config = f"""
MFE_CONFIG["PARAGON_THEME_URLS"] = {json.dumps(paragon_theme_urls)}
"""

hooks.Filters.ENV_PATCHES.add_item(
    (
        "mfe-lms-common-settings",
        pargon_theme_config
    )
)

Then you can test this:

Edited by Samuel Allan

Merge request reports

Loading