yes

public/s/css/f0ck.css

@@ -170,21 +170,27 @@ html[theme="paper"] {
   --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5);
   --metadata-bg: #fff;
   --badge-bg: #fff;
-  --posts-meta-bg: #000000b8;
+  --posts-meta-bg: #000000db;
   --badge-sfw: #68a728;
   --badge-nsfw: #a72828;
   --badge-tag: #6c6c6c;
   --scrollbar-color: #6c6c6c;
 }
 
+html[theme="paper"] body {
+  color: var(--black);
+}
+
 html[theme="paper"] a#next {
   color: var(--white) !important;
   -webkit-text-stroke: 1px var(--black);
+  font-size: 40;
 }
 
 html[theme="paper"] a#prev {
   color: var(--white) !important;
   -webkit-text-stroke: 1px var(--black);
+  font-size: 40;
 }
 
 html[theme="paper"] .about {
@@ -197,6 +203,23 @@ html[theme="paper"] .about a:hover {
 
 html[theme="paper"] div#posts > a::after {
   color: var(--white);
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+html[theme="paper"] .v0ck_player_controls > input[type="range"][name="volume"]::-webkit-slider-thumb {
+  background: var(--white);
+  box-shadow: -100vw 0 0 100vw var(--white);
+}
+
+html[theme="paper"] .v0ck_player_controls > input[type="range"][name="volume"]::-moz-range-thumb {
+  background: var(--white);
+  box-shadow: -100vw 0 0 100vw var(--white);
+}
+
+html[theme="paper"] div#posts > a {
+  box-shadow: 1px 1px 1px black;
+  border-radius: 5px;
 }
 
 html[theme="paper"] .v0ck_progress_filled {
@@ -220,6 +243,11 @@ html[theme="paper"] .embed-responsive-image {
   background: var(--white);
 }
 
+html[theme="paper"] .v0ck_player_button svg:hover {
+  fill: var(--black);
+  stroke: var(--white);
+}
+
 html[theme="atmos"] {
   --accent: #1fb2b0;
   --bg: #161618;
@@ -334,7 +362,7 @@ div#posts {
   margin: 0;
   padding: 0;
   margin-top: 15px;
-  margin-bottom: 15px;
+  margin-bottom: 35px;
 }
 
 @media (max-width: 376px) {
@@ -489,9 +517,12 @@ span.f0ck {
   background-color: var(--nav-link-hover-bg);
 }
 
-.nav-link[data-toggle="dropdown"]::after {
+.nav-link[data-toggle="dropdown"].ddcontent::after {
   content: "\00a0(" attr(content) ")\00a0\25bc";
 }
+.nav-link[data-toggle="dropdown"]:not(.ddcontent)::after {
+  content: "\00a0\25bc";
+}
 
 @media (max-width: 768px) {
   .nav-link[data-toggle="dropdown"]::after {
@@ -866,6 +897,10 @@ span#tags {
   grid-column: 1/4;
 }
 
+span#tags:empty {
+    display: none;
+}
+
 .badge-success {
   color: var(--white);
   background-color: var(--badge-sfw);
@@ -1129,3 +1164,26 @@ div#flash.warn {
   border-bottom: 2px solid #dad55e;
   color: #777620;
 }
+
+/* sfw/nsfw indexpage */
+div#posts > a > p {
+  height: 100%;
+  width: 100%;
+}
+div#posts > a > p:before {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 10px;
+  width: 10px;
+}
+div#posts > a[data-mode="sfw"] > p:before {
+  background-color: #5cb85c;
+}
+div#posts > a[data-mode="nsfw"] > p:before {
+  background-color: #a72828;
+}
+div#posts > a[data-mode="null"] > p:before {
+  background-color: #dcd512;
+}

public/s/js/admin.js

@@ -22,13 +22,13 @@ const flash = ({ type, msg }) => {
   flashActive = true;
   flashContainer.animate(
     [ { bottom: "-28px" }, { bottom: 0 } ], {
-      duration: 400,
+      duration: 500,
       fill: "both"
     }
   ).onfinish = () => setTimeout(() => {
     flashContainer.animate(
       [ { bottom: 0 }, { bottom: "-28px" } ], {
-        duration: 400,
+        duration: 500,
         fill: "both"
       }
     ).onfinish = () => flashActive = false;