Dark mode looks a little better

graphile · Sep 20, 2023 · 15e97ac · 15e97ac
1 parent e29b369
commit 15e97ac
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/grafast/website/src/components/HomepageFeatures/index.jsx b/grafast/website/src/components/HomepageFeatures/index.jsx
@@ -107,7 +107,7 @@ function Feature({ Svg, title, description }) {
 
 export default function HomepageFeatures() {
  return (
- <>
+ <div className={styles.featuresContainer}>
  <section className={styles.lead}>
  <div className="container">
  <div className="row">
@@ -129,6 +129,6 @@ export default function HomepageFeatures() {
  </div>
  </div>
  </section>
- </>
+ </div>
  );
 }
diff --git a/grafast/website/src/components/HomepageFeatures/styles.module.css b/grafast/website/src/components/HomepageFeatures/styles.module.css
@@ -44,3 +44,12 @@
  font-size: 1.5rem;
  line-height: 100%;
 }
+
+[data-theme="dark"] .instruction {
+ background: #008a00;
+ box-shadow: 0.5rem 0.5rem 0px white;
+}
+
+[data-theme="dark"] .featuresContainer {
+ background-color: var(--black-ish);
+}