feat: Update DemoX course branding

demo-course/course/policies/DemoCourse/policy.json

@@ -12,7 +12,7 @@
         "allow_anonymous": true,
         "allow_anonymous_to_peers": true,
         "cert_html_view_enabled": true,
-        "course_image": "thumbnail_demox.jpeg",
+        "course_image": "DemoX-Course-Card.png",
         "discussion_blackouts": [],
         "discussion_topics": {
             "General": {

demo-course/course/policies/assets.json

@@ -2421,27 +2421,27 @@
             null
         ]
     },
-    "thumbnail_demox.jpeg": {
-        "contentType": "image/jpeg",
+    "DemoX-Course-Card.png": {
+        "contentType": "image/png",
         "content_son": {
             "category": "asset",
             "course": "DemoX",
-            "name": "thumbnail_demox.jpeg",
+            "name": "DemoX-Course-Card.png",
             "org": "OpenedX",
             "revision": null,
             "run": "DemoCourse",
             "tag": "c4x"
         },
-        "displayname": "thumbnail_demox.jpeg",
-        "filename": "asset-v1:OpenedX+DemoX+DemoCourse+type@asset+block@thumbnail_demox.jpeg",
+        "displayname": "DemoX-Course-Card.png",
+        "filename": "asset-v1:OpenedX+DemoX+DemoCourse+type@asset+block@DemoX-Course-Card.png",
         "import_path": null,
         "locked": false,
         "thumbnail_location": [
             "c4x",
             "OpenedX",
             "DemoX",
             "thumbnail",
-            "thumbnail_demox-jpeg.jpg",
+            "DemoX-Course-Card-png.jpg",
             null
         ]
     },

demo-course/course/static/cm_style_guide_demox.css

@@ -699,7 +699,7 @@ body {
 /*******************************/
 
 .assessment-header {
-    background-color: #00252B;
+    background-color: #092B4D;
     color: #fff;
     position: relative;
 }
@@ -727,7 +727,7 @@ body {
   left: 0;
   width: 8px;                /* Adjust the width for the thickness of the border */
   height: 100%;              /* Make it span the entire height of the rectangle */
-  background-color: #D2332A;     /* Color of the border */
+  background-color: #9d0054;     /* Color of the border */
   z-index: 2;                /* Ensure it's above the rectangle but below the diagonal slash */
 }
 
@@ -772,14 +772,14 @@ body {
 /******* TABLE - DEMOX ********/
 /******************************/
 .xmodule_display.xmodule_HtmlBlock .table-demox tr th {
-    background: #00252B;
+    background: #092B4D;
     color: #FFFFFF;
     padding: 15px 10px;
-    border: 3px solid #00252B;
+    border: 3px solid #092B4D;
     font-size: 1.2em;
 }
 .xmodule_display.xmodule_HtmlBlock .table-demox tr td {
-    border: 3px solid #00252B;
+    border: 3px solid #092B4D;
     font-size: 1em;
     vertical-align: middle;
 }