Spaces:
Running
on
Zero
Running
on
Zero
update : UI color
Browse files
app.py
CHANGED
@@ -106,6 +106,55 @@ input[type="checkbox"]:checked {
|
|
106 |
background-color: rgb(200, 1, 80) !important;
|
107 |
border-color: rgb(200, 1, 80) !important;
|
108 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
109 |
"""
|
110 |
|
111 |
with gr.Blocks(css=css, theme="soft") as demo:
|
|
|
106 |
background-color: rgb(200, 1, 80) !important;
|
107 |
border-color: rgb(200, 1, 80) !important;
|
108 |
}
|
109 |
+
|
110 |
+
/* ν둬ννΈ μ
λ ₯ λ°μ€ ν
λ리 μμ */
|
111 |
+
.input-box, .output-box {
|
112 |
+
border-color: rgb(200, 1, 80) !important;
|
113 |
+
border-width: 2px !important;
|
114 |
+
}
|
115 |
+
|
116 |
+
.input-box:focus-within {
|
117 |
+
border-color: rgb(200, 1, 80) !important;
|
118 |
+
box-shadow: 0 0 0 3px rgba(200, 1, 80, 0.2) !important;
|
119 |
+
}
|
120 |
+
|
121 |
+
/* λ μ΄λΈ μμ */
|
122 |
+
label span {
|
123 |
+
color: rgb(200, 1, 80) !important;
|
124 |
+
}
|
125 |
+
|
126 |
+
/* Examples ν€λ μμ */
|
127 |
+
h3 {
|
128 |
+
color: rgb(200, 1, 80) !important;
|
129 |
+
}
|
130 |
+
|
131 |
+
/* λ§ν¬ μ€νμΌ λ³κ²½ */
|
132 |
+
a {
|
133 |
+
color: #666 !important;
|
134 |
+
text-decoration: underline !important;
|
135 |
+
transition: color 0.2s;
|
136 |
+
}
|
137 |
+
|
138 |
+
a:hover {
|
139 |
+
color: rgb(200, 1, 80) !important;
|
140 |
+
}
|
141 |
+
|
142 |
+
/* Examples λ²νΌ ν
λ리 μμ */
|
143 |
+
.examples .gr-button {
|
144 |
+
border-color: rgb(200, 1, 80) !important;
|
145 |
+
}
|
146 |
+
|
147 |
+
.examples .gr-button:hover {
|
148 |
+
background-color: rgba(200, 1, 80, 0.1) !important;
|
149 |
+
}
|
150 |
+
|
151 |
+
/* μ¬λΌμ΄λ μμ */
|
152 |
+
input[type="range"]::-webkit-slider-thumb {
|
153 |
+
background: rgb(200, 1, 80) !important;
|
154 |
+
}
|
155 |
+
input[type="range"]::-moz-range-thumb {
|
156 |
+
background: rgb(200, 1, 80) !important;
|
157 |
+
}
|
158 |
"""
|
159 |
|
160 |
with gr.Blocks(css=css, theme="soft") as demo:
|