- custom warna di masukkan dalam variable

- membuat config untuk nama aplikasi

application/config/config.php

@@ -27,6 +27,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
 $server_name = 'http://localhost';
 $socket_port = 2083;
 
+$config['nama_apps']             = 'Master Custom';
 $config['base_url']              = $server_name.'/technokrea/master_custom/';
 $config['socket_dir']            = $config['base_url'].'/assets/plugins/node_services/';
 $config['dir_assets']            = $config['base_url'].'assets/';

application/views/auth/login.php

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
     <meta name="author" content="Developer Absenku">
     <meta name="csrf-token" content="<?= $this->MY_response['csrf_token'] ?>" />
-    <title>Master Absenku Custom | Login</title>
+    <title><?= $this->config->item('nama_apps') ?> | Login</title>
     <link rel="shortcut icon" href="<?= base_url() ?>assets/images/logo/favicon.png">
     <!-- BEGIN VENDOR CSS-->
     <link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/app-assets/css/vendors.css">

application/views/karyawan/data_keluarga/histori/detail.php

@@ -6,7 +6,7 @@
     <div class="form-group">
         <div class="row">
             <div class="col-md-6">
-                <label><?= $this->lang->line('hubungan-dengan_karyawan') ?></label><br><?= $data->hub_keluarga ?>
+                <label><?= $this->lang->line('hubungan_dengan_karyawan') ?></label><br><?= $data->hub_keluarga ?>
             </div>
             <div class="col-md-6">
                 <label><?= $this->lang->line('status_perkawinan') ?></label><br><?= $data->status_perkawinan ?>

application/views/main_template.php

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
     <meta name="csrf-token" content="<?= $this->MY_response['csrf_token'] ?>" />
 
-    <title>Master Absenku Custom | <?= $judul ?> </title>
+    <title><?= $this->config->item('nama_apps') ?> | <?= $judul ?> </title>
     <link rel="apple-touch-icon" href="<?= $this->config->item('dir_assets') ?>app-assets/images/ico/apple-icon-120.png">
     <!-- favicon
         ============================================ -->

assets/css/custom-login.css

