Spaces:
Sleeping
Sleeping
File size: 2,711 Bytes
20bdfba |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 |
import gradio as gr
css= ""
css_old = """
.gradio-container {background: url(https://openclipart.org/image/2000px/279687)}
/* Main background */
body {
background-color: #3B4C54;
color: #ffffff; /* Set default text color for contrast */
}
/* Secondary color for headers and panels */
.gradio-container .card,
.gradio-container h1,
.gradio-container h2,
.gradio-container h3,
.gradio-container h4 {
background-color: #3F543B;
color: #ffffff; /* Ensuring text is readable */
}
/* Background color for the wounded section */
#wounded {
background-color: #503B54;
color: #ffffff; /* Ensures text is readable */
}
/* Olive green color for headers within the wounded section */
#wounded h1,
#wounded h2,
#wounded h3,
#wounded h4,
#wounded h5,
#wounded h6 {
color: #ffffff; /* Olive green color for header text */
background-color: #503B54; /* No background color for headers */
}
/* Styling dropdowns within the wounded section */
#wounded select {
background-color: #3F543B; /* Olive green background */
color: #ffffff; /* Ensures text is readable */
border: 1px solid #3B4C54; /* Optional border for consistency */
}
/* Styling checkboxes within the wounded section */
#wounded input[type="checkbox"] {
accent-color: #3F543B; /* Olive green color for the checkbox */
}
/* Additional checkbox label styling if needed */
#wounded label {
color: #ffffff; /* Ensures labels are readable */
}
/* Background color for the dead section */
#dead {
background-color: #54433B;
color: #ffffff; /* Ensures text is readable */
}
/* Brown color for headers within the dead section */
#dead h1,
#dead h2,
#dead h3,
#dead h4,
#dead h5,
#dead h6 {
color: #ffffff; /* Olive green color for header text */
background-color: #54433B; /* No background color for headers */
}
#bird-boxes {background-color: #3B4C54}
#submit {background-color: #abb2bf}
#error {background-color: #e82323}
#valid {background-color: #07e63f}
"""
# OLD THEME:
# css = """
# .gradio-container {background: url(https://openclipart.org/image/2000px/279687)}
# #image {background-color: #73b9ae}
# #dead {background-color: #333333}
# #wounded {background-color: #5e0724}
# #bird-boxes {background-color: #f2f3f3}
# #buttons-conditions {background-color: #b3b3b3}
# #dropdown-conditions {background-color: #b3b3b3}
# #followup {background-color: #38241c}
# #submit {background-color: #abb2bf}
# #error {background-color: #e82323}
# #valid {background-color: #07e63f}
# """
# theme = gr.themes.Soft(primary_hue="teal", secondary_hue="teal", neutral_hue="emerald",
# font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"])
|