diff --git a/judge/widgets/pagedown.py b/judge/widgets/pagedown.py
index f76ddac..edc4bf1 100644
--- a/judge/widgets/pagedown.py
+++ b/judge/widgets/pagedown.py
@@ -52,6 +52,7 @@ else:
         class Media:
             css = {
                 "all": [
+                    "markdown.css",
                     "pagedown_widget.css",
                     "content-description.css",
                     "admin/css/pagedown.css",
diff --git a/resources/base.scss b/resources/base.scss
index fe5acca..31350fe 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -908,7 +908,7 @@ select {
 }
 
 .colored-text {
-    color: #045343;
+    color: black;
 }
 
 .bold-text {
diff --git a/resources/content-description.scss b/resources/content-description.scss
index df4f4e4..69ff279 100644
--- a/resources/content-description.scss
+++ b/resources/content-description.scss
@@ -51,7 +51,7 @@
     }
 
     pre.no-border {
-        margin-top: -0.7em;
+        margin-top: 0.4em;
         padding: 0.5em;
         border: none;
         background-color: inherit;
@@ -137,7 +137,7 @@
 
     .linenos {
         width: 4%;
-        
+
         pre {
             color: rgba(0,0,0,.26);
             background-color: rgba(0,0,0,.07);
@@ -166,8 +166,8 @@
 textarea,
 pre {
     -moz-tab-size : 4;
-      -o-tab-size : 4;
-         tab-size : 4;
+    -o-tab-size : 4;
+    tab-size : 4;
 }
 
 
diff --git a/resources/darkmode.css b/resources/darkmode.css
index cebfd6c..1a4bd60 100644
--- a/resources/darkmode.css
+++ b/resources/darkmode.css
@@ -1724,10 +1724,10 @@ noscript #noscript {
     color: rgb(148, 142, 134);
 }
 #chat-icon {
-    color: rgb(72, 187, 180);
+    color: rgb(170, 166, 161);
 }
 #chat-icon:hover {
-    color: rgb(166, 163, 157);
+    color: rgb(95, 212, 95);
 }
 #nav-lang-icon {
     color: rgb(42, 104, 212);
@@ -1812,6 +1812,24 @@ noscript #noscript {
         background-color: rgb(20, 22, 22);
     }
 }
+.colored-text {
+    color: rgb(193, 191, 188);
+}
+::-webkit-input-placeholder {
+    color: rgb(170, 166, 161);
+}
+::placeholder {
+    color: rgb(170, 166, 161);
+}
+input::-webkit-input-placeholder {
+    color: rgb(170, 166, 161);
+}
+input::placeholder {
+    color: rgb(170, 166, 161);
+}
+::-webkit-input-placeholder {
+    color: rgb(170, 166, 161);
+}
 .table {
     background-image: initial;
     background-color: rgba(0, 0, 0, 0.01);
@@ -1902,11 +1920,11 @@ noscript #noscript {
     color: rgb(212, 58, 58) !important;
 }
 .left-sidebar-item.active {
-    color: rgb(95, 212, 95);
-    background-color: rgb(33, 92, 14);
+    color: rgb(193, 191, 188);
+    background-color: rgb(2, 55, 45);
 }
 .left-sidebar-item.active .sidebar-icon {
-    color: rgb(95, 212, 95);
+    color: rgb(193, 191, 188);
 }
 .blog-sidebox .contest {
     border-bottom-color: rgb(51, 56, 58);
@@ -1954,7 +1972,7 @@ noscript #noscript {
     background-color: rgb(33, 36, 37);
 }
 .left-sidebar-item.active:hover {
-    background-color: rgb(33, 92, 14);
+    background-color: rgb(2, 55, 45);
 }
 .sidebar-icon {
     color: rgb(193, 191, 188);
@@ -2383,7 +2401,7 @@ a.user-redirect:hover {
     color: rgb(186, 75, 60); 
 }
 .button, button, input[type="submit"] {
-    background-color: rgb(166, 66, 0);
+    background-color: rgb(2, 55, 45);
     border-color: transparent;
     box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px;
     text-decoration-color: initial;
@@ -2427,16 +2445,24 @@ a.user-redirect:hover {
     background-image: initial;
     background-color: rgb(0, 0, 92); 
 }
+.button.btn-darkGreen, button.btn-darkGreen, input[type="submit"].btn-darkGreen {
+    background-image: initial;
+    background-color: rgb(2, 55, 45); 
+}
+.button.btn-darkGreen:hover, button.btn-darkGreen:hover, input[type="submit"].btn-darkGreen:hover {
+    background-image: initial;
+    background-color: rgb(2, 55, 45); 
+}
 .button:hover, button:hover, input[type="submit"]:hover {
-    background-color: rgb(144, 60, 2);
+    background-color: rgb(2, 55, 45);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; 
 }
 .button:focus, button:focus, input[type="submit"]:focus {
-    background-color: rgb(144, 60, 2);
+    background-color: rgb(2, 55, 45);
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; 
 }
 .button:active, button:active, input[type="submit"]:hover {
-    background-color: rgb(133, 53, 0);
+    background-color: rgb(2, 55, 45);
     box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px; 
 }
 input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
diff --git a/resources/widgets.scss b/resources/widgets.scss
index ffc0e4e..cea5e5a 100644
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@@ -220,8 +220,10 @@ input {
     position: relative;
 }
 
-.md-typeset .copy-clipboard {
-    margin-top: 1.5em;
+.md-typeset .admonition .btn-clipboard,
+.md-typeset details .btn-clipboard {
+    right: -0.6rem;
+    border-radius: 0 0 0 4px;
 }