update footer css

packages/logos-docusaurus-theme/src/client/css/custom.scss

@@ -153,7 +153,7 @@
 
   --ifm-footer-link-horizontal-spacing: 0;
   --ifm-footer-padding-horizontal: 0;
-  --ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
+  --ifm-footer-padding-vertical: 24px;
   --ifm-footer-background-color: transparent;
 
   --ifm-menu-link-padding-horizontal: var(--ifm-spacing-horizontal);
@@ -206,6 +206,9 @@
   --ifm-color-warning-light: var(--caution);
   --ifm-color-danger-dark: var(--danger);
   --ifm-color-danger-light: var(--danger);
+
+  --ifm-footer-link-color: rgb(var(--lsd-text-primary));
+  --ifm-color-content-secondary: rgb(var(--lsd-text-primary));
 }
 
 @include utils.responsive('lg', 'down') {
@@ -305,6 +308,10 @@ small {
   font-size: var(--ifm-h6-font-size);
 }
 
+.footer {
+  border-top: 1px solid rgb(var(--lsd-text-primary));
+}
+
 .footer__logo {
   margin: 0 !important;
 }

packages/logos-docusaurus-theme/src/client/theme/Footer/Layout/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import clsx from 'clsx'
+
 export default function FooterLayout({ style, links, logo, copyright }) {
   return (
     <footer

packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/index.tsx

@@ -3,13 +3,17 @@ import Link from '@docusaurus/Link'
 import useBaseUrl from '@docusaurus/useBaseUrl'
 import isInternalUrl from '@docusaurus/isInternalUrl'
 import IconExternalLink from '@theme/Icon/ExternalLink'
+import styles from './style.module.scss'
+import clsx from 'clsx'
+
 export default function FooterLinkItem({ item }) {
   const { to, href, label, prependBaseUrlToHref, ...props } = item
   const toUrl = useBaseUrl(to)
   const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true })
+
   return (
     <Link
-      className="footer__link-item"
+      className={clsx('footer__link-item', styles.linkItem)}
       {...(href
         ? {
             href: prependBaseUrlToHref ? normalizedHref : href,

packages/logos-docusaurus-theme/src/client/theme/Footer/LinkItem/style.module.scss

@@ -0,0 +1,3 @@
+.linkItem {
+  text-decoration: underline;
+}