rimasalshehri commited on
Commit
184e13e
·
verified ·
1 Parent(s): e6292da

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +25 -50
app.py CHANGED
@@ -13,59 +13,21 @@ st.markdown(
13
  .stApp { background-color: #E4ECE3; }
14
  section[data-testid="stSidebar"] { background-color: #084C3C; }
15
  section[data-testid="stSidebar"] p, section[data-testid="stSidebar"] label { color: white; }
16
- input, textarea, select, .stFileUploader {
17
- background-color: white !important;
18
- border: 2px solid #084C3C !important;
19
- color: #084C3C !important;
20
- border-radius: 5px !important;
21
- }
22
- input:focus, textarea:focus, select:focus, .stFileUploader:focus {
23
- border: 2px solid #7FDB8B !important;
24
- outline: none !important;
25
- }
26
-
27
- /* Submit button custom styling */
28
- div[data-testid="stFormSubmitButton"] button {
29
- background-color: #084C3C !important; /* Dark green background */
30
- color: white !important; /* White text */
31
- border-radius: 10px !important; /* Rounded corners */
32
- padding: 10px 20px !important; /* Button padding */
33
- border: none !important; /* Remove border */
34
- font-size: 16px !important; /* Increase text size */
35
- }
36
-
37
- div[data-testid="stFormSubmitButton"] button:focus,
38
- div[data-testid="stFormSubmitButton"] button:hover {
39
- background-color: #066B4E !important; /* Slightly lighter green on hover/focus */
40
- color: white !important; /* Ensure white text on hover/focus */
41
- }
42
-
43
- /* Style for other buttons (non-form buttons) */
44
- div.stButton > button {
45
  background-color: #084C3C !important; /* Dark green background */
46
  color: white !important; /* White text */
47
  border-radius: 10px !important; /* Rounded corners */
48
  padding: 10px 20px !important; /* Button padding */
49
  border: none !important; /* Remove border */
50
- font-size: 16px !important; /* Increase text size */
51
- }
52
-
53
- div.stButton > button:hover {
54
- background-color: #056C4C !important; /* Slightly lighter green on hover */
55
- color: white !important; /* Keep text white on hover */
56
- }
57
-
58
- table {
59
- border-collapse: collapse;
60
- width: 100%;
61
- background-color: #E4ECE3;
62
  }
63
- th, td {
64
- border: 1px solid #084C3C;
65
- text-align: left;
66
- padding: 10px;
67
- color: #084C3C;
68
  }
 
 
69
  th { background-color: #7FDB8B; }
70
  tr:nth-child(even) { background-color: #f9f9f9; }
71
 
@@ -78,6 +40,21 @@ st.markdown(
78
  div[data-testid="stMarkdownContainer"] p {
79
  color: #084C3C !important;
80
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  </style>
82
  """,
83
  unsafe_allow_html=True
@@ -85,7 +62,6 @@ st.markdown(
85
 
86
 
87
 
88
-
89
  # Sample user data for login
90
  users = {
91
  "manager123": {"password": "managerpass", "role": "Manager"},
@@ -375,7 +351,6 @@ def customize_submit_button():
375
 
376
 
377
 
378
- if __name__ == "__main__":
379
  customize_navigation_menu_dark_green()
380
- main()
381
-
 
13
  .stApp { background-color: #E4ECE3; }
14
  section[data-testid="stSidebar"] { background-color: #084C3C; }
15
  section[data-testid="stSidebar"] p, section[data-testid="stSidebar"] label { color: white; }
16
+ input, textarea, select, .stFileUploader { background-color: white !important; border: 2px solid #084C3C !important; color: #084C3C !important; border-radius: 5px !important; }
17
+ input:focus, textarea:focus, select:focus, .stFileUploader:focus { border: 2px solid #7FDB8B !important; outline: none !important; }
18
+ div[data-testid="stFormSubmitButton"] button, div.stButton > button {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  background-color: #084C3C !important; /* Dark green background */
20
  color: white !important; /* White text */
21
  border-radius: 10px !important; /* Rounded corners */
22
  padding: 10px 20px !important; /* Button padding */
23
  border: none !important; /* Remove border */
 
 
 
 
 
 
 
 
 
 
 
 
24
  }
25
+ div[data-testid="stFormSubmitButton"] button:hover, div.stButton > button:hover {
26
+ background-color: #7FDB8B !important; /* Slightly lighter green on hover */
27
+ color: #084C3C !important; /* Dark green text on hover */
 
 
28
  }
29
+ table { border-collapse: collapse; width: 100%; background-color: #E4ECE3; }
30
+ th, td { border: 1px solid #084C3C; text-align: left; padding: 10px; color: #084C3C; }
31
  th { background-color: #7FDB8B; }
32
  tr:nth-child(even) { background-color: #f9f9f9; }
33
 
 
40
  div[data-testid="stMarkdownContainer"] p {
41
  color: #084C3C !important;
42
  }
43
+
44
+ /* Submit button custom styling */
45
+ div[data-testid="stFormSubmitButton"] button {
46
+ background-color: #084C3C !important; /* Dark green background */
47
+ color: white !important; /* White text */
48
+ border: none !important; /* Remove border */
49
+ border-radius: 5px !important; /* Rounded corners */
50
+ padding: 10px 20px !important; /* Button padding */
51
+ }
52
+
53
+ div[data-testid="stFormSubmitButton"] button:focus,
54
+ div[data-testid="stFormSubmitButton"] button:hover {
55
+ background-color: #066B4E !important; /* Slightly lighter green on hover/focus */
56
+ color: white !important; /* Keep white text on hover/focus */
57
+ }
58
  </style>
59
  """,
60
  unsafe_allow_html=True
 
62
 
63
 
64
 
 
65
  # Sample user data for login
66
  users = {
67
  "manager123": {"password": "managerpass", "role": "Manager"},
 
351
 
352
 
353
 
354
+ if _name_ == "_main_":
355
  customize_navigation_menu_dark_green()
356
+     main()