Spaces:
Running
Running
Upload folder using huggingface_hub
Browse files- gradio_app.py +58 -0
gradio_app.py
CHANGED
|
@@ -992,6 +992,64 @@ def create_gradio_interface():
|
|
| 992 |
body.dark [role="listbox"][style*="background"] {
|
| 993 |
background: #2a2a2a !important;
|
| 994 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 995 |
</script>
|
| 996 |
|
| 997 |
<script>
|
|
|
|
| 992 |
body.dark [role="listbox"][style*="background"] {
|
| 993 |
background: #2a2a2a !important;
|
| 994 |
}
|
| 995 |
+
|
| 996 |
+
/* Dark mode dropdown trigger/button styling */
|
| 997 |
+
@media (prefers-color-scheme: dark) {
|
| 998 |
+
[data-testid="dropdown"],
|
| 999 |
+
.gradio-dropdown,
|
| 1000 |
+
select {
|
| 1001 |
+
background: #2a2a2a !important;
|
| 1002 |
+
border: 2px solid #404040 !important;
|
| 1003 |
+
color: #e5e5e5 !important;
|
| 1004 |
+
}
|
| 1005 |
+
|
| 1006 |
+
[data-testid="dropdown"] button,
|
| 1007 |
+
.gradio-dropdown button,
|
| 1008 |
+
[data-testid="dropdown"] > div,
|
| 1009 |
+
.gradio-dropdown > div {
|
| 1010 |
+
background: #2a2a2a !important;
|
| 1011 |
+
color: #e5e5e5 !important;
|
| 1012 |
+
border: 2px solid #404040 !important;
|
| 1013 |
+
}
|
| 1014 |
+
}
|
| 1015 |
+
|
| 1016 |
+
.dark [data-testid="dropdown"],
|
| 1017 |
+
.dark .gradio-dropdown,
|
| 1018 |
+
.dark select,
|
| 1019 |
+
.gradio-container.dark [data-testid="dropdown"],
|
| 1020 |
+
.gradio-container.dark .gradio-dropdown,
|
| 1021 |
+
.gradio-container.dark select,
|
| 1022 |
+
html.dark [data-testid="dropdown"],
|
| 1023 |
+
html.dark .gradio-dropdown,
|
| 1024 |
+
html.dark select,
|
| 1025 |
+
body.dark [data-testid="dropdown"],
|
| 1026 |
+
body.dark .gradio-dropdown,
|
| 1027 |
+
body.dark select {
|
| 1028 |
+
background: #2a2a2a !important;
|
| 1029 |
+
border: 2px solid #404040 !important;
|
| 1030 |
+
color: #e5e5e5 !important;
|
| 1031 |
+
}
|
| 1032 |
+
|
| 1033 |
+
.dark [data-testid="dropdown"] button,
|
| 1034 |
+
.dark .gradio-dropdown button,
|
| 1035 |
+
.dark [data-testid="dropdown"] > div,
|
| 1036 |
+
.dark .gradio-dropdown > div,
|
| 1037 |
+
.gradio-container.dark [data-testid="dropdown"] button,
|
| 1038 |
+
.gradio-container.dark .gradio-dropdown button,
|
| 1039 |
+
.gradio-container.dark [data-testid="dropdown"] > div,
|
| 1040 |
+
.gradio-container.dark .gradio-dropdown > div,
|
| 1041 |
+
html.dark [data-testid="dropdown"] button,
|
| 1042 |
+
html.dark .gradio-dropdown button,
|
| 1043 |
+
html.dark [data-testid="dropdown"] > div,
|
| 1044 |
+
html.dark .gradio-dropdown > div,
|
| 1045 |
+
body.dark [data-testid="dropdown"] button,
|
| 1046 |
+
body.dark .gradio-dropdown button,
|
| 1047 |
+
body.dark [data-testid="dropdown"] > div,
|
| 1048 |
+
body.dark .gradio-dropdown > div {
|
| 1049 |
+
background: #2a2a2a !important;
|
| 1050 |
+
color: #e5e5e5 !important;
|
| 1051 |
+
border: 2px solid #404040 !important;
|
| 1052 |
+
}
|
| 1053 |
</script>
|
| 1054 |
|
| 1055 |
<script>
|