diff --git a/src/.vuepress/components/HomeContent.vue b/src/.vuepress/components/HomeContent.vue
index ebb3ab2..5bae63e 100644
--- a/src/.vuepress/components/HomeContent.vue
+++ b/src/.vuepress/components/HomeContent.vue
@@ -1,5 +1,5 @@
-
+
-
+
diff --git a/src/.vuepress/theme/main.scss b/src/.vuepress/theme/main.scss
index 24d5b79..effb32f 100644
--- a/src/.vuepress/theme/main.scss
+++ b/src/.vuepress/theme/main.scss
@@ -1,4 +1,8 @@
-$dark-body-bg: #1f262b;
+$dark: #1f262b;
+$dark-opacity1: #1f262bf4;
+$dark-opacity2: #1f262b80;
+
+$dark-body-bg: $dark-opacity1;
@import "bootstrap/scss/bootstrap";
@import "bootstrap-darkmode/scss/darktheme";
@@ -38,3 +42,16 @@ h1, h2, h3, h4, h5 {
border-radius: .4rem;
padding: .2rem .4rem;
}
+[data-theme="dark"] .card {
+ background-color: $dark-opacity2 !important;
+}
+
+.bg-dark {
+ background-color: $dark !important;
+}
+.bg-dark-opacity1 {
+ background-color: $dark-opacity1 !important;
+}
+.bg-dark-opacity2 {
+ background-color: $dark-opacity2 !important;
+}