Vlad Bastina commited on
Commit
cd68e25
·
1 Parent(s): 18f6ecd

style update

Browse files
Files changed (2) hide show
  1. app.py +5 -0
  2. style.css +72 -0
app.py CHANGED
@@ -37,6 +37,11 @@ if __name__ == "__main__":
37
  os.environ['GOOGLE_API_KEY'] = st.secrets['GOOGLE_API_KEY']
38
  st.set_page_config(page_title=None, page_icon=None, layout="centered", initial_sidebar_state="expanded", menu_items=None)
39
 
 
 
 
 
 
40
  load_css("style.css")
41
 
42
  # Streamlit UI
 
37
  os.environ['GOOGLE_API_KEY'] = st.secrets['GOOGLE_API_KEY']
38
  st.set_page_config(page_title=None, page_icon=None, layout="centered", initial_sidebar_state="expanded", menu_items=None)
39
 
40
+ st.markdown("""
41
+ <link rel="preconnect" href="https://fonts.googleapis.com">
42
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
43
+ <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet">
44
+ """, unsafe_allow_html=True)
45
  load_css("style.css")
46
 
47
  # Streamlit UI
style.css CHANGED
@@ -0,0 +1,72 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
3
+ font-size: 14px !important;
4
+ text-align: left !important;
5
+ }
6
+
7
+ /* Headings */
8
+ h1, h2, h3 {
9
+ font-family: "Space Grotesk", sans-serif !important;
10
+ font-optical-sizing: auto !important;
11
+ font-weight: 500 !important;
12
+ font-style: normal !important;
13
+ }
14
+ h1, h2 {
15
+ letter-spacing: -2px !important;
16
+ }
17
+ h1 {
18
+ font-size: 34px !important;
19
+ }
20
+ h2 {
21
+ font-size: 21px !important;
22
+ }
23
+ h3 {
24
+ font-size: 17px !important;
25
+ }
26
+ h4 {
27
+ font-size: 14px !important;
28
+ }
29
+
30
+ /* Butoane */
31
+
32
+ button {
33
+ font-weight: 600 !important;
34
+ }
35
+ button:hover {
36
+ color: #FA6C03 !important;
37
+ border-color: #FA6C03 !important;
38
+ }
39
+ button:focus {
40
+ color: #fff !important;
41
+ background-color: #FA6C03 !important;
42
+ }
43
+
44
+ /* Buton sidebar */
45
+ [data-testid="stSidebar"] .stButton>button {
46
+ background-color: #4169E1 !important;
47
+ }
48
+
49
+ /* Bara loading */
50
+ .st-emotion-cache-1dp5vir {
51
+ background-image: linear-gradient(90deg, rgb(65, 105, 225), rgb(0, 255, 255)) !important;
52
+ }
53
+
54
+ /* Bara stanga */
55
+ .st-emotion-cache-vmpjyt {
56
+ background-color: #f5f5f5 !important;
57
+ }
58
+
59
+ /* Select */
60
+ .st-ae {
61
+ font-family: inherit !important;
62
+ }
63
+
64
+ /* File Select */
65
+ .st-emotion-cache-1gulkj5 {
66
+ background-color: #f5f5f5 !important;
67
+ }
68
+
69
+ /* Other fonts */
70
+ p {
71
+ font-family: 'Inter Tight', Arial, Helvetica, sans-serif !important;
72
+ }