Merge pull request pterodactyl#1946 from Sir3lit/cssfixes

Update Admin CSS /  CSS changes

Author: DaneEveritt

public/themes/pterodactyl/css/pterodactyl.css

@@ -331,6 +331,12 @@ span[aria-labelledby="select2-pUserId-container"] {
     background: transparent !important;
 }
 
+.callout code {
+    background-color: #515f6cbb;
+    color: #c3c3c3;
+    border: 1px solid rgba(0, 0, 0, .25);
+}
+
 .tab-pane .box-footer {
     margin: 0 -10px -10px;
 }
@@ -485,7 +491,7 @@ label.control-label > span.field-optional:before {
 
 /* *******
 
-  > Version v0.8
+  > Version v1.0
 
 ******* */
 
@@ -546,10 +552,18 @@ body {
     color: #9aa5b1 !important;
 }
 
+.text-green {
+    color: #00a65a !important;
+}
+
 .text-muted {
     color: #9aa5b1 !important;
 }
 
+.text-danger {
+    color: #ff1c00;
+}
+
 .content-wrapper {
     background-color: #33404d;
 }
@@ -662,7 +676,7 @@ a {
 
 input.form-control {
     padding: .75rem;
-    background-color: #515f6c;
+    background-color: #515f6cbb;
     border-width: 1px;
     border-color: #606d7b;
     border-radius: .25rem;
@@ -674,7 +688,7 @@ input.form-control {
 
 textarea.form-control {
     padding: .75rem;
-    background-color: #515f6c;
+    background-color: #515f6cbb;
     border-width: 1px;
     border-color: #606d7b;
     border-radius: .25rem;
@@ -686,7 +700,7 @@ textarea.form-control {
 
 .input-group .input-group-addon {
     border-color: #606d7b;
-    background-color: #515f6c;
+    background-color: #515f6cbb;
     color: #cad1d8;
 }
 
@@ -695,24 +709,25 @@ textarea.form-control {
 }
 
 .select2-container--default .select2-selection--single {
-    background-color: #515f6c;
+    background-color: #515f6cbb;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #cad1d8;
 }
 
 .select2-container--default .select2-selection--multiple {
-    background-color: #515f6c;
+    background-color: #515f6cbb;
 }
 
 .select2-container--default .select2-selection--multiple {
     border: 1px solid #606d7b;
     border-radius: 0;
 }
+
 code {
-    background-color: #515f6c;
-    color: #999;
+    background-color: #515f6cbb;
+    color: #c3c3c3;
     border: 1px solid rgba(0, 0, 0, .25);
 }
 
@@ -760,27 +775,51 @@ code {
 }
 
 .select2-dropdown {
-    background-color: #515f6c;
+    background-color: #515f6cbb;
     border: 1px solid #606d7b;
 }
 .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
     border-color: #d2d6de !important;
-    background-color: #515f6c;
+    background-color: #515f6cbb;
 }
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: #099aa5;
 }
 
 a {
-    color: #099aa5;
+    color: #288afb;
 }
 
 a:hover {
-    color: #0967d3;
+    color: #206ec7;
 }
 
 .form-control {
     border-color: #606d7b;
-    background-color: #515f6c;
+    background-color: #515f6cbb;
+    color: #cad1d8;
+}
+
+.form-control[disabled], .form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: #1f2933;
+    color: #cad1d8;
+    cursor: not-allowed;
+}
+
+.well {
+    min-height: 20px;
+    padding: 19px;
+    margin-bottom: 20px;
+    background-color: #515f6cbb;
+    border: 1px solid #606d7b;
+}
+
+.well-lg {
+    padding: 24px;
+}
+
+.well-sm {
+    padding: 9px;
 }

resources/scripts/components/server/ServerConsole.tsx

@@ -127,7 +127,7 @@ export default () => {
                     <div className={'grey-box justify-center'}>
                         <Can action={'control.start'}>
                             <button
-                                className={'btn btn-secondary btn-xs mr-2'}
+                                className={'btn btn-secondary btn-green btn-xs mr-2'}
                                 disabled={status !== 'offline'}
                                 onClick={e => {
                                     e.preventDefault();
@@ -139,7 +139,7 @@ export default () => {
                         </Can>
                         <Can action={'control.restart'}>
                             <button
-                                className={'btn btn-secondary btn-xs mr-2'}
+                                className={'btn btn-secondary btn-primary btn-xs mr-2'}
                                 onClick={e => {
                                     e.preventDefault();
                                     sendPowerCommand('restart');

resources/views/admin/packs/new.blade.php

@@ -106,8 +106,8 @@
                         <input type="file" accept=".tar.gz, application/gzip" name="file_upload" class="well well-sm" style="width:100%"/>
                         <p class="text-muted small">This package file must be a <code>.tar.gz</code> archive of pack files to be decompressed into the server folder.</p>
                         <p class="text-muted small">If your file is larger than <code>50MB</code> it is recommended to upload it using SFTP. Once you have added this pack to the system, a path will be provided where you should upload the file.</p>
-                        <div class="callout callout-info callout-slim no-margin-bottom">
-                            <p class="text-muted small"><strong>This server is currently configured with the following limits:</strong><br /><code>upload_max_filesize={{ ini_get('upload_max_filesize') }}</code><br /><code>post_max_size={{ ini_get('post_max_size') }}</code><br /><br />If your file is larger than either of those values this request will fail.</p>
+                        <div class="callout-info callout-slim no-margin-bottom">
+                            <p class="text-muted small"><strong>This node is currently configured with the following limits:</strong><br /><code>upload_max_filesize={{ ini_get('upload_max_filesize') }}</code><br /><code>post_max_size={{ ini_get('post_max_size') }}</code><br /><br />If your file is larger than either of those values this request will fail.</p>
                         </div>
                     </div>
                 </div>

resources/views/admin/users/index.blade.php

@@ -58,7 +58,7 @@
                                 <td>{{ $user->username }}</td>
                                 <td class="text-center">
                                     @if($user->use_totp)
-                                        <i class="fa fa-lock text-green-500"></i>
+                                        <i class="fa fa-lock text-green"></i>
                                     @else
                                         <i class="fa fa-unlock text-red"></i>
                                     @endif