James McCool commited on
Commit
16200b0
·
1 Parent(s): 2bf059d

Update tab styling with refined color scheme and hover effects

Browse files

- Modify default tab background color from gold to goldenrod
- Add border highlight for selected tab
- Adjust hover state background color for improved visual feedback

Files changed (1) hide show
  1. app.py +3 -2
app.py CHANGED
@@ -40,7 +40,7 @@ st.markdown("""
40
  .stTabs [data-baseweb="tab"] {
41
  height: 50px;
42
  white-space: pre-wrap;
43
- background-color: #FFD700;
44
  color: white;
45
  border-radius: 10px;
46
  gap: 1px;
@@ -51,11 +51,12 @@ st.markdown("""
51
 
52
  .stTabs [aria-selected="true"] {
53
  background-color: #DAA520;
 
54
  color: white;
55
  }
56
 
57
  .stTabs [data-baseweb="tab"]:hover {
58
- background-color: #DAA520;
59
  cursor: pointer;
60
  }
61
  </style>""", unsafe_allow_html=True)
 
40
  .stTabs [data-baseweb="tab"] {
41
  height: 50px;
42
  white-space: pre-wrap;
43
+ background-color: #DAA520;
44
  color: white;
45
  border-radius: 10px;
46
  gap: 1px;
 
51
 
52
  .stTabs [aria-selected="true"] {
53
  background-color: #DAA520;
54
+ border: 3px solid #FFD700;
55
  color: white;
56
  }
57
 
58
  .stTabs [data-baseweb="tab"]:hover {
59
+ background-color: #FFD700;
60
  cursor: pointer;
61
  }
62
  </style>""", unsafe_allow_html=True)