Hugging Face's logo

Spaces:
JirasakJo
/
Questions_Graduate_Studies_Calendar_2024
Sleeping

App Files Community
JirasakJo commited on
Commit
7ef9d28
·
verified ·
1 Parent(s): fc79d55

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +86 -114
app.py CHANGED
@@ -11,120 +11,92 @@ from calendar_rag import (
11
  # Custom CSS for enhanced styling
12
  def load_custom_css():
13
  st.markdown("""
14
- <style>
15
- /* Base text color and background */
16
- body {
17
- color: #1F2937 !important;
18
- background-color: white !important;
19
- }
20
-
21
- /* Override Streamlit default dark theme */
22
- .stMarkdown, .stText, p, span {
23
- color: #1F2937 !important;
24
- }
25
-
26
- /* Main container styling */
27
- .main {
28
- padding: 2rem;
29
- color: #1F2937;
30
- background-color: white;
31
- }
32
-
33
- /* Headers styling */
34
- h1 {
35
- color: #1E3A8A;
36
- font-size: 2.5rem !important;
37
- font-weight: 700 !important;
38
- margin-bottom: 1.5rem !important;
39
- text-align: center;
40
- padding: 1rem 0;
41
- border-bottom: 3px solid #1E3A8A;
42
- }
43
-
44
- h3 {
45
- color: #1E3A8A;
46
- font-weight: 600 !important;
47
- margin-top: 1.5rem !important;
48
- }
49
-
50
- /* Chat message styling */
51
- .chat-message {
52
- padding: 1.5rem;
53
- border-radius: 10px;
54
- margin: 1rem 0;
55
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
56
- color: #1F2937 !important;
57
- background-color: white !important;
58
- }
59
-
60
- .user-message {
61
- background-color: #F3F4F6 !important;
62
- }
63
-
64
- .assistant-message {
65
- background-color: #EFF6FF !important;
66
- }
67
-
68
- /* Input field styling */
69
- .stTextInput input {
70
- border-radius: 8px;
71
- border: 2px solid #E5E7EB;
72
- padding: 0.75rem;
73
- font-size: 1rem;
74
- }
75
-
76
- .stTextInput input:focus {
77
- border-color: #1E3A8A;
78
- box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
79
- }
80
-
81
- /* Button styling */
82
- .stButton button {
83
- border-radius: 8px;
84
- font-weight: 600;
85
- transition: all 0.2s ease;
86
- }
87
-
88
- .stButton button:hover {
89
- transform: translateY(-1px);
90
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
91
- }
92
-
93
- /* Expander styling */
94
- .streamlit-expanderHeader {
95
- background-color: #F9FAFB;
96
- border-radius: 8px;
97
- padding: 0.75rem !important;
98
- font-weight: 600;
99
- }
100
-
101
- /* Status indicator styling */
102
- .status-indicator {
103
- padding: 0.5rem 1rem;
104
- border-radius: 6px;
105
- font-weight: 500;
106
- }
107
-
108
- .status-online {
109
- background-color: #DEF7EC;
110
- color: #03543F;
111
- }
112
-
113
- .status-offline {
114
- background-color: #FDE8E8;
115
- color: #9B1C1C;
116
- }
117
-
118
- /* Force text visibility */
119
- .st-emotion-cache-1gbv2zo {
120
- color: #1F2937 !important;
121
- }
122
-
123
- /* Override dark theme text */
124
- div[data-testid="stMarkdownContainer"] {
125
- color: #1F2937 !important;
126
- }
127
- </style>
128
  """, unsafe_allow_html=True)
129
 
130
  # Page config
 
11
  # Custom CSS for enhanced styling
12
  def load_custom_css():
13
  st.markdown("""
14
+ <style>
15
+ /* Base text color and background */
16
+ body {
17
+ color: #1F2937 !important;
18
+ background-color: white !important;
19
+ font-family: "Arial", sans-serif !important; /* Set a common, clean font */
20
+ line-height: 1.6 !important; /* Increase line spacing */
21
+ }
22
+
23
+ /* Main container styling */
24
+ .main {
25
+ padding: 2rem;
26
+ color: #1F2937;
27
+ background-color: white;
28
+ }
29
+
30
+ /* Headers styling */
31
+ h1 {
32
+ color: #1E3A8A;
33
+ font-size: 3rem !important; /* Larger font size */
34
+ font-weight: 700 !important;
35
+ margin-bottom: 1.5rem !important;
36
+ text-align: center;
37
+ padding: 1rem 0;
38
+ border-bottom: 3px solid #1E3A8A;
39
+ }
40
+
41
+ h3 {
42
+ color: #1E3A8A;
43
+ font-weight: 600 !important;
44
+ font-size: 1.5rem !important; /* Increase size for sub-headers */
45
+ margin-top: 1.5rem !important;
46
+ }
47
+
48
+ /* Chat message styling */
49
+ .chat-message {
50
+ padding: 1.5rem;
51
+ border-radius: 10px;
52
+ margin: 1rem 0;
53
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
54
+ color: #1F2937 !important;
55
+ background-color: white !important;
56
+ font-size: 1.1rem !important; /* Larger text */
57
+ line-height: 1.6 !important; /* Better readability */
58
+ }
59
+
60
+ /* Input field styling */
61
+ .stTextInput input {
62
+ border-radius: 8px;
63
+ border: 2px solid #E5E7EB;
64
+ padding: 0.75rem;
65
+ font-size: 1.1rem; /* Larger input font */
66
+ font-family: "Arial", sans-serif !important;
67
+ }
68
+
69
+ .stTextInput input:focus {
70
+ border-color: #1E3A8A;
71
+ box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
72
+ }
73
+
74
+ /* Button styling */
75
+ .stButton button {
76
+ border-radius: 8px;
77
+ font-weight: 600;
78
+ font-size: 1.1rem !important; /* Bigger buttons */
79
+ transition: all 0.2s ease;
80
+ }
81
+
82
+ /* Status indicator styling */
83
+ .status-indicator {
84
+ padding: 0.5rem 1rem;
85
+ border-radius: 6px;
86
+ font-weight: 500;
87
+ font-size: 1.2rem; /* Larger for better clarity */
88
+ }
89
+
90
+ .status-online {
91
+ background-color: #DEF7EC;
92
+ color: #03543F;
93
+ }
94
+
95
+ .status-offline {
96
+ background-color: #FDE8E8;
97
+ color: #9B1C1C;
98
+ }
99
+ </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
  """, unsafe_allow_html=True)
101
 
102
  # Page config