feat: adds support for loading external theme CSS for MFEs (#689)

openedx · Mar 3, 2025 · 98a878d · 98a878d
1 parent 4e72a7b
commit 98a878d
Show file tree

Hide file tree

Showing 27 changed files with 3,403 additions and 142 deletions.
diff --git a/.env.development b/.env.development
@@ -27,4 +27,5 @@ FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
 IGNORED_ERROR_REGEX=
 MFE_CONFIG_API_URL=
 APP_ID=
-SUPPORT_URL=https://support.edx.org
+SUPPORT_URL=https://support.edx.org
+PARAGON_THEME_URLS={}
diff --git a/.env.test b/.env.test
@@ -28,3 +28,4 @@ IGNORED_ERROR_REGEX=
 MFE_CONFIG_API_URL=
 APP_ID=
 SUPPORT_URL=https://support.edx.org
+PARAGON_THEME_URLS={}
diff --git a/docs/how_tos/assets/paragon-theme-loader.png b/docs/how_tos/assets/paragon-theme-loader.png
diff --git a/docs/how_tos/theming.md b/docs/how_tos/theming.md
diff --git a/example/index.scss b/example/index.scss
@@ -1,4 +1 @@
-@import "@edx/brand/paragon/fonts";
-@import "@edx/brand/paragon/variables";
-@import "@openedx/paragon/scss/core/core";
-@import "@edx/brand/paragon/overrides";
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints.css" as paragonCustomMediaBreakpoints;