+:root{
+    --warna-kustom : #047C7C;
+}
+
+
 @font-face {
     font-family: "Open Sans Regular";
     font-style: normal;
@@ -134,7 +139,7 @@ html body {
     padding: 0.3rem 1.25rem !important;
 }
 .konten-kanan .btn {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #fff;
     border-radius: 60px;
     padding: 10px;
@@ -160,7 +165,7 @@ html body {
     color: #3f587e;
     border: 0;
     background-color: #f5f5f5;
-    border-left: 3px solid #047C7C;
+    border-left: 3px solid var(--warna-kustom);
     border-radius: 0;
 }
 

assets/css/custom-vii.css

+:root{
+    --warna-kustom : #047C7C;
+}
+
 @font-face {
     font-family: "Poppins Regular";
     font-style: normal;
@@ -62,7 +66,7 @@ body {
 }
 /*Header Kanan*/
 .header-navbar .navbar-container ul.nav li i.ficon {
-    color: #047C7C;
+    color: var(--warna-kustom);
 }
 .header-navbar .navbar-container ul.nav li .badge-danger {
     background-color: #f22c43;
@@ -120,7 +124,7 @@ body {
 }
 .header-navbar .nav .nav-item i {
     align-self: center;
-    color: #047C7C;
+    color: var(--warna-kustom);
 }
 #sticky-wrapper .header-navbar {
     min-height: auto;
@@ -133,16 +137,16 @@ body {
 .horizontal-menu .navbar-light ul#main-menu-navigation > li > a:hover {
     border-bottom: 0;
     font-weight: 600;
-    color: #047C7C;
+    color: var(--warna-kustom);
     background-color: #fff !important;
 }
 .horizontal-menu .navbar-light ul#main-menu-navigation > li.show > a {
     background-color: #fff !important;
 }
 .horizontal-menu .navbar-light .mega-dropdown-menu .active > a {
-    border-bottom: 2px solid #047C7C;
+    border-bottom: 2px solid var(--warna-kustom);
     background-color: transparent !important;
-    color: #047C7C !important;
+    color: var(--warna-kustom) !important;
     font-weight: 600;
 }
 .navbar-nav .mega-dropdown-menu ul a.dropdown-item {
@@ -155,7 +159,7 @@ body {
 }
 .navbar-nav .mega-dropdown-menu ul a.dropdown-item:hover {
     background-color: transparent;
-    border-bottom: 2px solid #047C7C;
+    border-bottom: 2px solid var(--warna-kustom);
 }
 #sticky-wrapper .header-navbar .navbar-container {
     /*padding: 0px;*/
@@ -239,7 +243,7 @@ a.dropdown-toggle::after {
 }
 html body .content .content-wrapper .content-header-title {
     font-family: "Poppins SemiBold";
-    color: #047C7C;
+    color: var(--warna-kustom);
     font-size: 18px;
     letter-spacing: normal;
     font-weight: normal;
@@ -252,7 +256,7 @@ html body .content .content-wrapper .content-header-title {
     color: #a7a7a7;
 }
 .breadcrumbs-top .breadcrumb-item.active {
-    color: #047C7C;
+    color: var(--warna-kustom);
 }
 .content-header {
     position: relative;
@@ -265,7 +269,7 @@ html body .content .content-wrapper .content-header-title {
     top: 22px;
     width: 4px; /* Thickness */
     height: 30px;
-    background: #047C7C; /* Color */
+    background: var(--warna-kustom); /* Color */
     box-shadow: 2px 6px 7px #00000014;
     /*z-index: 100; */
 }
@@ -363,14 +367,14 @@ html body .content .content-wrapper {
     top: 15px;
     width: 6px; /* Thickness */
     height: 30px;
-    background: #047C7C; /* Color */
+    background: var(--warna-kustom); /* Color */
     box-shadow: 2px 6px 7px #00000014;
     /*z-index: 100; */
 }
 
 .card-absenku.card-header h4 {
     font-family: "Poppins SemiBold";
-    color: #047C7C;
+    color: var(--warna-kustom);
     text-transform: capitalize;
     font-size: 17px;
     letter-spacing: normal;
@@ -446,14 +450,14 @@ select.form-control:not([size]):not([multiple]),
     font-size: 1.25rem !important;
 }
 .btn-biru {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #fff;
-    border: 1px solid #047C7C;
+    border: 1px solid var(--warna-kustom);
 }
 .btn-outline-biru {
     background-color: transparent;
-    color: #047C7C;
-    border: 1px solid #047C7C;
+    color: var(--warna-kustom);
+    border: 1px solid var(--warna-kustom);
 }
 .btn-daftar {
     background-image: linear-gradient(to right, #ff9200, #ffc300, #ff9200);
@@ -465,7 +469,7 @@ select.form-control:not([size]):not([multiple]),
 
 /*CSS Table*/
 table.dataTable thead {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #fff;
     text-align: center;
     font-size: 13.5px;
@@ -499,9 +503,9 @@ table.dataTable .badge {
 /*CSS Footer*/
 footer {
     font-family: "Proxima Nova Regular";
-    background: #047C7C;
+    background: var(--warna-kustom);
     color: #fff;
-    border-top: 2px solid #047C7C;
+    border-top: 2px solid var(--warna-kustom);
     padding: 12px;
     font-size: 14px;
     letter-spacing: 1px;
@@ -611,7 +615,7 @@ footer {
     font-size: 2.4em;
     word-spacing: 2px;
     line-height: 1.4;
-    color: #047C7C;
+    color: var(--warna-kustom);
 }
 .register-berhasil h2 strong {
     font-family: "Poppins SemiBold";
@@ -682,7 +686,7 @@ footer {
 }
 .info-absenku h4 {
     font-family: "Poppins SemiBold";
-    color: #047C7C;
+    color: var(--warna-kustom);
     font-size: 16px;
     margin-bottom: 5%;
 }
@@ -691,8 +695,8 @@ footer {
     margin-right: 7px;
 }
 .btn-upgrade {
-    background-image: -webkit-linear-gradient(left, #047C7C 0, #3dc5ff 100%);
-    background-image: linear-gradient(to right, #047C7C 0, #3dc5ff 100%);
+    background-image: -webkit-linear-gradient(left, var(--warna-kustom) 0, #3dc5ff 100%);
+    background-image: linear-gradient(to right, var(--warna-kustom) 0, #3dc5ff 100%);
     background-repeat: repeat-x;
     color: #fff;
     font-family: "Proxima Nova Regular";
@@ -704,8 +708,8 @@ footer {
 .daftar-pengajuan .nav.nav-tabs .nav-item .nav-link.active,
 .daftar-pengajuan .nav.nav-tabs .nav-item .nav-link:hover {
     background-color: #d8e9fa;
-    color: #047C7C;
-    border: 1px solid #047C7C;
+    color: var(--warna-kustom);
+    border: 1px solid var(--warna-kustom);
 }
 .daftar-pengajuan .nav.nav-tabs .nav-item .nav-link {
     font-family: "Poppins Medium";
@@ -872,7 +876,7 @@ form h4.f-daftar {
 
 .informasi-paket .card-header {
     color: #fff;
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     padding: 1rem 1.5rem;
@@ -909,7 +913,7 @@ form h4.f-daftar {
 }
 .informasi-paket .card-footer h4 {
     font-family: "Poppins SemiBold";
-    color: #047C7C;
+    color: var(--warna-kustom);
 }
 
 @media (max-width: 768px) {
@@ -1077,7 +1081,7 @@ div.panelfilter {
     top: 0.5em;
     width: 5px;
     height: 33px;
-    background: #047C7C; /* Color */
+    background: var(--warna-kustom); /* Color */
     box-shadow: 2px 6px 7px #00000014;
     z-index: 100;
 }
@@ -1232,7 +1236,7 @@ div.dataTables_wrapper div.dataTables_filter label {
     color: #333;
 }
 .page-link:hover {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #fff;
 }
 ul.pagination .page-item.active .page-link {
@@ -1245,7 +1249,7 @@ ul.pagination .page-item.active .page-link {
     transition: color 0.15s ease, background-color 0.15s ease,
         border-color 0.15s ease, box-shadow 0.15s ease,
         -webkit-box-shadow 0.15s ease;
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #fff;
     align-items: center;
     height: 2rem;
@@ -1274,7 +1278,7 @@ ul.pagination li:last-child a {
 }
 ul.pagination li:first-child a:hover,
 ul.pagination li:last-child a:hover {
-    background-color: #047C7C !important;
+    background-color: var(--warna-kustom) !important;
 }
 
 .dataTables_paginate.paging_simple_numbers {
@@ -1284,7 +1288,7 @@ ul.pagination li:last-child a:hover {
 
 /* Start Custom Background, title dan button close Header Modal Boostrap */
 .modal .modal-dialog .card-header {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
 }
 .modal .modal-dialog .card-header h3,
 .modal .modal-dialog .card-header button {
@@ -1487,10 +1491,10 @@ input[type="radio"]:checked {
     width: 64px;
     height: 64px;
     margin: 8px;
-    border: 8px solid #047C7C;
+    border: 8px solid var(--warna-kustom);
     border-radius: 50%;
     animation: custom-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-    border-color: #047C7C transparent transparent transparent;
+    border-color: var(--warna-kustom) transparent transparent transparent;
 }
 .custom-lds-ring div:nth-child(1) {
     animation-delay: -0.45s;
@@ -1565,7 +1569,7 @@ table label.badge {
 
 /* Header Kalendar */
 .fc-widget-header {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
     color: #ffffff;
 }
 
@@ -1697,7 +1701,7 @@ img.ico-tab {
 }
 
 input.default:checked + .slider {
-    background-color: #047C7C;
+    background-color: var(--warna-kustom);
 }
 
 input:focus + .slider {
@@ -1830,7 +1834,7 @@ input:checked + .slider:before {
 }
 
 .text-primary, a.text-primary:hover, a.text-primary:focus {
-    color: #047C7C !important;
+    color: var(--warna-kustom) !important;
     font-weight: bold !important;
 }
 /* END CSS BANTUAN LAYANAN */