Hugging Face's logo

Spaces:
Yntec
/
ToyWorld
Running

App Files Community
11
Yntec commited on
Commit
54c92fb
•
1 Parent(s): 22dba2d

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +10 -10
app.py CHANGED
@@ -44,21 +44,21 @@ with gr.Blocks(css=css) as myface:
44
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 1) !important;
45
  }
46
  h3 {
47
- color: #ffaa66; !important;
48
  }
49
  h4 {
50
  color: #ffffff; !important;
51
  }
52
  .gradio-container {
53
- background-image: linear-gradient(#304646, #243a3a, #1e2e2e) !important;
54
  color: #ffaa66 !important;
55
  font-family: 'IBM Plex Sans', sans-serif !important;
56
  }
57
  .text-gray-500 {
58
- color: #ffaa66 !important;
59
  }
60
  .gr-box {
61
- background-image: linear-gradient(#1e2e2e, #243a3a, #304646) !important;
62
  border-top-color: #000000 !important;
63
  border-right-color: #ffffff !important;
64
  border-bottom-color: #ffffff !important;
@@ -66,19 +66,19 @@ with gr.Blocks(css=css) as myface:
66
  }
67
  .gr-input {
68
  color: #ffffff; !important;
69
- background-color: #304646 !important;
70
  }
71
  :root {
72
  --neutral-100: #000000 !important;
73
  }
74
  </style>
75
  <body>
76
- <div class="center"><h1>ToyWorld XL 401</h1>
77
  </div>
78
  </body>
79
  </div>
80
  <p style="margin-bottom: 10px; color: #ffaa66;">
81
- <h3>Top SDXL Models and 401 Stable Diffusion models for your enjoyment!</h3></p>
82
  <p style="margin-bottom: 10px; font-size: 98%">
83
  <br><h4>The first time you load a model it takes 200 seconds</h4>
84
  <br><h4>But after it's loaded each new image takes 20 seconds to generate!</h4></p>
@@ -92,9 +92,9 @@ with gr.Blocks(css=css) as myface:
92
  with gr.Column(scale=100):
93
  magic1=gr.Textbox(label="Your Prompt", lines=4)
94
  gr.HTML("""<style> .gr-button {
95
- color: white !important;
96
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 1) !important;
97
- background-image: linear-gradient(#ff9e0c, #ffd31e) !important;
98
  border-radius: 24px !important;
99
  border: solid 1px !important;
100
  border-top-color: #ffffff !important;
@@ -107,7 +107,7 @@ with gr.Blocks(css=css) as myface:
107
  .gr-button:active {
108
  font-size: 98% !important;
109
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 1) !important;
110
- background-image: linear-gradient(#ffd31e, #ff9e0c) !important;
111
  border-top-color: #000000 !important;
112
  border-right-color: #ffffff !important;
113
  border-bottom-color: #ffffff !important;
 
44
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 1) !important;
45
  }
46
  h3 {
47
+ color: #ffc99f; !important;
48
  }
49
  h4 {
50
  color: #ffffff; !important;
51
  }
52
  .gradio-container {
53
+ background-image: linear-gradient(#303e46, #24323a, #1e262e) !important;
54
  color: #ffaa66 !important;
55
  font-family: 'IBM Plex Sans', sans-serif !important;
56
  }
57
  .text-gray-500 {
58
+ color: #ffc99f !important;
59
  }
60
  .gr-box {
61
+ background-image: linear-gradient(#1e262e, #24323a, #303e46) !important;
62
  border-top-color: #000000 !important;
63
  border-right-color: #ffffff !important;
64
  border-bottom-color: #ffffff !important;
 
66
  }
67
  .gr-input {
68
  color: #ffffff; !important;
69
+ background-color: #303e46 !important;
70
  }
71
  :root {
72
  --neutral-100: #000000 !important;
73
  }
74
  </style>
75
  <body>
76
+ <div class="center"><h1>Toy World</h1>
77
  </div>
78
  </body>
79
  </div>
80
  <p style="margin-bottom: 10px; color: #ffaa66;">
81
+ <h3>Top 411 Stable Diffusion models for your enjoyment!</h3></p>
82
  <p style="margin-bottom: 10px; font-size: 98%">
83
  <br><h4>The first time you load a model it takes 200 seconds</h4>
84
  <br><h4>But after it's loaded each new image takes 20 seconds to generate!</h4></p>
 
92
  with gr.Column(scale=100):
93
  magic1=gr.Textbox(label="Your Prompt", lines=4)
94
  gr.HTML("""<style> .gr-button {
95
+ color: #ffc99f !important;
96
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 1) !important;
97
+ background-image: linear-gradient(#76635a, #d2a489) !important;
98
  border-radius: 24px !important;
99
  border: solid 1px !important;
100
  border-top-color: #ffffff !important;
 
107
  .gr-button:active {
108
  font-size: 98% !important;
109
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 1) !important;
110
+ background-image: linear-gradient(#d2a489, #76635a) !important;
111
  border-top-color: #000000 !important;
112
  border-right-color: #ffffff !important;
113
  border-bottom-color: #ffffff !important;