Sensei frontend style improvements (#7427)

* Update styles of question feedback (#7373)

* Specify the grade style to be applied only in the question header

* Update background color for gold variation

* Update background color for default variation

* Update border color for gold variation

* Tweak CSS formatting

* Tweak color for border of ordering question

* Update version and description

* Add new changelog

course/readme.txt

@@ -12,6 +12,9 @@ Course is a flexible and modern education theme for anyone wanting to share thei
 
 == Changelog ==
 
+= 1.3.4 =
+* Update styles of question feedback (#7373) 
+
 = 1.3.3 =
 * Course Theme: Frontend improvements feature branch PR (#7324)
 

course/style.css

@@ -2,8 +2,8 @@
 Theme Name: Course
 Author: Automattic
 Author URI: https://automattic.com/
-Description: Course is a flexible and modern theme for anyone wanting to share their knowledge. The theme is built with integration with Sensei LMS and is ideal for Sensei users that are creating or selling courses. Style variations with multiple font and color combinations help you craft the perfect look and feel to show off courses and content. The theme can be used without Sensei too.
-Version: 1.3.3
+Description: Course is a flexible and modern education theme for anyone wanting to share their knowledge. The theme is built with integration with Sensei LMS and is ideal for Sensei users that are creating or selling courses. Style variations with multiple font and color combinations help you craft the perfect look and feel to show off courses and content. The theme can be used without Sensei too.
+Version: 1.3.4
 Requires at least: 6.2
 Tested up to: 6.3
 Requires PHP: 7.3

course/styles/blue.json

@@ -300,7 +300,7 @@
 						}
 					}
 				},
-				"css": "& .grade { font-weight: 600; font-family: var(--wp--preset--font-family--heading); } "
+				"css": "& .sensei-lms-question-block__header .grade { font-weight: 600; font-family: var(--wp--preset--font-family--heading); }"
 			}
 		},
 		"elements": {

course/styles/dark.json

@@ -269,7 +269,7 @@
 						}
 					}
 				},
-				"css": "& .grade { font-weight: 700; font-family: var(--wp--preset--font-family--heading); }"
+				"css": "& .sensei-lms-question-block__header .grade { font-weight: 700; font-family: var(--wp--preset--font-family--heading); }"
 			}
 		},
 		"elements": {

course/styles/gold.json

@@ -305,7 +305,7 @@
 						}
 					}
 				},
-				"css": "& .grade { font-weight: 700; font-family: var(--wp--preset--font-family--heading); }"
+				"css": "& .sensei-lms-question-block__header .grade { font-weight: 700; font-family: var(--wp--preset--font-family--heading); } & .sensei-lms-question__answer-feedback--correct { --color: #cde3bf; --border-color: #68a071; } & .sensei-lms-question__answer-feedback--incorrect { --color: #ffdcbb; --border-color: #d69557; } .sensei-ordering-answer--correct { --result-color: #68a071; } .sensei-ordering-answer--wrong { --result-color: #d69557; }"
 			}
 		},
 		"elements": {

course/theme.json

@@ -824,7 +824,7 @@
 						}
 					}
 				},
-				"css": "& .grade { font-family: var(--wp--preset--font-family--system) }"
+				"css": "& .grade { font-family: var(--wp--preset--font-family--system) } & .sensei-lms-question__answer-feedback--incorrect { --color: #f2ddbe; }"
 			}
 		},
 		"color": {