Add challenge tag styling

Whidix · Whidix · commit 2d45505d3efe · 2025-02-02T12:27:27.000+01:00
diff --git a/assets/scss/includes/components/_challenge.scss b/assets/scss/includes/components/_challenge.scss
@@ -11,26 +11,22 @@
 
 [data-bs-theme="light"] .challenge-button {
   border: none;
-  box-shadow: 0 0 15px var(--bs-secondary);
+  box-shadow: 3px 3px 3px var(--bs-secondary);
 
   &.challenge-solved {
-    background-color: #29c830;
+    background-color: #6e192a;
 
     &:hover {
-      background-color: #37d63e;
+      background-color: #962239;
     }
   }
   
-.challenge-button {
-  box-shadow: 3px 3px 3px #6e193c;
-  background-color: #6e192a;
+.challenge-tag {
+  background-color: #f22c54;
+  color: #fff;
   border-radius: 0;
 }
 
-.challenge-button:hover {
-  background-color: #962239;
-}
-
 .challenge-submit {
   border-radius: 0;
 }
@@ -44,10 +40,10 @@
   }
 
   &.challenge-solved {
-    background-color: #29c830;
+    background-color: #6e192a;
 
     &:hover {
-      background-color: #37d63e;
+      background-color: #962239;
     }
   }
 }
diff --git a/static/manifest.json b/static/manifest.json
@@ -144,7 +144,7 @@
     ]
   },
   "assets/scss/main.scss": {
-    "file": "assets/main.49478099.css",
+    "file": "assets/main.0060ab17.css",
     "src": "assets/scss/main.scss",
     "isEntry": true
   }

Original file line number	Diff line number	Diff line change
`@@ -11,26 +11,22 @@`
`11`	`11`
`12`	`12`	`[data-bs-theme="light"] .challenge-button {`
`13`	`13`	`border: none;`
`14`		`- box-shadow: 0 0 15px var(--bs-secondary);`
	`14`	`+ box-shadow: 3px 3px 3px var(--bs-secondary);`
`15`	`15`
`16`	`16`	`&.challenge-solved {`
`17`		`- background-color: #29c830;`
	`17`	`+ background-color: #6e192a;`
`18`	`18`
`19`	`19`	`&:hover {`
`20`		`- background-color: #37d63e;`
	`20`	`+ background-color: #962239;`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`
`24`		`-.challenge-button {`
`25`		`- box-shadow: 3px 3px 3px #6e193c;`
`26`		`- background-color: #6e192a;`
	`24`	`+.challenge-tag {`
	`25`	`+ background-color: #f22c54;`
	`26`	`+ color: #fff;`
`27`	`27`	`border-radius: 0;`
`28`	`28`	`}`
`29`	`29`
`30`		`-.challenge-button:hover {`
`31`		`- background-color: #962239;`
`32`		`-}`
`33`		`-`
`34`	`30`	`.challenge-submit {`
`35`	`31`	`border-radius: 0;`
`36`	`32`	`}`
`@@ -44,10 +40,10 @@`
`44`	`40`	`}`
`45`	`41`
`46`	`42`	`&.challenge-solved {`
`47`		`- background-color: #29c830;`
	`43`	`+ background-color: #6e192a;`
`48`	`44`
`49`	`45`	`&:hover {`
`50`		`- background-color: #37d63e;`
	`46`	`+ background-color: #962239;`
`51`	`47`	`}`
`52`	`48`	`}`
`53`	`49`	`}`