website css updates

website/src/components/HomepageFeatures/styles.module.css

@@ -14,3 +14,7 @@
   height: 100px;
   width: 100px;
 }
+
+svg.featureSvg path {
+  stroke: var(--docusaurus-svg-color);
+}

website/src/components/HomepageTools/index.tsx

@@ -169,14 +169,14 @@ function ToolsRight() {
           <Tool {...props} />
         ))}
       </div>
-      <hr />
+      <hr className="hero__hr2" />
       <div className="text--center padding-horiz--md padding-vert--md">
         <Heading as="h2">Work in Progress</Heading>
         {WorkInProgressTools.map((props, idx) => (
           <ToolWork {...props} />
         ))}
       </div>
-      <hr />
+      <hr className="hero__hr2" />
       <div className="text--center padding-horiz--md padding-vert--md">
         <Heading as="h2">Internal</Heading>
         <b><Link to={'https://github.com/xpack-dev-tools/xbb-helper-xpack'}>xbb-helper</Link></b> - <b>xPack Build Helper</b>

website/src/css/custom.css

@@ -18,6 +18,7 @@
   --ifm-color-primary-lightest: #97c0fe;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --docusaurus-svg-color: #323232;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -30,13 +31,29 @@
   --ifm-color-primary-lighter: #69a4fe;
   --ifm-color-primary-lightest: #97c0fe;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --docusaurus-svg-color: #CDCDCD;
 }
 
 /* For the home page xpm install field */
 p.hero__code code  {
   color: var(--ifm-font-color-base)
 }
 
+
+p.hero__subtitle {
+  margin: 0 0 0 0; /* 0 0 var(--ifm-paragraph-margin-bottom) */
+}
+
+
+hr.hero__hr {
+  /* background-color: var(--ifm-color-primary); */
+  height: 3px;
+}
+
+hr.hero__hr2 {
+  height: 2px;
+}
+
 /* Reduce size of blog titles (H2 is 2rem) */
 .title_f1Hy {
   font-size: 2.5rem; /* 3rem; */

website/src/pages/index.tsx

@@ -44,7 +44,7 @@ export default function Home(): JSX.Element {
       <HomepageHeader />
       <main>
         <HomepageFeatures />
-        <hr/>
+        <hr className="hero__hr"/>
         <HomepageTools />
       </main>
     </Layout>