Update ribbon background styling to use new variable for improved theming

Author: LeaVerou

style/components/ribbons.css

@@ -15,13 +15,12 @@
 	text-align: center;
 	text-transform: uppercase;
 	font-weight: bold;
-	background: var(--ribbon-color, var(--color-accent-2));
-	background-image: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
+	background: var(--ribbon-background, linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, 0)) var(--ribbon-color, var(--color-accent-2)));
 	color: white;
 	font-size: 80%;
 	line-height: 1.1;
 	white-space: pre-line;
 	min-width: 20em;
 	box-shadow: 0 10px 1em -.6em black;
 	transform: rotate(45deg) translate(6em, var(--ribbon-offset, -2em));
-}
+}