feat: complete application updates

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

src/views/home/HomeView.vue

@@ -420,7 +420,7 @@ async function toggleFavorite(productId: string) {
                 <IconHeart
                   :size="16"
                   :filled="favorites.isFavorite(item.id)"
-                  :color="favorites.isFavorite(item.id) ? '#0a353c' : '#b0b7c0'"
+                  :color="favorites.isFavorite(item.id) ? 'var(--color-primary)' : '#b0b7c0'"
                 />
               </button>
             </div>
@@ -1057,6 +1057,18 @@ async function toggleFavorite(productId: string) {
   color: var(--color-primary);
 }
 
+html.dark .section__title,
+html.dark .home-desk-head__title,
+html.dark .level-card__name,
+html.dark .suggest-card__title,
+html.dark .product-card__name {
+  color: #fff;
+}
+
+html.dark .product-card__sub {
+  color: #c5d0de;
+}
+
 @media (min-width: 768px) {
   .home-page {
     max-width: var(--content-max-width);