fix logo styling [skip ci]

This commit is contained in:
checktheroads 2020-06-02 01:52:13 -07:00
parent 339aefd79f
commit 0b9947fed6
2 changed files with 11 additions and 17 deletions

View file

@ -143,6 +143,14 @@ html[data-theme="dark"] a:hover {
color: var(--ifm-color-primary-light);
}
html[data-theme="dark"] .navbar .navbar__items a.navbar__brand {
color: var(--ifm-color-primary);
}
.navbar .navbar__items a.navbar__brand {
color: var(--ifm-color-black);
}
@media screen and (max-width: 997px) {
.col.footer__col[class][class] {
text-align: left;

View file

@ -45,8 +45,6 @@ function NavLink({ to, href, label, position, ...props }) {
);
}
const logoColor = { true: "#ff5e5b", false: "#000" };
function Navbar() {
const context = useDocusaurusContext();
const { siteConfig = {} } = context;
@ -101,11 +99,7 @@ function Navbar() {
<div className={classnames("navbar__items", styles.navbarItems)}>
{!isMobile && (
<Link className="navbar__brand" to={baseUrl}>
<Logo
color={logoColor[isDarkTheme]}
size={32}
className={styles.logo}
/>
<Logo size={32} className={styles.logo} />
{title != null && (
<strong
className={isSearchBarExpanded ? styles.hideLogoText : ""}
@ -156,11 +150,7 @@ function Navbar() {
>
{isMobile && (
<Link className="navbar__brand" to={baseUrl}>
<Logo
color={logoColor[isDarkTheme]}
size={32}
className={styles.logo}
/>
<Logo size={32} className={styles.logo} />
{title != null && (
<strong
className={isSearchBarExpanded ? styles.hideLogoText : ""}
@ -201,11 +191,7 @@ function Navbar() {
<div className="navbar-sidebar">
<div className="navbar-sidebar__brand">
<Link className="navbar__brand" to={baseUrl}>
<Logo
color={logoColor[isDarkTheme]}
size={32}
className={styles.logo}
/>
<Logo size={32} className={styles.logo} />
{title != null && (
<strong
className={isSearchBarExpanded ? styles.hideLogoText : ""}