More color adjustments

Author: DaneEveritt

public/themes/pterodactyl/css/pterodactyl.css

@@ -82,7 +82,23 @@
 }
 
 code {
+    background-color: #eef1f6;
+    color: #596981;
+    border-radius: 2px;
+    padding-left: 4px;
+    padding-right: 4px;
+    line-height: 1.4;
     font-size: 85%;
+    border: 1px solid rgba(0, 0, 0, .1);
+    display: inline-block;
+}
+
+p {
+    line-height: 1.6 !important;
+}
+
+p.small {
+    margin-top: 3px !important;
 }
 
 .control-sidebar-dark .control-sidebar-menu > li > a.active {
@@ -191,14 +207,50 @@ span[aria-labelledby="select2-pUserId-container"] {
     padding-left: 2px !important;
 }
 
+.box {
+    box-shadow: 0 0 0 1px rgba(89, 105, 128, .1), 0 1px 3px 0 rgba(89, 105, 128, .1), 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
+}
+
+.alert-danger {
+    color: #ffffff !important;
+    background: #d64242 !important;
+    border: 1px solid #841d1d;
+}
+
+.alert-info {
+    color: #ffffff !important;
+    background: #408fec !important;
+    border: 1px solid #1055a5;
+}
+
+.alert-success {
+    color: #ffffff !important;
+    background: #51b060 !important;
+    border: 1px solid #2b5f33;
+}
+
+.alert-warning {
+    color: #ffffff !important;
+    background: #fa9636 !important;
+    border: 1px solid #b45b05;
+}
+
 .callout-slim a {
     color: #555 !important;
 }
 
+.bg-purple {
+    background-color: #79589f !important;
+}
+
+.label-default {
+    background-color: #eef1f6 !important;
+}
+
 .callout.callout-info.callout-slim {
-    border: 1px solid #0097bc !important;
-    border-left: 5px solid #0097bc !important;
-    border-right: 5px solid #0097bc !important;
+    border: 1px solid #1055a5 !important;
+    border-left: 5px solid #1055a5 !important;
+    border-right: 5px solid #1055a5 !important;
     color: #777 !important;
     background: transparent !important;
 }
@@ -282,6 +334,10 @@ span[aria-labelledby="select2-pUserId-container"] {
     position: relative;
 }
 
+.no-pad-bottom {
+    padding-bottom: 0 !important;
+}
+
 .no-margin-bottom {
     margin-bottom: 0 !important;
 }

resources/themes/pterodactyl/admin/servers/new.blade.php

@@ -146,8 +146,8 @@
                         </div>
                     </div>
                 </div>
-                <div class="box-footer no-border" style="padding: 0 10px 10px;">
-                    <div class="callout callout-info callout-slim no-margin">
+                <div class="box-footer no-border no-pad-top no-pad-bottom">
+                    <div class="alert alert-info">
                         <p class="small no-margin">If you do not want to assign swap space to a server simply put <code>0</code> for the value, or <code>-1</code> to allow unlimited swap space. If you want to disable memory limiting on a server simply enter <code>0</code> into the memory field. We suggest leaving OOM Killer enabled unless you know what you are doing, disabling it could cause your server to hang unexpectedly.<p>
                     </div>
                 </div>
@@ -174,8 +174,8 @@
                         </div>
                     </div>
                 </div>
-                <div class="box-footer no-border" style="padding: 0 10px 10px;">
-                    <div class="callout callout-info callout-slim">
+                <div class="box-footer no-border no-pad-top no-pad-bottom">
+                    <div class="alert alert-info">
                         <p class="small no-margin">If you do not want to limit CPU usage set the value to <code>0</code>. To determine a value, take the number <em>physical</em> cores and multiply it by 100. For example, on a quad core system <code>(4 * 100 = 400)</code> there is <code>400%</code> available. To limit a server to using half of a single core, you would set the value to <code>50</code>. To allow a server to use up to two physical cores, set the value to <code>200</code>. BlockIO should be a value between <code>10</code> and <code>1000</code>. Please see <a href="https://docs.docker.com/engine/reference/run/#/block-io-bandwidth-blkio-constraint" target="_blank">this documentation</a> for more information about it.<p>
                     </div>
                 </div>