Spaces:
Running
Running
Commit
·
4004f41
1
Parent(s):
88900ab
Changed accent colour on experimental UI
Browse files- gradio_app.py +11 -12
gradio_app.py
CHANGED
@@ -3,7 +3,7 @@ from model.analyzer import analyze_content
|
|
3 |
import asyncio
|
4 |
import time
|
5 |
|
6 |
-
# Custom CSS for dark theme and
|
7 |
custom_css = """
|
8 |
.gradio-container {
|
9 |
background: #121212 !important;
|
@@ -14,7 +14,7 @@ custom_css = """
|
|
14 |
|
15 |
.treat-title {
|
16 |
text-align: center;
|
17 |
-
padding:
|
18 |
margin-bottom: 30px;
|
19 |
background: rgba(18, 18, 18, 0.85);
|
20 |
border-radius: 15px;
|
@@ -23,8 +23,8 @@ custom_css = """
|
|
23 |
}
|
24 |
|
25 |
.treat-title h1 {
|
26 |
-
font-size:
|
27 |
-
color: #
|
28 |
margin-bottom: 10px;
|
29 |
font-weight: bold;
|
30 |
animation: fadeInText 1.5s ease-out;
|
@@ -32,12 +32,12 @@ custom_css = """
|
|
32 |
|
33 |
.treat-title p {
|
34 |
font-size: 1.3em;
|
35 |
-
color: #
|
36 |
animation: fadeInText 1.5s ease-out 0.5s;
|
37 |
}
|
38 |
|
39 |
.highlight {
|
40 |
-
color: #
|
41 |
font-weight: bold;
|
42 |
}
|
43 |
|
@@ -62,11 +62,11 @@ custom_css = """
|
|
62 |
}
|
63 |
|
64 |
.gradio-textbox textarea:focus {
|
65 |
-
border-color: #
|
66 |
}
|
67 |
|
68 |
.gradio-button {
|
69 |
-
background-color: #
|
70 |
color: white !important;
|
71 |
border: none !important;
|
72 |
border-radius: 25px !important;
|
@@ -78,12 +78,12 @@ custom_css = """
|
|
78 |
|
79 |
.gradio-button:hover {
|
80 |
transform: scale(1.1) !important;
|
81 |
-
background-color: #
|
82 |
}
|
83 |
|
84 |
.gradio-button:active {
|
85 |
transform: scale(0.98) !important;
|
86 |
-
background-color: #
|
87 |
}
|
88 |
|
89 |
label {
|
@@ -108,7 +108,7 @@ label {
|
|
108 |
}
|
109 |
|
110 |
.footer p {
|
111 |
-
color: #
|
112 |
}
|
113 |
|
114 |
@keyframes slideInFromTop {
|
@@ -125,7 +125,6 @@ label {
|
|
125 |
0% { opacity: 0; transform: translateY(30px); }
|
126 |
100% { opacity: 1; transform: translateY(0); }
|
127 |
}
|
128 |
-
|
129 |
"""
|
130 |
|
131 |
def analyze_with_loading(text, progress=gr.Progress()):
|
|
|
3 |
import asyncio
|
4 |
import time
|
5 |
|
6 |
+
# Custom CSS for dark theme, animations, and purple accent color
|
7 |
custom_css = """
|
8 |
.gradio-container {
|
9 |
background: #121212 !important;
|
|
|
14 |
|
15 |
.treat-title {
|
16 |
text-align: center;
|
17 |
+
padding: 40px;
|
18 |
margin-bottom: 30px;
|
19 |
background: rgba(18, 18, 18, 0.85);
|
20 |
border-radius: 15px;
|
|
|
23 |
}
|
24 |
|
25 |
.treat-title h1 {
|
26 |
+
font-size: 5em;
|
27 |
+
color: #6366f1;
|
28 |
margin-bottom: 10px;
|
29 |
font-weight: bold;
|
30 |
animation: fadeInText 1.5s ease-out;
|
|
|
32 |
|
33 |
.treat-title p {
|
34 |
font-size: 1.3em;
|
35 |
+
color: #6366f1;
|
36 |
animation: fadeInText 1.5s ease-out 0.5s;
|
37 |
}
|
38 |
|
39 |
.highlight {
|
40 |
+
color: #6366f1;
|
41 |
font-weight: bold;
|
42 |
}
|
43 |
|
|
|
62 |
}
|
63 |
|
64 |
.gradio-textbox textarea:focus {
|
65 |
+
border-color: #6366f1 !important;
|
66 |
}
|
67 |
|
68 |
.gradio-button {
|
69 |
+
background-color: #6366f1 !important;
|
70 |
color: white !important;
|
71 |
border: none !important;
|
72 |
border-radius: 25px !important;
|
|
|
78 |
|
79 |
.gradio-button:hover {
|
80 |
transform: scale(1.1) !important;
|
81 |
+
background-color: #5749d3 !important;
|
82 |
}
|
83 |
|
84 |
.gradio-button:active {
|
85 |
transform: scale(0.98) !important;
|
86 |
+
background-color: #4b40bb !important;
|
87 |
}
|
88 |
|
89 |
label {
|
|
|
108 |
}
|
109 |
|
110 |
.footer p {
|
111 |
+
color: #6366f1;
|
112 |
}
|
113 |
|
114 |
@keyframes slideInFromTop {
|
|
|
125 |
0% { opacity: 0; transform: translateY(30px); }
|
126 |
100% { opacity: 1; transform: translateY(0); }
|
127 |
}
|
|
|
128 |
"""
|
129 |
|
130 |
def analyze_with_loading(text, progress=gr.Progress()):
|