James McCool commited on
Commit
498d49f
·
1 Parent(s): 5d8edb1

Update tab styling colors for improved visual consistency

Browse files

Change background colors for tabs and hover states to enhance the user interface. The active tab now features a gold border, while hover effects have been adjusted to maintain a cohesive design across the application.

Files changed (1) hide show
  1. app.py +3 -2
app.py CHANGED
@@ -82,7 +82,7 @@ st.markdown("""
82
  .stTabs [data-baseweb="tab"] {
83
  height: 50px;
84
  white-space: pre-wrap;
85
- background-color: #FFD700;
86
  color: white;
87
  border-radius: 10px;
88
  gap: 1px;
@@ -93,11 +93,12 @@ st.markdown("""
93
 
94
  .stTabs [aria-selected="true"] {
95
  background-color: #DAA520;
 
96
  color: white;
97
  }
98
 
99
  .stTabs [data-baseweb="tab"]:hover {
100
- background-color: #DAA520;
101
  cursor: pointer;
102
  }
103
  </style>""", unsafe_allow_html=True)
 
82
  .stTabs [data-baseweb="tab"] {
83
  height: 50px;
84
  white-space: pre-wrap;
85
+ background-color: #DAA520;
86
  color: white;
87
  border-radius: 10px;
88
  gap: 1px;
 
93
 
94
  .stTabs [aria-selected="true"] {
95
  background-color: #DAA520;
96
+ border: 3px solid #FFD700;
97
  color: white;
98
  }
99
 
100
  .stTabs [data-baseweb="tab"]:hover {
101
+ background-color: #FFD700;
102
  cursor: pointer;
103
  }
104
  </style>""", unsafe_allow_html=True)