|
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