Style actionable errors button

rails · Dec 18, 2019 · c694d3f · c694d3f
1 parent 3bcc0ae
commit c694d3f
Showing 1 changed file with 32 additions and 15 deletions.
diff --git a/actionpack/lib/action_dispatch/middleware/templates/rescues/layout.erb b/actionpack/lib/action_dispatch/middleware/templates/rescues/layout.erb
@@ -33,7 +33,7 @@
 
     header {
       color: #F0F0F0;
-      background: #C52F24;
+      background: #C00;
       padding: 0.5em 1.5em;
     }
 
@@ -45,7 +45,7 @@
     }
 
     h2 {
-      color: #C52F24;
+      color: #C00;
       line-height: 25px;
     }
 
@@ -123,22 +123,44 @@
 
     .button_to {
       display: inline-block;
-      margin-top: 0.5em;
-      margin-bottom: 0.5em;
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
     }
 
     .hidden {
       display: none;
     }
 
+    input[type="submit"] {
+      color: white;
+      background-color: #C00;
+      border: none;
+      border-radius: 12px;
+      box-shadow: 0 3px #F99;
+      font-size: 13px;
+      font-weight: bold;
+      margin: 0;
+      padding: 10px 18px;
+      -webkit-appearance: none;
+    }
+    input[type="submit"]:focus,
+    input[type="submit"]:hover {
+      opacity: 0.8;
+    }
+    input[type="submit"]:active {
+      box-shadow: 0 2px #F99;
+      transform: translateY(1px)
+    }
+
+
     a { color: #980905; }
     a:visited { color: #666; }
     a.trace-frames {
       color: #666;
       overflow-wrap: break-word;
     }
-    a:hover { color: #C52F24; }
-    a.trace-frames.selected { color: #C52F24 }
+    a:hover { color: #C00; }
+    a.trace-frames.selected { color: #C00 }
 
     @media (prefers-color-scheme: dark) {
       body {
@@ -173,22 +195,17 @@
       }
 
       .line.active {
-        background-color: #977;
+        background-color: #900;
       }
 
       input[type="submit"] {
-        color: #EEE;
-        background-color: #535353;
-        border: none;
-        border-radius: 3px;
-        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.15);
-        padding: 2px 7px;
+        box-shadow: 0 3px #800;
       }
       input[type="submit"]:active {
-        background-color: #777;
+        box-shadow: 0 2px #800;
       }
 
-      a { color: #C52F24; }
+      a { color: #C00; }
       a.trace-frames { color: #999; }
       a:hover { color: #E9382B; }
       a.trace-frames.selected { color: #E9382B; }