diff --git a/static/ytr.html b/static/ytr.html
index 34177a4..95612a5 100644
--- a/static/ytr.html
+++ b/static/ytr.html
@@ -52,12 +52,16 @@
 
 		#pipedbtn {background-color: rgba(139,0,0,.2); border-color: darkred} /* Piped */
 		#pipedbtn:hover {background-color: darkred}
+		#pipedbtn:active {background-color: #5a0000; border-color: #5a0000}
 		#ytbtn {background-color: rgba(255,0,0,.2); border-color: red} /* YouTube */
 		#ytbtn:hover {background-color: red}
+		#ytbtn:active {background-color: #b90000; border-color: #b90000}
 		#odybtn {background-color: rgba(128,0,128,.2); border-color: purple} /* Odysee */
 		#odybtn:hover {background-color: purple}
+		#odybtn:active {background-color: #5a005a; border-color: #5a005a}
 		#ptbtn {background-color: rgba(194,84,10,.2); border-color: #C2540A} /* PeerTube */
 		#ptbtn:hover {background-color: #C2540A}
+		#ptbtn:active {background-color: #984108; border-color: #984108}
 
 		@font-face {
 			font-family: "Mustica Pro";
diff --git a/themes/hugo-casper3/assets/scss/custom.scss b/themes/hugo-casper3/assets/scss/custom.scss
index f2add2c..7754f16 100644
--- a/themes/hugo-casper3/assets/scss/custom.scss
+++ b/themes/hugo-casper3/assets/scss/custom.scss
@@ -126,6 +126,12 @@
   color: white;
 }
 
+#download-banner:active {
+  background-color: #014faf;
+  border: 1px solid #014faf;
+  color: white;
+}
+
 /* COMMENTS TITLE */
 .comments-title {
     font-family: "Mustica Pro";
@@ -161,13 +167,13 @@
         min-height: 58px;
         outline: 0;
         &.placeholder {
-            color: #e5e5e5;
+            color: #6a6a6a;
         }
     }
-    .textarea:focus,
-    input:focus {
-        border-color: rgba(0, 0, 0, 0.8);
-    }
+    // .textarea:focus,
+    // input:focus {
+    //     border-color: rgba(0, 0, 0, 0.8);
+    // }
 }
 .isso-comment{
     #isso-root & {
@@ -191,7 +197,7 @@
             width: 48px;
             height: 48px;
             border: 1px solid rgba(0, 0, 0, 0.2);
-            border-radius: 3px;
+            border-radius: 4px;
             box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         }
     }
@@ -205,8 +211,9 @@
             font-size: 0.85em;
             .spacer {
                 padding: 0 6px;
+                color: #1e1e1e;
             }
-            .spacer,
+            //.spacer,
             a.permalink,
             .note,
             a.parent {
@@ -230,7 +237,7 @@
             margin-top: 0.2em;
             width: 100%;
             border: 1px solid #f0f0f0;
-            border-radius: 2px;
+            border-radius: 4px;
             box-shadow: 0 0 2px #888;
         }
         > .text{
@@ -259,7 +266,8 @@
             .votes {
                 color: gray;
                 position: relative;
-                top: 2px;
+                top: 1px;
+                padding-right: 5px;
             }
             .upvote svg,
             .downvote svg {
@@ -267,6 +275,12 @@
                 top: -.2em;
                 left: .1em;
             }
+            .spacer {
+                color: #1e1e1e;
+            }
+            .reply {
+                top: -.1px;
+            }
         }
     }
     .isso-follow-up {
@@ -300,8 +314,9 @@
         .preview {
             margin: 0 0 .3em;
             padding: .4em .8em;
-            border-radius: 3px;
-            background-color: #000;
+            border-radius: 4px;
+            background-color: #e5e5e5;
+            color: black;
             border: 1px solid rgba(0, 0, 0, 0.2);
             box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         }
@@ -324,11 +339,13 @@
                 position: relative;
                 max-width: 25%;
                 margin: 0;
+                margin-right: 5px;
                 input {
                     padding: .3em 10px;
                     max-width: 100%;
-                    border-radius: 3px;
-                    background-color: #000;
+                    border-radius: 4px;
+                    background-color: #e5e5e5;
+                    color: black;
                     line-height: 1.4em;
                     border: 1px solid rgba(0, 0, 0, 0.2);
                     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
@@ -340,18 +357,22 @@
                 margin: 0 0 0 5px;
                 > input {
                     padding: calc(.3em - 1px);
-                    border-radius: 2px;
-                    border: 1px solid #c4c4c4;
-                    background-color: #000;
+                    padding-left: 10px;
+                    padding-right: 10px;
+                    border-radius: 4px;
+                    border: 1px solid #bdbdbd;
+                    background-color: #2a2a2a;
                     cursor: pointer;
                     outline: 0;
                     line-height: 1.4em;
-                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                     &:hover {
-                        background-color: #eb6c6c;
+                        background-color: #0171ff;
+                        border: 1px solid #0171ff;
+                        color: white;
                     }
                     &:active {
-                        background-color: #781f1a;
+                        background-color: #014faf;
+                        border: 1px solid #014faf;
                     }
                 }
             }
@@ -360,10 +381,10 @@
             background-color: #303030;
             background: repeating-linear-gradient(
                 -45deg,
-                #303030,
-                #303030 10px,
-                #232323 10px,
-                #232323 20px
+                #ffffff,
+                #ffffff 10px,
+                #e5e5e5 10px,
+                #e5e5e5 20px
             );
         }
         > .notification-section {