|
1 | | -/* Target the main Streamlit app */ |
2 | 1 | .streamlit-app { |
3 | 2 | font-family: 'Arial', sans-serif; |
4 | 3 | font-size: 16px; |
5 | 4 | } |
6 | 5 |
|
7 | | -/* Target the main content area */ |
8 | 6 | .main { |
9 | | - background-color: #add8e6; /* Light Blue */ |
| 7 | + background-color: #072b33ec; |
10 | 8 | padding: 20px; |
11 | 9 | } |
12 | 10 |
|
13 | | -/* Target the Streamlit expander header */ |
14 | | -div.st-expander-header { |
15 | | - background-color: #add8e6; /* Light Blue */ |
16 | | - color: #808080; /* Gray */ |
| 11 | +div.st-expander-header |
| 12 | +div.st-expander-header :hover |
| 13 | +{ |
| 14 | + background-color: #ffffff; |
| 15 | + color: #e6c9a9; |
17 | 16 | padding: 10px; |
18 | 17 | border-radius: 5px; |
19 | 18 | } |
20 | 19 |
|
21 | | -/* Target the Input/Output Options expander */ |
22 | 20 | div.st-expander-header.Input-Output-Options { |
23 | | - /* Add your custom styles here */ |
24 | | - background-color: #add8e6; /* Light Blue */ |
25 | | - color: #808080; /* Gray */ |
| 21 | + background-color: #072b33ec; |
| 22 | + color: #e6c9a9; |
26 | 23 | padding: 10px; |
27 | 24 | border-radius: 5px; |
28 | 25 | cursor: pointer; |
29 | 26 | } |
30 | 27 |
|
31 | | -/* Target buttons */ |
32 | 28 | button.stButton.run-button, |
33 | 29 | button.stButton.share-button { |
34 | | - background-color: #00008b; /* Dark Blue */ |
35 | | - color: #808080; /* Gray */ |
| 30 | + background-color: #808080; |
| 31 | + color: #e6c9a9; |
36 | 32 | padding: 10px 20px; |
37 | | - border: 2px solid #00008b; /* Dark Blue */ |
| 33 | + border: 2px solid #808080; |
38 | 34 | border-radius: 5px; |
39 | 35 | cursor: pointer; |
40 | 36 | } |
41 | 37 |
|
42 | 38 | button.stButton.run-button:hover, |
43 | 39 | button.stButton.share-button:hover { |
44 | | - background-color: #00008b; /* Dark Blue */ |
45 | | - color: #808080; /* Gray */ |
| 40 | + background-color: #808080; |
| 41 | + color: #e6c9a9; |
46 | 42 | } |
47 | 43 |
|
48 | | -/* Target textareas and inputs */ |
49 | 44 | textarea.stTextArea, |
50 | | -input.stTextInput, |
51 | | -div.stAlert div { |
52 | | - background-color: #808080; /* Gray */ |
53 | | - color: #808080; /* Gray */ |
| 45 | +input.stTextInput { |
| 46 | + background-color: #808080; |
| 47 | + color: #e6c9a9; |
54 | 48 | padding: 2px; |
55 | 49 | font-size: 10px; |
56 | 50 | } |
57 | 51 |
|
58 | | -/* Target headings */ |
59 | 52 | h1 { |
60 | 53 | font-family: 'Pacifico', cursive; |
61 | 54 | font-size: 40px; |
62 | | - color: #333333; |
| 55 | + color: #e6c9a9; |
63 | 56 | } |
0 commit comments