fix: carousel delimiter

2026-06-26 09:44:53 +08:00
parent c773ef120a
commit df30beb10f
1 changed files with 12 additions and 1 deletions
@@ -55,7 +55,7 @@ const slides = [

        <v-carousel
          class="introduction-carousel"
-          color="accent"
+          color="secondary"
          delimiter-icon="mdi-square"
          hide-delimiter-background
          show-arrows="hover"
@@ -89,4 +89,15 @@ const slides = [
  object-fit: contain;
  object-position: center;
 }
+
+.introduction-carousel :deep(.v-carousel__controls__item .v-icon) {
+  color: rgb(var(--v-theme-accent)) !important;
+  opacity: 1;
+}
+
+.introduction-carousel :deep(.v-carousel__controls__item.v-btn--active .v-icon),
+.introduction-carousel :deep(.v-carousel__controls__item--active .v-icon) {
+  color: rgb(var(--v-theme-secondary)) !important;
+  opacity: 1;
+}
 </style>