4 files changed, 108 insertions, 6 deletions
diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss
index 03add33..2cfd184 100644
--- a/assets/scss/_fuji-style/_content.scss
+++ b/assets/scss/_fuji-style/_content.scss
@@ -56,6 +56,11 @@
     margin: 0.5rem 0.1rem 0 0.1rem; // little space
     flex-wrap: wrap;
 
+    span {
+        display: flex;
+        align-items: center;
+    }
+
     span:not(:last-child) {
         padding-right: 1.5rem;
     }
@@ -155,3 +160,40 @@ article {
 #disqus_thread {
     padding: 1.25rem 0;
 }
+
+// search page part
+
+#search-result .post:first-child {
+    padding: 1.5rem 0;
+}
+
+.search-result-info {
+    padding: 1rem 0.1rem;
+}
+
+.search-input {
+    display: flex;
+    height: 2.5rem;
+    align-items: center;
+    padding-left: 0.5rem;
+    width: 100%;
+
+    input {
+        width: 100%;
+        min-width: 0;
+        flex: 1 1 auto;
+        height: 2rem;
+    }
+
+    button {
+        flex: 0 1 auto;
+        padding: 0 0.5rem;
+        word-break: keep-all;
+        height: 2.5rem;
+
+        ion-icon {
+            height: 100%;
+            font-size: 1.6rem;
+        }
+    }
+}
diff --git a/assets/scss/_fuji-style/_sidebar.scss b/assets/scss/_fuji-style/_sidebar.scss
index 132a22f..b6621b9 100644
--- a/assets/scss/_fuji-style/_sidebar.scss
+++ b/assets/scss/_fuji-style/_sidebar.scss
@@ -4,11 +4,11 @@
 
 .sidebar-item {
     &:not(:last-child) {
-        margin-bottom: 1rem; // space betreen sidebar items
+        margin-bottom: 1rem; // space between sidebar items
     }
 
     h3 {
-        margin-bottom: 0.25rem; // space betreen head3 & lists
+        margin-bottom: 0.25rem; // space between head3 & lists
     }
 
     ul {
diff --git a/assets/scss/_fuji-theme/_dark-diff.scss b/assets/scss/_fuji-theme/_dark-diff.scss
index 55f596f..1af08fb 100644
--- a/assets/scss/_fuji-theme/_dark-diff.scss
+++ b/assets/scss/_fuji-theme/_dark-diff.scss
@@ -1,7 +1,3 @@
-img {
-    filter: brightness(60%);
-}
-
 table {
     th,
     td {
@@ -33,3 +29,24 @@ table {
 .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
     fill: var(--color-focus) !important;
 }
+
+.aplayer .aplayer-list ol li {
+    border-top: 1px solid var(--color-bg) !important;
+}
+
+.aplayer.aplayer-withlist .aplayer-info {
+    border-bottom: 1px solid var(--color-bg) !important;
+}
+
+.aplayer .aplayer-list ol li.aplayer-list-light {
+    background-color: var(--color-codebg) !important;
+}
+
+.aplayer .aplayer-list ol li:hover {
+    background-color: var(--color-codebg) !important;
+}
+
+.aplayer .aplayer-list ol li .aplayer-list-author,
+.aplayer .aplayer-list ol li .aplayer-list-index {
+    color: var(--color-font) !important;
+}
diff --git a/assets/scss/_fuji-theme/_style.scss b/assets/scss/_fuji-theme/_style.scss
index 893a26c..f731fa2 100644
--- a/assets/scss/_fuji-theme/_style.scss
+++ b/assets/scss/_fuji-theme/_style.scss
@@ -312,3 +312,46 @@ code {
         color: var(--color-mute) !important;
     }
 }
+
+.search-result-info {
+    border-bottom: $divider;
+}
+
+.search-input {
+    border-top: 2px solid;
+    border-left: 2px solid;
+    border-bottom: 2px solid;
+    border-right: none;
+    border-radius: 0.25rem;
+    border-color: var(--color-divider);
+    background-color: var(--color-bg);
+
+    &:hover,
+    &:focus-within {
+        color: var(--color-primary);
+        border-color: var(--color-primary);
+    }
+
+    input {
+        outline: none;
+        border: none;
+        color: inherit;
+        background-color: inherit;
+    }
+
+    button {
+        outline: none;
+        border-top: 2px solid;
+        border-left: none;
+        border-right: 2px solid;
+        border-bottom: 2px solid;
+        border-radius: 0 0.25rem 0.25rem 0;
+        border-color: inherit;
+        color: inherit;
+        background-color: inherit;
+
+        &:hover {
+            color: var(--color-secondary);
+        }
+    }
+}