Skip to content

Commit 9f3164e

Browse files
indrasuhyarindrasuhyar
authored
Merge pull request #57 from advanced-computing/color
change sidebar color
2 parents 57b66bd + c1ece65 commit 9f3164e

4 files changed

Lines changed: 124 additions & 0 deletions

File tree

‎pages/2_Geopolitical_Conflict_Context.py‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,37 @@
1111

1212
st.set_page_config(page_title="Conflict Context", layout="wide")
1313

14+
# =========================
15+
# Sidebar styling
16+
# =========================
17+
st.markdown(
18+
"""
19+
<style>
20+
[data-testid="stSidebar"] { background-color: #0D2B5E !important; }
21+
[data-testid="stSidebar"] * { color: white !important; }
22+
[data-testid="stSidebar"] .stDateInput input {
23+
color: #1A1A1A !important;
24+
background-color: #E4EBF4 !important;
25+
}
26+
[data-testid="stSidebarNav"] a { color: rgba(255,255,255,0.8) !important; }
27+
[data-testid="stSidebarNav"] a:hover {
28+
color: white !important;
29+
background-color: rgba(255,255,255,0.1) !important;
30+
}
31+
[data-testid="stSidebarNav"] { padding-top: 3.5rem; }
32+
[data-testid="stSidebarNav"]::before {
33+
content: "U.S. Petroleum & WTI Weekly Monitor";
34+
display: block; position: absolute;
35+
top: 0; left: 0; right: 0;
36+
padding: 1rem 1.2rem 0.2rem 1.2rem;
37+
font-size: 1.05rem; font-weight: 600; line-height: 1.3;
38+
color: white !important;
39+
}
40+
</style>
41+
""",
42+
unsafe_allow_html=True,
43+
)
44+
1445

1546
# =========================
1647
# Helper: render interpretation

‎pages/3_WTI_Price.py‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,37 @@
1111

1212
st.set_page_config(page_title="WTI Price", layout="wide")
1313

14+
# =========================
15+
# Sidebar styling
16+
# =========================
17+
st.markdown(
18+
"""
19+
<style>
20+
[data-testid="stSidebar"] { background-color: #0D2B5E !important; }
21+
[data-testid="stSidebar"] * { color: white !important; }
22+
[data-testid="stSidebar"] .stDateInput input {
23+
color: #1A1A1A !important;
24+
background-color: #E4EBF4 !important;
25+
}
26+
[data-testid="stSidebarNav"] a { color: rgba(255,255,255,0.8) !important; }
27+
[data-testid="stSidebarNav"] a:hover {
28+
color: white !important;
29+
background-color: rgba(255,255,255,0.1) !important;
30+
}
31+
[data-testid="stSidebarNav"] { padding-top: 3.5rem; }
32+
[data-testid="stSidebarNav"]::before {
33+
content: "U.S. Petroleum & WTI Weekly Monitor";
34+
display: block; position: absolute;
35+
top: 0; left: 0; right: 0;
36+
padding: 1rem 1.2rem 0.2rem 1.2rem;
37+
font-size: 1.05rem; font-weight: 600; line-height: 1.3;
38+
color: white !important;
39+
}
40+
</style>
41+
""",
42+
unsafe_allow_html=True,
43+
)
44+
1445

1546
# =========================
1647
# Helper: render interpretation text

‎pages/4_Gasoline_Price.py‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,37 @@
1111

1212
st.set_page_config(page_title="Gasoline Price", layout="wide")
1313

14+
# =========================
15+
# Sidebar styling
16+
# =========================
17+
st.markdown(
18+
"""
19+
<style>
20+
[data-testid="stSidebar"] { background-color: #0D2B5E !important; }
21+
[data-testid="stSidebar"] * { color: white !important; }
22+
[data-testid="stSidebar"] .stDateInput input {
23+
color: #1A1A1A !important;
24+
background-color: #E4EBF4 !important;
25+
}
26+
[data-testid="stSidebarNav"] a { color: rgba(255,255,255,0.8) !important; }
27+
[data-testid="stSidebarNav"] a:hover {
28+
color: white !important;
29+
background-color: rgba(255,255,255,0.1) !important;
30+
}
31+
[data-testid="stSidebarNav"] { padding-top: 3.5rem; }
32+
[data-testid="stSidebarNav"]::before {
33+
content: "U.S. Petroleum & WTI Weekly Monitor";
34+
display: block; position: absolute;
35+
top: 0; left: 0; right: 0;
36+
padding: 1rem 1.2rem 0.2rem 1.2rem;
37+
font-size: 1.05rem; font-weight: 600; line-height: 1.3;
38+
color: white !important;
39+
}
40+
</style>
41+
""",
42+
unsafe_allow_html=True,
43+
)
44+
1445

1546
# =========================
1647
# Helper

‎pages/5_Geopolitical_Risk_Price_Impact.py‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,37 @@
1313

1414
st.set_page_config(page_title="Price Transmission Analysis", layout="wide")
1515

16+
# =========================
17+
# Sidebar styling
18+
# =========================
19+
st.markdown(
20+
"""
21+
<style>
22+
[data-testid="stSidebar"] { background-color: #0D2B5E !important; }
23+
[data-testid="stSidebar"] * { color: white !important; }
24+
[data-testid="stSidebar"] .stDateInput input {
25+
color: #1A1A1A !important;
26+
background-color: #E4EBF4 !important;
27+
}
28+
[data-testid="stSidebarNav"] a { color: rgba(255,255,255,0.8) !important; }
29+
[data-testid="stSidebarNav"] a:hover {
30+
color: white !important;
31+
background-color: rgba(255,255,255,0.1) !important;
32+
}
33+
[data-testid="stSidebarNav"] { padding-top: 3.5rem; }
34+
[data-testid="stSidebarNav"]::before {
35+
content: "U.S. Petroleum & WTI Weekly Monitor";
36+
display: block; position: absolute;
37+
top: 0; left: 0; right: 0;
38+
padding: 1rem 1.2rem 0.2rem 1.2rem;
39+
font-size: 1.05rem; font-weight: 600; line-height: 1.3;
40+
color: white !important;
41+
}
42+
</style>
43+
""",
44+
unsafe_allow_html=True,
45+
)
46+
1647
P_SIGNIFICANCE = 0.05
1748
MAX_LAG = 12
1849

0 commit comments

Comments
 (0)