diff --git a/src/assets/img/icon/arrow-down-white.svg b/src/assets/img/icon/arrow-down-white.svg
new file mode 100644
index 00000000..3115c343
--- /dev/null
+++ b/src/assets/img/icon/arrow-down-white.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/scss/_accordion.scss b/src/assets/scss/_accordion.scss
index 8b21ed40..0f6ced5f 100644
--- a/src/assets/scss/_accordion.scss
+++ b/src/assets/scss/_accordion.scss
@@ -50,9 +50,17 @@
@apply border-none pt-0 mt-0;
}
+ &.dark-theme {
+ @apply text-white;
+ }
+
.arrow {
@apply flex items-center justify-center w-6 h-6 border-2 border-solid border-grayPrimary rounded-full duration-200 ease-linear transition-all ml-6;
+ &.dark-theme {
+ @apply border-white;
+ }
+
&.navigator {
@apply border-none h-3;
}
@@ -67,6 +75,16 @@
}
}
+ &.dark-theme {
+ @apply bg-white;
+
+ svg {
+ path {
+ stroke: #666;
+ }
+ }
+ }
+
&.navigator {
@apply bg-transparent;
svg {
@@ -86,6 +104,10 @@
&.navigator {
@apply mt-4 mb-4;
}
+
+ &.dark-theme {
+ @apply text-white;
+ }
}
}
diff --git a/src/components/Accordion/Accordion.vue b/src/components/Accordion/Accordion.vue
index 70acf506..6acef342 100644
--- a/src/components/Accordion/Accordion.vue
+++ b/src/components/Accordion/Accordion.vue
@@ -4,17 +4,18 @@
{{ item }}
-
+
+
@@ -27,7 +28,7 @@
@@ -41,6 +42,7 @@