Hugging Face's logo

Spaces:
Zaiiida
/
3D-Modle-Generator
Paused

App Files Community
Zaiiida commited on
Commit
c380ec1
·
verified ·
1 Parent(s): 3158a8e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +77 -6
app.py CHANGED
@@ -72,27 +72,98 @@ class CustomTheme(gr.themes.Base):
72
 
73
 
74
  css = """
75
- body {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
76
  background-color: #191a1e !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  }
78
 
79
- .gr-container {
80
  background-color: #191a1e !important;
 
 
 
 
 
 
81
  color: #FFFFFF;
 
 
 
 
 
 
 
 
 
 
 
 
 
82
  }
83
 
84
- .gr-box, .gr-button, input, textarea {
 
 
 
 
 
 
 
 
 
 
85
  background-color: #191a1e !important;
86
- color: #FFFFFF !important;
87
  border: 1px solid #FFFFFF;
 
 
 
 
 
 
 
88
  }
89
 
90
- .gr-button {
91
  background-color: #5271FF !important;
 
 
92
  }
93
 
94
- .gr-button:hover {
95
  background-color: #405BBF !important;
 
96
  }
97
  """
98
 
 
72
 
73
 
74
  css = """
75
+ footer {
76
+ visibility: hidden;
77
+ height: 0;
78
+ margin: 0;
79
+ padding: 0;
80
+ overflow: hidden;
81
+ }
82
+
83
+ body, input, button, textarea, select, .gr-button {
84
+ font-family: 'Poppins', sans-serif;
85
+ background-color: #191a1e !important;
86
+ color: #FFFFFF !important;
87
+ }
88
+
89
+ h1, h2, h3, h4, h5, h6 {
90
+ font-family: 'Poppins', sans-serif;
91
+ font-weight: 700;
92
+ color: #FFFFFF !important;
93
+ }
94
+
95
+ input[type="text"], textarea {
96
  background-color: #191a1e !important;
97
+ color: #FFFFFF !important;
98
+ border: 1px solid #FFFFFF !important;
99
+ }
100
+
101
+ .generate-button {
102
+ background-color: #5271FF !important;
103
+ color: #FFFFFF !important;
104
+ border: none !important;
105
+ font-weight: bold !important;
106
+ }
107
+
108
+ .generate-button:hover {
109
+ background-color: #405BBF !important;
110
  }
111
 
112
+ gr-image-upload {
113
  background-color: #191a1e !important;
114
+ border: 1px dashed #FFFFFF !important;
115
+ position: relative;
116
+ }
117
+
118
+ .gr-image-upload .dropzone::before {
119
+ content: 'Drop Image Here';
120
  color: #FFFFFF;
121
+ font-size: 1rem;
122
+ font-weight: bold;
123
+ text-align: center;
124
+ position: absolute;
125
+ top: 50%;
126
+ left: 50%;
127
+ transform: translate(-50%, -50%);
128
+ }
129
+
130
+ .drop-image-container {
131
+ display: flex;
132
+ flex-direction: column;
133
+ align-items: center;
134
  }
135
 
136
+ .drop-image, .processed-image {
137
+ margin-bottom: 20px;
138
+ background-color: #191a1e !important;
139
+ }
140
+
141
+ .foreground-ratio-container {
142
+ margin-top: 20px;
143
+ margin-bottom: 20px;
144
+ }
145
+
146
+ .gr-tab {
147
  background-color: #191a1e !important;
 
148
  border: 1px solid #FFFFFF;
149
+ border-radius: 5px;
150
+ margin-top: 10px;
151
+ }
152
+
153
+ .gr-tab label {
154
+ color: #FFFFFF !important;
155
+ font-weight: bold;
156
  }
157
 
158
+ .gr-button-primary {
159
  background-color: #5271FF !important;
160
+ color: #FFFFFF !important;
161
+ border: none;
162
  }
163
 
164
+ .gr-button-primary:hover {
165
  background-color: #405BBF !important;
166
+ color: #FFFFFF !important;
167
  }
168
  """
169