Fix problems with dark mode

docusaurus.config.js

@@ -91,6 +91,7 @@ const createConfig = async () => {
           logo: {
             alt: 'Arrow Logo',
             src: '/img/arrow-brand.svg',
+            srcDark: '/img/arrow-brand-dark.svg',
           },
           items: [
             {
@@ -269,6 +270,7 @@ const createConfig = async () => {
           logo: {
             alt: 'Arrow Logo',
             src: '/img/arrow-brand.svg',
+            srcDark: '/img/arrow-brand-dark.svg',
             href: 'https://arrow-kt.io',
             width: 128,
             height: 42,

src/components/Blog/BlogListPage/BlogListPage.tsx

@@ -70,9 +70,6 @@ function BlogListPageContent(props: Props): JSX.Element {
         <section className={`container ${styles.verticalRhythm}`}>
           <BlogListPaginator metadata={metadata} />
         </section>
-        <section>
-          <Banner title={data.banner.title} ctaList={data.banner.ctaList} />
-        </section>
       </main>
     </Layout>
   );

src/components/Blog/BlogListPage/blog-list-page.yml

@@ -4,9 +4,3 @@ hero:
   ctaList:
     - title: Learn more about Arrow
       href: /learn/overview
-
-banner:
-  title: Do you want to publish a new post?
-  ctaList:
-    - title: Contact us
-      href: https://github.com/arrow-kt/arrow

src/css/vars.css

@@ -81,7 +81,7 @@
 
   --ifm-footer-background-color: var(--ifm-color-white);
   --ifm-footer-link-color: var(--arrow-grey-primary);
-  --ifm-footer-padding-vertical: calc(3 * var(--ifm-spacing-vertical));
+  --ifm-footer-padding-vertical: calc(1.5 * var(--ifm-spacing-vertical));
 
   --ifm-navbar-search-input-background-color: var(--ifm-color-primary-lightest);
 
@@ -94,6 +94,8 @@
 [data-theme="dark"]:root {
   --arrow-grey-primary: rgb(218, 221, 225);
   --arrow-grey-secondary: rgb(218, 221, 225);
+  --ifm-color-primary-lighter: rgb(25, 60, 71);
+  --ifm-color-primary-lightest: rgb(25, 60, 71);
   --ifm-footer-background-color: var(--ifm-color-black);
 }
 

src/pages/index.tsx

@@ -58,18 +58,6 @@ export default function Home(): JSX.Element {
             ))}
           </section>
         )}
-        <section className={`${styles.usageWrapperContainer}`}>
-          <div className={`container ${styles.usageContainer}`}>
-            {data.companies?.map((company: { name: string; logo: string }) => (
-              <img
-                key={company.name}
-                src={useBaseUrl(`/img/${company.logo}`)}
-                alt={company.name}
-                title={company.name}
-              />
-            ))}
-          </div>
-        </section>
       </main>
     </Layout>
   );

src/pages/libraries/libraries.tsx

@@ -53,9 +53,6 @@ export default function Libraries(): JSX.Element {
             ))}
           </section>
         )}
-        <section>
-          <Banner title={data.banner.title} ctaList={data.banner.ctaList} />
-        </section>
       </main>
     </Layout>
   );

src/pages/libraries/libraries.yml

@@ -42,9 +42,3 @@ libraries:
     href: http://serranofp.com/inikio/
     icon: icon-resilience.svg
     body: Better initial-style DSLs in Kotlin
-
-banner:
-  title: Want to know more about Arrow?
-  ctaList:
-    - title: Read the docs
-      href: /learn/overview