@apify/docs-theme 1.0.25 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apify/docs-theme",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "",
   "main": "./src/index.js",
   "files": [

package/src/theme/Logo/index.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import Link from '@docusaurus/Link';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useThemeConfig } from '@docusaurus/theme-common';
+import ThemedImage from '@theme/ThemedImage';
+
+function LogoThemedImage({ logo, alt, imageClassName }) {
+    const sources = {
+        light: useBaseUrl(logo.src),
+        dark: useBaseUrl(logo.srcDark || logo.src),
+    };
+    const themedImage = (
+        <ThemedImage
+            className={logo.className}
+            sources={sources}
+            height={logo.height}
+            width={logo.width}
+            alt={alt}
+            style={logo.style}
+        />
+    );
+    // Is this extra div really necessary?
+    // introduced in https://github.com/facebook/docusaurus/pull/5666
+    return imageClassName ? (
+        <div className={imageClassName}>{themedImage}</div>
+    ) : (
+        themedImage
+    );
+}
+export default function Logo(props) {
+    const {
+        siteConfig: { title },
+    } = useDocusaurusContext();
+    const {
+        navbar: { title: navbarTitle, logo },
+    } = useThemeConfig();
+    const { imageClassName, titleClassName, ...propsRest } = props;
+    const logoLink = useBaseUrl(logo?.href || '/');
+    // If visible title is shown, fallback alt text should be
+    // an empty string to mark the logo as decorative.
+    const fallbackAlt = navbarTitle ? '' : title;
+    // Use logo alt text if provided (including empty string),
+    // and provide a sensible fallback otherwise.
+    const alt = logo?.alt ?? fallbackAlt;
+    return (
+        <Link
+            to={logoLink}
+            {...propsRest}
+            {...(logo?.target && { target: logo.target })}>
+            {logo && (
+                <LogoThemedImage
+                    logo={logo}
+                    alt={alt}
+                    imageClassName={imageClassName}
+                />
+            )}
+            {!logo ? <b className={titleClassName}>{navbarTitle}</b> : null}
+        </Link>
+    );
+}

package/src/theme/custom.css

@@ -182,6 +182,7 @@ html.plugin-pages .main-wrapper {
 
 .main-wrapper > div {
     max-width: var(--max-layout-width);
+    margin: auto;
 }
 
 aside > div > a {
@@ -591,27 +592,3 @@ html[data-theme='dark'] .actionLink:hover::after {
     background-image: url('/img/arrow-right-primary.svg');
     margin-left: 8px;
 }
-
-
-pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
-  Theme: GitHub
-  Description: Light theme as seen on github.com
-  Author: github.com
-  Maintainer: @Hirse
-  Updated: 2021-05-15
-
-  Outdated base version: https://github.com/primer/github-syntax-light
-  Current colors taken from GitHub's CSS
-*/
-.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
- 
- /*!
-  Theme: GitHub Dark Dimmed
-  Description: Dark dimmed theme as seen on github.com
-  Author: github.com
-  Maintainer: @Hirse
-  Updated: 2021-05-15
-
-  Colors taken from GitHub's CSS
-*/
-html[data-theme="dark"] .hljs{color:#adbac7;background:#22272e}html[data-theme="dark"] .hljs-doctag,html[data-theme="dark"] .hljs-keyword,html[data-theme="dark"] .hljs-meta .hljs-keyword,html[data-theme="dark"] .hljs-template-tag,html[data-theme="dark"] .hljs-template-variable,html[data-theme="dark"] .hljs-type,html[data-theme="dark"] .hljs-variable.language_{color:#f47067}html[data-theme="dark"] .hljs-title,html[data-theme="dark"] .hljs-title.class_,html[data-theme="dark"] .hljs-title.class_.inherited__,html[data-theme="dark"] .hljs-title.function_{color:#dcbdfb}html[data-theme="dark"] .hljs-attr,html[data-theme="dark"] .hljs-attribute,html[data-theme="dark"] .hljs-literal,html[data-theme="dark"] .hljs-meta,html[data-theme="dark"] .hljs-number,html[data-theme="dark"] .hljs-operator,html[data-theme="dark"] .hljs-selector-attr,html[data-theme="dark"] .hljs-selector-class,html[data-theme="dark"] .hljs-selector-id,html[data-theme="dark"] .hljs-variable{color:#6cb6ff}html[data-theme="dark"] .hljs-meta .hljs-string,html[data-theme="dark"] .hljs-regexp,html[data-theme="dark"] .hljs-string{color:#96d0ff}html[data-theme="dark"] .hljs-built_in,html[data-theme="dark"] .hljs-symbol{color:#f69d50}html[data-theme="dark"] .hljs-code,html[data-theme="dark"] .hljs-comment,html[data-theme="dark"] .hljs-formula{color:#768390}html[data-theme="dark"] .hljs-name,html[data-theme="dark"] .hljs-quote,html[data-theme="dark"] .hljs-selector-pseudo,html[data-theme="dark"] .hljs-selector-tag{color:#8ddb8c}html[data-theme="dark"] .hljs-subst{color:#adbac7}html[data-theme="dark"] .hljs-section{color:#316dca;font-weight:700}html[data-theme="dark"] .hljs-bullet{color:#eac55f}html[data-theme="dark"] .hljs-emphasis{color:#adbac7;font-style:italic}html[data-theme="dark"] .hljs-strong{color:#adbac7;font-weight:700}html[data-theme="dark"] .hljs-addition{color:#b4f1b4;background-color:#1b4721}html[data-theme="dark"] .hljs-deletion{color:#ffd8d3;background-color:#78191b}