Skip to content

Commit b0f518e

Browse files
DaneEverittDaneEveritt
authored
Merge pull request pterodactyl#1910 from LeCodeCo/patch-1
Match admin design to frontend colour schene
2 parents 5e6d423 + 7700919 commit b0f518e

File tree

1 file changed

+302
-0
lines changed

1 file changed

+302
-0
lines changed

‎public/themes/pterodactyl/css/pterodactyl.css‎

Lines changed: 302 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -482,3 +482,305 @@ label.control-label > span.field-optional:before {
482482
padding: 15px 10px 0;
483483
}
484484

485+
486+
/* *******
487+
488+
> Version v0.8
489+
490+
******* */
491+
492+
body {
493+
color: #cad1d8;
494+
}
495+
496+
.fixed .main-header {
497+
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
498+
}
499+
500+
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
501+
background-color: #181f27;
502+
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
503+
}
504+
505+
.skin-blue .main-header .logo {
506+
background-color: #1f2933;
507+
color: #9aa5b1;
508+
}
509+
510+
.skin-blue .main-header .navbar .sidebar-toggle {
511+
color: #9aa5b1;
512+
}
513+
514+
.skin-blue .main-header .navbar .nav>li>a {
515+
color: #9aa5b1;
516+
}
517+
518+
.skin-blue .sidebar-menu>li.header {
519+
color: #444a5d;
520+
background: #0e111582;
521+
}
522+
523+
.skin-blue .main-header .navbar {
524+
background-color: #1f2933;
525+
}
526+
527+
.skin-blue .main-header .navbar .sidebar-toggle:hover {
528+
background-color: #1c252e;
529+
}
530+
531+
.skin-blue .main-header .logo:hover {
532+
background-color: #1c252e;
533+
}
534+
535+
.main-footer {
536+
background: #1f2933;
537+
color: #9aa5b1;
538+
border-top: 1px solid #1f2933;
539+
}
540+
541+
.skin-blue .sidebar-menu>li.active>a {
542+
border-left-color: #099aa5;
543+
}
544+
545+
.text-gray {
546+
color: #9aa5b1 !important;
547+
}
548+
549+
.text-muted {
550+
color: #9aa5b1 !important;
551+
}
552+
553+
.content-wrapper {
554+
background-color: #33404d;
555+
}
556+
557+
.btn-success {
558+
background-color: #189a1c;
559+
border-color: #0f8513;
560+
}
561+
562+
.btn.btn-green:hover {
563+
background-color: #0f8513;
564+
border-color: #0e7717;
565+
}
566+
567+
.btn-primary {
568+
background-color: #0967d3;
569+
border-color: #0550b3;
570+
}
571+
572+
.btn.btn-primary:hover {
573+
background-color: #0550b3;
574+
border-color: #0345a0;
575+
}
576+
577+
.box {
578+
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08) !important;
579+
background: #3f4d5a;
580+
border-top: 3px solid #1f2933;
581+
}
582+
583+
.box-header {
584+
color: #cad1d8;
585+
background: #1f2933;
586+
}
587+
588+
.box-header.with-border {
589+
border-bottom: 1px solid #1f2933;
590+
}
591+
592+
.box.box-success {
593+
border-top-color: #1f2933;
594+
}
595+
596+
.box.box-primary {
597+
border-top-color: #1f2933;
598+
}
599+
600+
.box.box-default {
601+
border-top-color: #1f2933;
602+
}
603+
604+
.box.box-danger {
605+
border-top-color: #1f2933;
606+
}
607+
608+
.box-footer {
609+
border-top: 1px solid #4d5b69;
610+
background-color: #3f4d5a;
611+
}
612+
.content-header>.breadcrumb>li>a {
613+
color: #cad1d8;
614+
}
615+
616+
.breadcrumb>.active {
617+
color: #cad1d8;
618+
}
619+
620+
.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 {
621+
color: #cad1d8;
622+
}
623+
624+
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
625+
border-top: 1px solid #4d5b69;
626+
}
627+
628+
.table>thead>tr>th {
629+
border-bottom: 2px solid #4d5b69;
630+
}
631+
632+
.table-hover>tbody>tr:hover {
633+
background-color: #33404d;
634+
}
635+
636+
a {
637+
color: #007eff;
638+
}
639+
640+
.nav-tabs-custom {
641+
background: #1f2933;
642+
}
643+
644+
.nav-tabs-custom>.nav-tabs>li.active {
645+
border-top-color: #099aa5;
646+
}
647+
648+
.nav-tabs-custom>.nav-tabs>li.active>a {
649+
border-top-color: transparent;
650+
border-left-color: #15161c;
651+
border-right-color: #15161c;
652+
background: #13181e;
653+
}
654+
655+
.nav-tabs-custom>.nav-tabs>li>a {
656+
color: #9aa5b1;
657+
}
658+
659+
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
660+
color: #9aa5b1;
661+
}
662+
663+
input.form-control {
664+
padding: .75rem;
665+
background-color: #515f6c;
666+
border-width: 1px;
667+
border-color: #606d7b;
668+
border-radius: .25rem;
669+
color: #cad1d8;
670+
box-shadow: none;
671+
-webkit-transition: border .15s linear,box-shaodw .15s ease-in;
672+
transition: border .15s linear,box-shaodw .15s ease-in;
673+
}
674+
675+
textarea.form-control {
676+
padding: .75rem;
677+
background-color: #515f6c;
678+
border-width: 1px;
679+
border-color: #606d7b;
680+
border-radius: .25rem;
681+
color: #cad1d8;
682+
box-shadow: none;
683+
-webkit-transition: border .15s linear,box-shaodw .15s ease-in;
684+
transition: border .15s linear,box-shaodw .15s ease-in;
685+
}
686+
687+
.input-group .input-group-addon {
688+
border-color: #606d7b;
689+
background-color: #515f6c;
690+
color: #cad1d8;
691+
}
692+
693+
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
694+
border: 1px solid #606d7b;
695+
}
696+
697+
.select2-container--default .select2-selection--single {
698+
background-color: #515f6c;
699+
}
700+
701+
.select2-container--default .select2-selection--single .select2-selection__rendered {
702+
color: #cad1d8;
703+
}
704+
705+
.select2-container--default .select2-selection--multiple {
706+
background-color: #515f6c;
707+
}
708+
709+
.select2-container--default .select2-selection--multiple {
710+
border: 1px solid #606d7b;
711+
border-radius: 0;
712+
}
713+
code {
714+
background-color: #515f6c;
715+
color: #999;
716+
border: 1px solid rgba(0, 0, 0, .25);
717+
}
718+
719+
.btn-default {
720+
background-color: #33404d;
721+
color: #cad1d8;
722+
border-color: #606d7b;
723+
}
724+
725+
.select2-results__option {
726+
background-color: #b5bcc1;
727+
color: #444;
728+
}
729+
730+
.select2-container--default .select2-results__option--highlighted[aria-selected] {
731+
background-color: #3c8dbc;
732+
}
733+
734+
.modal-body {
735+
background: #3f4d5a;
736+
}
737+
738+
.modal-header {
739+
background: #3f4d5a;
740+
border-bottom-color: #4d5b69;
741+
}
742+
743+
.modal-footer {
744+
background: #3f4d5a;
745+
border-top-color: #4d5b69;
746+
}
747+
748+
@media (max-width: 991px) {
749+
.content-header>.breadcrumb {
750+
background: #1f2933 !important;
751+
}
752+
}
753+
754+
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
755+
background-color: #101216;
756+
}
757+
758+
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
759+
color: #fff;
760+
}
761+
762+
.select2-dropdown {
763+
background-color: #515f6c;
764+
border: 1px solid #606d7b;
765+
}
766+
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
767+
border-color: #d2d6de !important;
768+
background-color: #515f6c;
769+
}
770+
771+
.select2-container--default .select2-results__option--highlighted[aria-selected] {
772+
background-color: #099aa5;
773+
}
774+
775+
a {
776+
color: #099aa5;
777+
}
778+
779+
a:hover {
780+
color: #0967d3;
781+
}
782+
783+
.form-control {
784+
border-color: #606d7b;
785+
background-color: #515f6c;
786+
}

0 commit comments

Comments
 (0)