chore: CSS-Cleanup opacity → var(--semi-transparent), TODO-Updates

wwwroot/css/form.css

@@ -119,7 +119,7 @@ label.checkbox-label {
 }
 
 .checkbox-hint {
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   font-size: var(--font-size);
 }
 
@@ -155,22 +155,21 @@ label.skill-item {
 }
 
 .skill-name {
-  font-weight: 600;
+  font-weight: bold;
 }
 
 .skill-version {
-  opacity: 0.5;
-  font-weight: 400;
+  opacity: var(--semi-transparent);
 }
 
 .skill-desc {
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
   font-size: var(--font-size);
   margin-left: auto;
 }
 
 .skill-empty {
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   padding: var(--box-spacing);
 }
 
@@ -181,7 +180,7 @@ label.skill-item {
 }
 
 .skill-unavailable {
-  opacity: 0.45;
+  opacity: var(--semi-transparent);
   cursor: not-allowed;
 }