diff --git a/src/styles/_page.scss b/src/styles/_page.scss
index baeee71..6253c20 100644
--- a/src/styles/_page.scss
+++ b/src/styles/_page.scss
@@ -83,6 +83,10 @@ $sidebar-width: 20rem;
   border: 0 !important;
 }
 
+.unsolved {
+  border-radius: 4px;
+}
+
 .serif-stack {
   font-family: $serif-stack;
 }
@@ -265,7 +269,7 @@ code,
 pre {
   background-color: whitesmoke;
   border: 0;
-  border-radius: 0.5em;
+  border-radius: 0.25em;
 }
 
 #portals-browsebar {
diff --git a/src/styles/_settings.scss b/src/styles/_settings.scss
index d6862e1..12fef80 100644
--- a/src/styles/_settings.scss
+++ b/src/styles/_settings.scss
@@ -43,6 +43,11 @@
     box-shadow: 0 0 0 100vh rgba(0, 0, 0, 0.75);
   }
 
+  .root .unsolved {
+    background-color: #333;
+    border-color: #444;
+  }
+
   a {
     color: hsl(40, 90%, 40%);
     -webkit-tap-highlight-color: hsla(40, 90%, 40%, 0.25);
@@ -58,6 +63,10 @@
       outline: 0;
     }
   }
+
+  code, pre {
+    background-color: #333;
+  }
 }
 
 .sansSerif {