Kuberwastaken commited on
Commit
4004f41
·
1 Parent(s): 88900ab

Changed accent colour on experimental UI

Browse files
Files changed (1) hide show
  1. 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 modern animations
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: 30px;
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: 3.5em;
27
- color: #ffa726;
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: #ff7043;
36
  animation: fadeInText 1.5s ease-out 0.5s;
37
  }
38
 
39
  .highlight {
40
- color: #ffa726;
41
  font-weight: bold;
42
  }
43
 
@@ -62,11 +62,11 @@ custom_css = """
62
  }
63
 
64
  .gradio-textbox textarea:focus {
65
- border-color: #ffa726 !important;
66
  }
67
 
68
  .gradio-button {
69
- background-color: #ff7043 !important;
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: #ffa726 !important;
82
  }
83
 
84
  .gradio-button:active {
85
  transform: scale(0.98) !important;
86
- background-color: #fb8c00 !important;
87
  }
88
 
89
  label {
@@ -108,7 +108,7 @@ label {
108
  }
109
 
110
  .footer p {
111
- color: #ffa726;
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()):