From 689b0ef05604d437daf64f2396a7262f432da5da Mon Sep 17 00:00:00 2001
From: Rihan // CodeCo <me@file.properties>
Date: Sun, 12 Apr 2020 02:35:30 +0100
Subject: [PATCH] Match admin design to frontend colour schene

https://file.properties/host/uZfyNTxQ.png
---
 public/themes/pterodactyl/css/pterodactyl.css | 297 ++++++++++++++++++
 1 file changed, 297 insertions(+)

diff --git a/public/themes/pterodactyl/css/pterodactyl.css b/public/themes/pterodactyl/css/pterodactyl.css
index a4e4c4cf7..b367ce50c 100644
--- a/public/themes/pterodactyl/css/pterodactyl.css
+++ b/public/themes/pterodactyl/css/pterodactyl.css
@@ -482,3 +482,300 @@ label.control-label > span.field-optional:before {
     padding: 15px 10px 0;
 }
 
+
+/* *******
+
+  > Version v0.8
+
+******* */
+
+body {
+    color: #cad1d8;
+}
+
+.fixed .main-header {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
+}
+
+.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
+    background-color: #181f27;
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
+}
+
+.skin-blue .main-header .logo {
+    background-color: #1f2933;
+    color: #9aa5b1;
+}
+
+.skin-blue .main-header .navbar .sidebar-toggle {
+    color: #9aa5b1;
+}
+
+.skin-blue .main-header .navbar .nav>li>a {
+    color: #9aa5b1;
+}
+
+.skin-blue .sidebar-menu>li.header {
+    color: #444a5d;
+    background: #0e111582;
+}
+
+.skin-blue .main-header .navbar {
+    background-color: #1f2933;
+}
+
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+    background-color: #1c252e;
+}
+
+.skin-blue .main-header .logo:hover {
+    background-color: #1c252e;
+}
+
+.main-footer {
+    background: #1f2933;
+    color: #9aa5b1;
+    border-top: 1px solid #1f2933;
+}
+
+.skin-blue .sidebar-menu>li.active>a {
+    border-left-color: #099aa5;
+}
+
+.text-gray {
+    color: #9aa5b1 !important;
+}
+
+.text-muted {
+    color: #9aa5b1 !important;
+}
+
+.content-wrapper {
+    background-color: #33404d;
+}
+
+.btn-success {
+    background-color: #189a1c;
+    border-color: #0f8513;
+}
+
+.btn.btn-green:hover {
+    background-color: #0f8513;
+    border-color: #0e7717;
+}
+
+.btn-primary {
+    background-color: #0967d3;
+    border-color: #0550b3;
+}
+
+.btn.btn-primary:hover {
+    background-color: #0550b3;
+    border-color: #0345a0;
+}
+
+.box {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08) !important;
+    background: #3f4d5a;
+    border-top: 3px solid #1f2933;
+}
+
+.box-header {
+    color: #cad1d8;
+    background: #1f2933;
+}
+
+.box-header.with-border {
+    border-bottom: 1px solid #1f2933;
+}
+
+.box.box-success {
+    border-top-color: #1f2933;
+}
+
+.box.box-primary {
+    border-top-color: #1f2933;
+}
+
+.box.box-default {
+    border-top-color: #1f2933;
+}
+
+.box.box-danger {
+    border-top-color: #1f2933;
+}
+
+.box-footer {
+    border-top: 1px solid #4d5b69;
+    background-color: #3f4d5a;
+}
+.content-header>.breadcrumb>li>a {
+    color: #cad1d8;
+}
+
+.breadcrumb>.active {
+    color: #cad1d8;
+}
+
+.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
+    color: #cad1d8;
+}
+
+.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
+    border-top: 1px solid #4d5b69;
+}
+
+.table>thead>tr>th {
+    border-bottom: 2px solid #4d5b69;
+}
+
+.table-hover>tbody>tr:hover {
+    background-color: #33404d;
+}
+
+a {
+    color: #007eff;
+}
+
+.nav-tabs-custom {
+    background: #1f2933;
+}
+
+.nav-tabs-custom>.nav-tabs>li.active {
+    border-top-color: #099aa5;
+}
+
+.nav-tabs-custom>.nav-tabs>li.active>a {
+    border-top-color: transparent;
+    border-left-color: #15161c;
+    border-right-color: #15161c;
+    background: #13181e;
+}
+
+.nav-tabs-custom>.nav-tabs>li>a {
+    color: #9aa5b1;
+}
+
+.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
+    color: #9aa5b1;
+}
+
+input.form-control {
+    padding: .75rem;
+    background-color: #515f6c;
+    border-width: 1px;
+    border-color: #606d7b;
+    border-radius: .25rem;
+    color: #cad1d8;
+    box-shadow: none;
+    -webkit-transition: border .15s linear,box-shaodw .15s ease-in;
+    transition: border .15s linear,box-shaodw .15s ease-in;
+}
+
+textarea.form-control {
+    padding: .75rem;
+    background-color: #515f6c;
+    border-width: 1px;
+    border-color: #606d7b;
+    border-radius: .25rem;
+    color: #cad1d8;
+    box-shadow: none;
+    -webkit-transition: border .15s linear,box-shaodw .15s ease-in;
+    transition: border .15s linear,box-shaodw .15s ease-in;
+}
+
+.input-group .input-group-addon {
+    border-color: #606d7b;
+    background-color: #515f6c;
+    color: #cad1d8;
+}
+
+.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
+    border: 1px solid #606d7b;
+}
+
+.select2-container--default .select2-selection--single {
+    background-color: #515f6c;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+    color: #cad1d8;
+}
+
+.select2-container--default .select2-selection--multiple {
+    background-color: #515f6c;
+}
+
+.select2-container--default .select2-selection--multiple {
+    border: 1px solid #606d7b;
+    border-radius: 0;
+}
+code {
+    background-color: #515f6c;
+    color: #999;
+    border: 1px solid rgba(0, 0, 0, .25);
+}
+
+.btn-default {
+    background-color: #33404d;
+    color: #cad1d8;
+    border-color: #606d7b;
+}
+
+.select2-results__option {
+    background-color: #b5bcc1;
+    color: #444;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: #3c8dbc;
+}
+
+.modal-body {
+    background: #3f4d5a;
+}
+
+.modal-header {
+    background: #3f4d5a;
+    border-bottom-color: #4d5b69;
+}
+
+.modal-footer {
+    background: #3f4d5a;
+    border-top-color: #4d5b69;
+}
+
+@media (max-width: 991px) {
+    .content-header>.breadcrumb {
+        background: #1f2933 !important;
+    }
+}
+
+.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
+     background-color: #101216;
+}
+
+.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
+    color: #fff;
+}
+
+.select2-dropdown {
+    background-color: #515f6c;
+    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;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+    background-color: #099aa5;
+}
+
+a {
+    color: #099aa5;
+}
+
+a:hover {
+    color: #0967d3;
+}