/* Binance Brand Colors */
:root {
--md-primary-fg-color: #F0B90B;
--md-primary-fg-color--light: #FCD535;
--md-primary-fg-color--dark: #D4A009;
--md-accent-fg-color: #F0B90B;
--md-accent-fg-color--transparent: rgba(240, 185, 11, 0.1);
}
/* Light mode specific overrides */
[data-md-color-scheme="default"] {
--md-primary-fg-color: #F0B90B;
--md-primary-bg-color: #FFFFFF;
--md-accent-fg-color: #F0B90B;
}
/* Dark mode specific overrides */
[data-md-color-scheme="slate"] {
--md-primary-fg-color: #F0B90B;
--md-primary-bg-color: #F0B90B;
--md-accent-fg-color: #F0B90B;
}
/* Dark mode header and navigation styling - same as light mode */
[data-md-color-scheme="slate"] .md-header {
background-color: #F0B90B !important;
}
[data-md-color-scheme="slate"] .md-tabs {
background-color: #F0B90B !important;
}
[data-md-color-scheme="slate"] .md-header__title {
color: #000000 !important;
}
[data-md-color-scheme="slate"] .md-tabs__link {
color: #000000 !important;
}
[data-md-color-scheme="slate"] .md-tabs__link--active {
color: #000000 !important;
opacity: 1;
}
/* Custom color definitions for Material Design */
[data-md-color-primary="custom"] {
--md-primary-fg-color: #F0B90B;
--md-primary-fg-color--light: #FCD535;
--md-primary-fg-color--dark: #D4A009;
}
[data-md-color-accent="custom"] {
--md-accent-fg-color: #F0B90B;
--md-accent-fg-color--transparent: rgba(240, 185, 11, 0.1);
}
/* Light mode styling for better contrast */
[data-md-color-scheme="default"] .md-header {
background-color: var(--md-primary-fg-color);
}
[data-md-color-scheme="default"] .md-tabs {
background-color: var(--md-primary-fg-color);
}
/* Light mode: Ensure good contrast for text on yellow background */
[data-md-color-scheme="default"] .md-header__title {
color: #000000 !important;
}
[data-md-color-scheme="default"] .md-tabs__link {
color: #000000 !important;
}
[data-md-color-scheme="default"] .md-tabs__link--active {
color: #000000 !important;
opacity: 1;
}
/* Navigation styling */
.md-nav__link--active {
color: var(--md-accent-fg-color);
}
/* Search highlighting */
.md-search-result__teaser mark {
background-color: var(--md-accent-fg-color);
color: #000000;
}
/* Dark mode: Fix invisible icons by ensuring proper contrast */
[data-md-color-scheme="slate"] .md-header svg {
color: #000000 !important;
fill: #000000 !important;
}
[data-md-color-scheme="slate"] .md-header__button img {
filter: brightness(0) !important;
}
[data-md-color-scheme="slate"] .md-source__icon svg {
color: #000000 !important;
fill: #000000 !important;
}
[data-md-color-scheme="slate"] .md-header__option svg {
color: #000000 !important;
fill: #000000 !important;
}