Update styles

zemogle · Feb 14, 2025 · 79171ad · 79171ad
1 parent 06f3979
commit 79171ad
Show file tree

Hide file tree

Showing 6 changed files with 518 additions and 474 deletions.
diff --git a/tutorindigo/templates/indigo/lms/static/images/lco-logo-white.png b/tutorindigo/templates/indigo/lms/static/images/lco-logo-white.png
diff --git a/tutorindigo/templates/indigo/lms/static/sass/courseware/_about.scss b/tutorindigo/templates/indigo/lms/static/sass/courseware/_about.scss
@@ -171,7 +171,7 @@
                 display: none;
             }
             .about, .prerequisites, .course-staff, .faq {
-                font: 16px/20px $font-stack;
+                font: 1.2em/1.6em $font-stack;
                 color: $off-white;
                 background-color: $grey-level2;
                 border-radius: 8px;

diff --git a/tutorindigo/templates/indigo/lms/static/sass/courseware/_discover.scss b/tutorindigo/templates/indigo/lms/static/sass/courseware/_discover.scss
@@ -100,6 +100,7 @@
                         h2 {
                             font-family: $font-family-title;
                             height: 72px;
+                            text-transform: uppercase;
                         }
                         .course-title {
                             color: $off-white;

diff --git a/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_extras.scss b/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_extras.scss
@@ -8,6 +8,11 @@ $content_padding_top: 24px;
 $content-padding-bottom: 10px;
 $header-height: 75px;
 $footer-height: 125.5px;
+
+html {
+  background-color: $light-dark !important;
+}
+
 body, p, label, button {
   font-family: $font-stack !important;
   color: $off-white;
@@ -22,20 +27,24 @@ body, p, label, button {
 .hd-7,
 .hd-8,
 h1, h2, h3, h4, h5, h6 {
-  color: $off-white;
+  color: $off-white !important;
   text-transform: uppercase;
   font-family: $font-headers !important;
 }
-html {
-  background: transparent !important;
-}
+
 body, body.view-profile {
   min-height: initial;
   background-color: #fff;
   -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
 }
+
+body.view-in-course {
+  color: $off-white;
+  background-color: $light-dark !important;
+}
+
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
@@ -166,6 +175,10 @@ header.global-header .nav-links .secondary .dropdown-user-menu {
   padding: initial;
 }
 
+a.course-card-title {
+  font-family: $font-family-title;
+}
+
 ////////////////// "View this course as staff/learner/..."
 nav.wrapper-preview-menu {
     // It is necessary to specify `nav` in order to override the common higher priority rule
@@ -209,6 +222,23 @@ nav.wrapper-preview-menu {
   }
 }
 
+/////////////////// Learning MFE
+
+.xmodule_display.xmodule_AboutBlock ol, 
+.xmodule_display.xmodule_AboutBlock ul, 
+.xmodule_display.xmodule_CourseInfoBlock ol, 
+.xmodule_display.xmodule_CourseInfoBlock ul, 
+.xmodule_display.xmodule_HtmlBlock ol, 
+.xmodule_display.xmodule_HtmlBlock ul, 
+.xmodule_display.xmodule_StaticTabBlock ol, 
+.xmodule_display.xmodule_StaticTabBlock ul,
+.xmodule_display.xmodule_AboutBlock p, 
+.xmodule_display.xmodule_CourseInfoBlock p, 
+.xmodule_display.xmodule_HtmlBlock p, 
+.xmodule_display.xmodule_StaticTabBlock p {
+    color: $off-white !important;
+    font-size: 1.2em !important;
+}
 
 /////////////////// Course search
 .find-courses, .university-profile {

diff --git a/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_variables.scss b/tutorindigo/templates/indigo/lms/static/sass/partials/lms/theme/_variables.scss
@@ -3,6 +3,15 @@ $primary-light: #F2F7F8;
 $blue: #00ADEF;
 $red: #EF4123;
 $green: #A6CE39;
+$teal: #12CBC4;
+$purple: #9980FA;
+$orange: #FFC312;
+$red-alt: #ED4C67;
+$green-dark:#607730;
+$teal-dark: #157675;
+$purple-dark: #595090;
+$red-dark: #833647;
+$orange-dark: #8C721C;
 $off-white: #fcfcfc;
 $grey-level1: #3b4249;
 $grey-level2: #262e35;