Studio: small improvements after selftesting, icons reusing HeroIcons can now be colored as well

public/css/index-tailwind-output.css

@@ -777,6 +777,10 @@ video {
   float: left;
 }
 
+.m-8 {
+  margin: 2rem;
+}
+
 .m-4 {
   margin: 1rem;
 }
@@ -789,10 +793,6 @@ video {
   margin: 0px;
 }
 
-.m-8 {
-  margin: 2rem;
-}
-
 .m-2 {
   margin: 0.5rem;
 }
@@ -1071,14 +1071,14 @@ video {
   height: 6rem;
 }
 
-.h-screen {
-  height: 100vh;
-}
-
 .h-full {
   height: 100%;
 }
 
+.h-screen {
+  height: 100vh;
+}
+
 .h-32 {
   height: 8rem;
 }
@@ -1106,6 +1106,10 @@ video {
   height: fit-content;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-0 {
   height: 0px;
 }
@@ -1134,10 +1138,6 @@ video {
   height: 1.25rem;
 }
 
-.h-16 {
-  height: 4rem;
-}
-
 .h-48 {
   height: 12rem;
 }
@@ -1202,6 +1202,10 @@ video {
   width: 1.5rem;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-screen {
   width: 100vw;
 }
@@ -1236,10 +1240,6 @@ video {
   width: 2.75rem;
 }
 
-.w-16 {
-  width: 4rem;
-}
-
 .w-64 {
   width: 16rem;
 }
@@ -1931,11 +1931,6 @@ video {
   line-height: 1.75rem;
 }
 
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -1956,6 +1951,11 @@ video {
   line-height: 2.5rem;
 }
 
+.text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
+
 .font-extrabold {
   font-weight: 800;
 }
@@ -2039,11 +2039,6 @@ video {
   letter-spacing: -0.025em;
 }
 
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
-
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2250,6 +2245,9 @@ video {
   --catch-detail-foregroundcolor: white;
   --catch-detail-color-contrast: #fb3afb;
   --image-carousel-height: 350px;
+  /** Technical value, used by icon.svelte
+     */
+  --svg-color: #000000;
 }
 
 /***********************************************************************\
@@ -2795,6 +2793,10 @@ a.link-underline {
   overflow: visible !important;
 }
 
+svg.apply-fill path {
+  fill: var(--svg-color)
+}
+
 .compass_arrow {
   width: calc( 2.5rem - 1px ) ;
   height: calc( 2.5rem - 1px )