fix: Add dark mode text highlight

app.py

@@ -38,9 +38,19 @@ button[role="tab"][data-tab-id][aria-selected="true"] {
 .gallery {
     color: black !important;
 }
+@media (prefers-color-scheme: dark) {
+    .gallery {
+        color: white !important;
+    }
+}
 .flex-shrink-0.truncate.px-1 {
     color: black !important;
 }
+@media (prefers-color-scheme: dark) {
+    .flex-shrink-0.truncate.px-1 {
+        color: white !important;
+    }
+}
 """
 
 demo = TabbedInterface(

src/distilabel_dataset_generator/apps/base.py

@@ -301,15 +301,16 @@ def get_iterate_on_sample_dataset_ui(
 
 
 def get_pipeline_code_ui(pipeline_code: str) -> gr.Code:
-    gr.Markdown("## Customize and run locally with distilabel")
+    gr.Markdown("## Customize and run with distilabel")
     gr.HTML("<hr>")
-    gr.Markdown(
-        "You can run this pipeline locally with distilabel. For more information, please refer to the [distilabel documentation](https://distilabel.argilla.io/) or go to the FAQ tab at the top of the page for more information."
-    )
+
     with gr.Accordion(
         "Run this pipeline using distilabel",
         open=False,
     ):
+        gr.Markdown(
+            "You can run this pipeline locally with distilabel. For more information, please refer to the [distilabel documentation](https://distilabel.argilla.io/) or go to the FAQ tab at the top of the page for more information."
+        )
         pipeline_code = gr.Code(
             value=pipeline_code,
             language="python",

src/distilabel_dataset_generator/apps/eval.py

@@ -200,7 +200,7 @@ with gr.Blocks() as app:
         with gr.Column(scale=1):
             eval_type = gr.Dropdown(
                 label="Evaluation Type",
-                choices=["instruction", "instruction-response", "custom"],
+                choices=["instruction", "instruction-response", "custom-template"],
                 visible=False,
             )
             with gr.Tab("instruction") as tab_instruction:
@@ -243,7 +243,7 @@ with gr.Blocks() as app:
                     interactive=True,
                 )
                 tab_custom.select(
-                    lambda: "custom",
+                    lambda: "custom-template",
                     inputs=[],
                     outputs=[eval_type],
                 )