Cara Ubah Dark Mode di Cyberpanel VPS

Setelah saya menggunakan cyberpanel vps saya gunakan web saya ini, dulunya saya pakai cloudhosting dari idclodhost, namun saya dapat vps murah 40rb perbulan maka saya order vps. Ya hanya untuk belajar jangka panjang setup vps.

Menggunakan cyberpanel UI nya sederhana tapi butuh waktu untuk adaptasi dari element layout cyberpanel, nah kebetulan saya dapat ide gimana sih aktifkan dark mode agar nyaman dan gak bosen?

Oiya saya dapat link di forum cyberpanel tentang Dark Mode. dan sekarang kamu cukup copas CSS lalu pada menu design.

terus caranya gimana sob?

cara ini sangat simpel banget kamu harus ikuti mudah kok:

  1. klik menu di samping yaitu design.
  2. kamu copas CSS code di bawah.
  3. terus save.

body { font-size: 14px; color: #ccc; } .bg-gradient-9 { background: #000; background: -moz-linear-gradient(-45deg, #000 0%, #333 30%); background: -webkit-linear-gradient( –45deg, #000 0%, #333 30%); background: linear-gradient( –45deg, #000 0%, #333 30%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#333’, endColorstr=‘#000’, GradientType=1); } #sidebar-menu { background: #333; } #page-sidebar ul li.header { color: #fff; font-size: medium; } #page-sidebar ul li a .glyph-icon { color: #fff; } #sidebar-menu > li > a { color: #ccc; } .btn-primary { background: #333; border-color: #000; } .btn-primary:hover, .btn-primary:focus { background: #202020; border-color: #FFF; } .panel{ background-color: #222; border-color: #666; } #page-content { background: #222; } #page-title h2 { font-size: 22px; color: #fff; } .table { background: #333; } .bootstrap-timepicker-widget table td input, .chosen-container-multi, .chosen-container-single .chosen-search input, .dataTables_length select, .form-control, .input, .ui-toolbar input, .ui-toolbar select, div.dataTables_filter input{ background: #333; color: #ccc; border: 1px solid #9b9b9b; -webkit-box-shadow: inset 1px 1px 3px #222; -moz-box-shadow: inset 1px 1px 3px #222; box-shadow: inset 1px 1px 3px #222; } .bootstrap-timepicker-widget table td input:focus, .chosen-container-active, .chosen-container-multi.chosen-container-active, .form-control:focus, .input:focus, .selector.focus, .ui-toolbar input:focus, .ui-toolbar select:focus, div.dataTables_filter input:focus { color: #fff; border-color: #fff; }

Baca Juga:  Perintah SSH di Cyberpanel

nah itulah cara simpel jadi dark mode pada cyberpanel webserver kamu

Avatar photo
Bang Yogi

Saya ingin melihat-lihat untuk mendapatkan ide segar dan kadang-kadang hanya duduk dan bekerja di depan komputer berjam-jam.

Articles: 528

Leave a Reply

Your email address will not be published. Required fields are marked *