Hugging Face's logo

Spaces:
InfiniteValueMe
/
infinite-agent
Running

App Files Community
InfiniteValueMe commited on
Commit
7ff7037
·
verified ·
1 Parent(s): ba876d4

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +65 -0
style.css ADDED
@@ -0,0 +1,65 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* BODY AND BACKGROUND */
2
+ body {
3
+ background-color: #1E1E1E;
4
+ color: #FFFFFF;
5
+ font-family: 'Inter', sans-serif;
6
+ }
7
+
8
+ /* CHATBOT */
9
+ .gr-chatbot {
10
+ background-color: #F5F0E1;
11
+ border-radius: 16px;
12
+ padding: 20px;
13
+ font-family: 'Inter', sans-serif;
14
+ color: #1E1E1E;
15
+ }
16
+
17
+ /* CHAT BUBBLES */
18
+ .gr-chatbot .message {
19
+ background-color: #F5F0E1 !important;
20
+ color: #1E1E1E !important;
21
+ border-radius: 12px;
22
+ padding: 8px 12px;
23
+ margin-bottom: 6px;
24
+ }
25
+
26
+ /* INPUTS AND DROPDOWNS */
27
+ .gr-dropdown, .gr-textbox {
28
+ border-radius: 12px;
29
+ border: 1px solid #A892FF;
30
+ background-color: #F5F0E1;
31
+ color: #1E1E1E;
32
+ padding: 8px;
33
+ }
34
+
35
+ /* Placeholder text for inputs */
36
+ .gr-textbox::placeholder {
37
+ color: #B0B0B0;
38
+ }
39
+
40
+ /* BUTTONS */
41
+ .gr-button {
42
+ border-radius: 12px;
43
+ background-color: #6C63FF;
44
+ color: #FFFFFF;
45
+ font-weight: 600;
46
+ }
47
+
48
+ .gr-button:hover {
49
+ background-color: #A892FF;
50
+ }
51
+
52
+ /* HEADER TEXT */
53
+ .header-text {
54
+ font-family: 'Poppins', sans-serif;
55
+ font-weight: 600;
56
+ color: #FFFFFF;
57
+ }
58
+
59
+ #agent-avatar {
60
+ width: 64px;
61
+ height: 64px;
62
+ margin-bottom: 12px;
63
+ }
64
+
65
+ /* Avatar default styling */