cwhuh commited on
Commit
a3f8465
Β·
1 Parent(s): d545067

update : UI color

Browse files
Files changed (1) hide show
  1. app.py +49 -0
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: