From 40f452cff8a7a8d19cb4e429a08231a83be2c943 Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Thu, 5 Sep 2024 13:46:07 +0100 Subject: [PATCH 1/6] just little bold --- ui/ui/user-ui/header.tpl | 401 ++++++++++++++++++++++++++++++++++++++- 1 file changed, 400 insertions(+), 1 deletion(-) diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index f57da6bc..e52c1b69 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -178,7 +178,7 @@ } .content .row [class*=col-] .box { - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 4px 4px 30px rgba(221, 224, 255, .54); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); @@ -215,16 +215,19 @@ background: transparent; background-color: transparent; } + .box.box-solid.box-primary>.box-header { color: inherit; background-color: transparent; border-color: transparent; } + .box.box-solid.box-info>.box-header { color: inherit; background-color: transparent; border-color: transparent; } + .box.box-solid.box-danger>.box-header { color: inherit; background-color: transparent; @@ -246,6 +249,21 @@ box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); } + .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { + font-weight: bold; + } + + .content-header>h1 { + font-weight: bold; + } + + .box-header>.fa, + .box-header>.glyphicon, + .box-header>.ion, + .box-header .box-title { + font-weight: bold; + } + /* New Customize Interface End Here */ ::-moz-selection { @@ -306,6 +324,387 @@ margin: 0; padding: 10px; } + + + + + .toggle-container { + position: absolute; + top: 17px; + right: 15px; + cursor: pointer; + } + + .toggle-container .toggle-icon { + font-size: 25px; + color: rgb(100 116 139); + transition: color 0.5s ease; + } + + @media (max-width: 600px) { + .toggle-container { + top: 15px; + right: 200px; + } + + .toggle-container .toggle-icon { + font-size: 20px; + color: rgb(100 116 139); + transition: color 0.5s ease; + } + } + + + /* dark mode styles start here */ + .dark-mode { + background-color: #1a202c; + color: #cbd5e0; + } + + .dark-mode .main-header .logo, + .dark-mode .main-header .navbar, + .dark-mode .main-sidebar, + .dark-mode .main-sidebar .sidebar, + .dark-mode .sidebar-menu li>a { + background-color: #0e1219; + color: #cbd5e0; + } + + .dark-mode .sidebar-menu li:hover, + .dark-mode .sidebar-menu li:focus { + color: #10d435; + } + + .dark-mode .main-sidebar .sidebar .sidebar-menu li.active a { + background-color: #2e298e; + } + + .dark-mode .content, + .dark-mode .content-header, + .dark-mode .content-wrapper, + .dark-mode .right-side { + background-color: #0e1219; + } + + .dark-mode .main-footer { + background-color: #1a202c; + color: #cbd5e0; + } + + .dark-mode .panel, + .dark-mode .box { + background-color: #2d3748; + border-color: #4a5568; + box-shadow: none; + } + + .dark-mode .panel-heading, + .dark-mode .box-header { + background-color: transparent; + color: #cbd5e0; + } + + .dark-mode .box-footer, + .dark-mode .panel-footer { + background-color: #2d3748; + } + + .dark-mode .search-container { + background-color: #2d3748; + color: #cbd5e0; + } + + .dark-mode .searchTerm { + background-color: #4a5568; + color: #cbd5e0; + } + + .dark-mode .cancelButton { + background-color: #e53e3e; + } + + .dark-mode .notification-top-bar { + background-color: #742a2a; + } + + .dark-mode .bs-callout { + background-color: #2d3748; + border-color: #4a5568; + color: #cbd5e0; + } + + .dark-mode .bs-callout h4 { + color: #cbd5e0; + } + + .dark-mode .bg-gray { + background-color: inherit !important; + } + + .dark-mode .breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: rgba(221, 224, 255, .54); + border-radius: 4px; + } + + .dark-mode .pagination>.disabled>span, + .dark-mode .pagination>.disabled>span:hover, + .dark-mode .pagination>.disabled>span:focus, + .dark-mode .pagination>.disabled>a, + .dark-mode .pagination>.disabled>a:hover, + .dark-mode .pagination>.disabled>a:focus { + color: inherit; + background-color: rgba(221, 224, 255, .54); + border-color: rgba(221, 224, 255, .54); + cursor: not-allowed; + } + + .dark-mode .pagination>.active>a, + .dark-mode .pagination>.active>a:hover, + .dark-mode .pagination>.active>a:focus, + .dark-mode .pagination>.active>span, + .dark-mode .pagination>.active>span:hover, + .dark-mode .pagination>.active>span:focus { + z-index: 2; + color: #fff; + background-color: #435ebe; + border-color: rgba(221, 224, 255, .54); + box-shadow: 0 2px 5px rgba(67, 94, 190, .3); + cursor: default; + } + + .dark-mode .pagination>li>a { + background: inherit; + color: inherit; + border: 1px solid; + border-color: rgba(221, 224, 255, .54); + } + + .dark-mode .table { + background-color: inherit; + color: #ddd; + border-color: #444; + } + + .dark-mode .table th, + .dark-mode .table td { + background-color: inherit; + border-color: inherit; + color: #ddd; + } + + .dark-mode .table th { + background-color: inherit; + font-weight: bold; + } + + .dark-mode .table-striped tbody tr:nth-of-type(odd) { + background-color: inherit; + } + + .dark-mode .table-bordered { + border: 1px solid #444; + } + + .dark-mode .table-hover tbody tr:hover { + background-color: #555; + color: #fff; + } + + .dark-mode .table-condensed th, + .dark-mode .table-condensed td { + padding: 8px; + } + + .dark-mode .panel>.table:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child { + border-bottom-right-radius: 21px; + border-bottom-left-radius: 21px; + } + + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { + border-bottom-right-radius: 21px; + border-bottom-left-radius: 21px; + } + + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { + border-bottom-right-radius: 21px; + } + + .dark-mode .help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: inherit; + } + + .dark-mode .text-muted { + color: rgba(221, 224, 255, .54); + } + + .dark-mode .form-control { + display: block; + width: 100%; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: inherit; + background-color: transparent; + background-image: none; + border: 1px solid; + border-color: rgba(221, 224, 255, .54); + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + } + + .dark-mode .main-footer { + border-top: 1px solid transparent; + } + + .dark-mode .box.box-solid.box-primary>.box-header { + color: #fff; + background-color: inherit; + border-color: rgba(221, 224, 255, .54); + border-top-left-radius: 45px; + border-top-right-radius: 45px; + } + + .dark-mode .box-body { + border-radius: 0px; + padding: 10px; + } + + .dark-mode .box-header { + display: block; + padding: 10px; + position: relative; + border-color: transparent; + border-radius: 0px; + } + + .dark-mode .nav-stacked>li>a { + color: inherit; + } + + .dark-mode .list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: transparent; + border: 1px solid rgba(221, 224, 255, .54); + } + + .dark-mode .panel-footer { + padding: 10px 15px; + border-top: 1px rgba(221, 224, 255, .54); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + + + .dark-mode .content .row [class*=col-] .box { + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 4px 4px 30px rgba(221, 224, 255, .54); + -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); + -webkit-border-radius: 1px !important; + -moz-border-radius: 1px !important; + -ms-border-radius: 1px !important; + border-radius: 15px !important; + border-color: inherit; + background-color: inherit; + } + + /* Dark Mode - Input Fields */ + .dark-mode input:not(#filterNavigateMenu), + .dark-mode textarea:not(#filterNavigateMenu), + .dark-mode select:not(#filterNavigateMenu), + .dark-mode .select2-selection:not(#filterNavigateMenu) { + color: inherit; + transition: all .5s ease-in-out; + } + + .dark-mode input:focus:not(#filterNavigateMenu), + .dark-mode textarea:focus:not(#filterNavigateMenu), + .dark-mode select:focus:not(#filterNavigateMenu), + .dark-mode .select2-selection:focus:not(#filterNavigateMenu) { + color: #1f201f; + outline: none; + } + + .dark-mode .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; + color: inherit; + border-color: rgba(221, 224, 255, .54); + background-color: inherit; + } + + .dark-mode .input-group .input-group-addon { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: inherit; + border-bottom-left-radius: 0; + border-color: rgba(221, 224, 255, .54); + background-color: transparent; + } + + .dark-mode .input-group .form-control:last-child, + .dark-mode .input-group-addon:last-child, + .dark-mode .input-group-btn:last-child>.btn, + .dark-mode .input-group-btn:last-child>.btn-group>.btn, + .dark-mode .input-group-btn:last-child>.dropdown-toggle, + .dark-mode .input-group-btn:first-child>.btn:not(:first-child), + .dark-mode .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { + color: inherit; + } + + .dark-mode input:not(#filterNavigateMenu), + textarea:not(#filterNavigateMenu), + optgroup:not(#filterNavigateMenu), + select:not(#filterNavigateMenu), + .dark-mode .select2-selection:not(#filterNavigateMenu) { + -moz-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + -webkit-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; + } + + .dark-mode .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { + font-weight: bold; + } + + .dark-mode .content-header>h1 { + font-weight: bold; + } + + .dark-mode .box-header>.fa, + .dark-mode .box-header>.glyphicon, + .dark-mode .box-header>.ion, + .dark-mode .box-header .box-title { + font-weight: bold; + } {if isset($xheader)} From 93d53cc6d832e20201f23cddb374bf19f1f6d24d Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Thu, 5 Sep 2024 13:59:19 +0100 Subject: [PATCH 2/6] We added bold to sidebar, we want your opinion if it looks good or we should remove it --- ui/ui/sections/header.tpl | 476 +++++++++++++++++++++++++++++++++++++- 1 file changed, 474 insertions(+), 2 deletions(-) diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index 26270036..843109d9 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -171,7 +171,7 @@ -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -ms-border-radius: 1px !important; - border-radius: 25px !important; + border-radius: 15px !important; border-color: rgba(221, 224, 255, .54); } @@ -180,11 +180,13 @@ background-color: transparent; border-color: transparent; } + .box.box-solid.box-info>.box-header { color: inherit; background-color: transparent; border-color: transparent; } + .box.box-solid.box-danger>.box-header { color: inherit; background-color: transparent; @@ -211,6 +213,7 @@ border-top: 1px solid transparent; padding: 10px; background-color: inherit; + border-radius: 15px; } .panel-footer { @@ -232,6 +235,26 @@ box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); } + .panel-success>.panel-heading { + color: #3c763d; + background-color: transparent; + border-color: #d6e9c6; + } + + .content-header>h1 { + font-weight: bold; + } + + .box-header>.fa, + .box-header>.glyphicon, + .box-header>.ion, + .box-header .box-title { + font-weight: bold; + } + + .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { + font-weight: bold; + } /* Search Bar Start Here */ .wrap { @@ -303,6 +326,13 @@ overflow-y: auto; } + .panel-heading { + padding: 10px 15px; + border-bottom: 0px solid transparent; + border-top-right-radius: 21px; + border-top-left-radius: 21px; + } + /* Search Bar End Here */ /* New Customize Interface End Here */ @@ -332,7 +362,6 @@ th:first-child, td:first-child { position: sticky; - left: 0px; background-color: #f9f9f9; } @@ -534,6 +563,449 @@ -ms-transform: translateX(26px); transform: translateX(26px); } + + /* dark mode styles start here */ + + .dark-mode { + background-color: #1a202c; + color: #cbd5e0; + } + + .dark-mode .main-header .logo, + .dark-mode .main-header .navbar, + .dark-mode .main-sidebar, + .dark-mode .main-sidebar .sidebar, + .dark-mode .sidebar-menu li>a { + background-color: #1a202c; + color: #cbd5e0; + } + + .dark-mode .sidebar-menu li:hover, + .dark-mode .sidebar-menu li:focus { + color: #10d435; + } + + .dark-mode .main-sidebar .sidebar .sidebar-menu li.active a { + background-color: #2e298e; + } + + .dark-mode .content, + .dark-mode .content-header, + .dark-mode .content-wrapper, + .dark-mode .right-side { + background-color: #2d3748; + } + + .dark-mode .main-footer { + background-color: #1a202c; + color: #cbd5e0; + } + + .dark-mode .panel, + .dark-mode .box { + background-color: #2d3748; + border-color: #4a5568; + box-shadow: none; + } + + .dark-mode .panel-heading, + .dark-mode .box-header { + background-color: transparent; + color: #cbd5e0; + } + + .dark-mode .box-footer, + .dark-mode .panel-footer { + background-color: #2d3748; + } + + .dark-mode .search-container { + background-color: #2d3748; + color: #cbd5e0; + } + + .dark-mode .searchTerm { + background-color: #4a5568; + color: #cbd5e0; + } + + .dark-mode .cancelButton { + background-color: #e53e3e; + } + + .dark-mode .notification-top-bar { + background-color: #742a2a; + } + + .dark-mode .bs-callout { + background-color: #2d3748; + border-color: #4a5568; + color: #cbd5e0; + } + + .dark-mode .bs-callout h4 { + color: #cbd5e0; + } + + .dark-mode .bg-gray { + background-color: inherit !important; + } + + .toggle-container { + position: absolute; + top: 17px; + right: 15px; + cursor: pointer; + } + + .toggle-container .toggle-icon { + font-size: 25px; + color: rgb(100 116 139); + transition: color 0.5s ease; + } + + @media (max-width: 600px) { + .toggle-container { + top: 15px; + right: 60px; + } + + .toggle-container .toggle-icon { + font-size: 20px; + color: rgb(100 116 139); + transition: color 0.5s ease; + } + } + + .dark-mode .toggle-container .toggle-icon { + color: #ffdd57; + } + + .dark-mode th:first-child, + .dark-mode td:first-child { + background-color: #4a4949; + } + + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { + background-color: #4a4949; + border-bottom-left-radius: 21px; + } + + .dark-mode .table>thead>tr>td.danger, + .dark-mode .table>thead>tr>th.danger, + .dark-mode .table>thead>tr.danger>td, + .dark-mode .table>thead>tr.danger>th, + .dark-mode .table>tbody>tr>td.danger, + .dark-mode .table>tbody>tr>th.danger, + .dark-mode .table>tbody>tr.danger>td, + .dark-mode .table>tbody>tr.danger>th, + .dark-mode .table>tfoot>tr>td.danger, + .dark-mode .table>tfoot>tr>th.danger, + .dark-mode .table>tfoot>tr.danger>td, + .dark-mode .table>tfoot>tr.danger>th { + background-color: #694760; + } + + .dark-mode .panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 21px; + border-top-left-radius: 21px; + } + + .dark-mode .table-bordered>thead>tr>th, + .dark-mode .table-bordered>thead>tr>td, + .dark-mode .table-bordered>tbody>tr>th, + .dark-mode .table-bordered>tbody>tr>td, + .dark-mode .table-bordered>tfoot>tr>th, + .dark-mode .table-bordered>tfoot>tr>td { + border: 1px solid; + border-color: rgba(221, 224, 255, .54); + } + + /* Dark Mode - Input Fields */ + .dark-mode input:not(#filterNavigateMenu), + .dark-mode textarea:not(#filterNavigateMenu), + .dark-mode select:not(#filterNavigateMenu), + .dark-mode .select2-selection:not(#filterNavigateMenu) { + color: inherit; + transition: all .5s ease-in-out; + } + + .dark-mode input:focus:not(#filterNavigateMenu), + .dark-mode textarea:focus:not(#filterNavigateMenu), + .dark-mode select:focus:not(#filterNavigateMenu), + .dark-mode .select2-selection:focus:not(#filterNavigateMenu) { + color: #1f201f; + outline: none; + } + + .dark-mode .nav-stacked>li>a { + color: inherit; + } + + .dark-mode .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; + color: inherit; + border-color: rgba(221, 224, 255, .54); + background-color: inherit; + } + + .dark-mode .input-group .input-group-addon { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + color: inherit; + border-bottom-left-radius: 0; + border-color: rgba(221, 224, 255, .54); + background-color: transparent; + } + + .dark-mode .input-group .form-control:last-child, + .dark-mode .input-group-addon:last-child, + .dark-mode .input-group-btn:last-child>.btn, + .dark-mode .input-group-btn:last-child>.btn-group>.btn, + .dark-mode .input-group-btn:last-child>.dropdown-toggle, + .dark-mode .input-group-btn:first-child>.btn:not(:first-child), + .dark-mode .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { + color: inherit; + } + + .dark-mode input:not(#filterNavigateMenu), + textarea:not(#filterNavigateMenu), + optgroup:not(#filterNavigateMenu), + select:not(#filterNavigateMenu), + .dark-mode .select2-selection:not(#filterNavigateMenu) { + -moz-transition: all .5s ease-in-out; + -o-transition: all .5s ease-in-out; + -webkit-transition: all .5s ease-in-out; + transition: all .5s ease-in-out; + } + + .dark-mode .form-control { + display: block; + width: 100%; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: inherit; + background-color: transparent; + background-image: none; + border: 1px solid; + border-color: rgba(221, 224, 255, .54); + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + } + + .dark-mode .help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: inherit; + } + + .dark-mode .text-muted { + color: rgba(221, 224, 255, .54); + } + + .dark-mode .breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: rgba(221, 224, 255, .54); + border-radius: 4px; + } + + .dark-mode .pagination>.disabled>span, + .dark-mode .pagination>.disabled>span:hover, + .dark-mode .pagination>.disabled>span:focus, + .dark-mode .pagination>.disabled>a, + .dark-mode .pagination>.disabled>a:hover, + .dark-mode .pagination>.disabled>a:focus { + color: inherit; + background-color: rgba(221, 224, 255, .54); + border-color: rgba(221, 224, 255, .54); + cursor: not-allowed; + } + + .dark-mode .pagination>.active>a, + .dark-mode .pagination>.active>a:hover, + .dark-mode .pagination>.active>a:focus, + .dark-mode .pagination>.active>span, + .dark-mode .pagination>.active>span:hover, + .dark-mode .pagination>.active>span:focus { + z-index: 2; + color: #fff; + background-color: #435ebe; + border-color: rgba(221, 224, 255, .54); + box-shadow: 0 2px 5px rgba(67, 94, 190, .3); + cursor: default; + } + + .dark-mode .pagination>li>a { + background: inherit; + color: inherit; + border: 1px solid; + border-color: rgba(221, 224, 255, .54); + } + + .dark-mode .table { + background-color: #2a2a2a; + color: #ddd; + border-color: #444; + } + + .dark-mode .table th, + .dark-mode .table td { + background-color: #333; + border-color: #444; + color: #ddd; + } + + .dark-mode .table th { + background-color: #444; + font-weight: bold; + } + + .dark-mode .table-striped tbody tr:nth-of-type(odd) { + background-color: #3a3a3a; + } + + .dark-mode .table-bordered { + border: 1px solid #444; + } + + .dark-mode .table-hover tbody tr:hover { + background-color: #555; + color: #fff; + } + + .dark-mode .table-condensed th, + .dark-mode .table-condensed td { + padding: 8px; + } + + .dark-mode .panel>.table:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child { + border-bottom-right-radius: 21px; + border-bottom-left-radius: 21px; + } + + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { + border-bottom-right-radius: 21px; + border-bottom-left-radius: 21px; + } + + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, + .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { + border-bottom-right-radius: 21px; + } + + /* Dark Mode - Select2 Dropdown start here */ + .dark-mode .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { + background-color: rgb(96, 89, 89); + color: #ffffff; + } + + .dark-mode .select2-container--bootstrap .select2-results__option { + padding: 6px 12px; + background-color: rgb(96, 89, 89); + color: #f8f9fa; + } + + .dark-mode .select2-results__option[aria-selected] { + cursor: pointer; + background-color: inherit; + color: #ffffff; + } + + .dark-mode .select2-results__option { + padding: 6px 12px; + user-select: none; + -webkit-user-select: none; + background-color: #343a40; + color: #f8f9fa; + } + + .dark-mode .select2-dropdown { + background-color: #343a40; + border-color: #454d55; + } + + .dark-mode .select2-selection--single { + background-color: #495057; + color: #ffffff; + border-color: #454d55; + } + + .dark-mode .select2-selection__rendered { + color: #ffffff; + } + + .dark-mode .select2-selection__arrow b { + border-color: #ffffff transparent transparent transparent; + } + + .dark-mode .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { + color: inherit; + padding: 0; + } + + .dark-mode .main-footer { + border-top: 1px solid transparent; + } + + .dark-mode .list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: transparent; + border: 1px solid rgba(221, 224, 255, .54); + } + + .dark-mode .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { + font-weight: bold; + } + + .dark-mode .content-header>h1 { + font-weight: bold; + } + + .dark-mode .box-header>.fa, + .dark-mode .box-header>.glyphicon, + .dark-mode .box-header>.ion, + .dark-mode .box-header .box-title { + font-weight: bold; + } + + /* Dark Mode - Select2 Dropdown ends here */ + + /* dark mode styles start ends here */ {if isset($xheader)} {$xheader} From 4f74aa0bff1908eac7303e73bd9314724a76b08c Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Thu, 5 Sep 2024 14:14:50 +0100 Subject: [PATCH 3/6] Please if you dont like the bold feature kindly report it --- ui/ui/sections/header.tpl | 12 ++++++++++++ ui/ui/user-ui/header.tpl | 12 ++++++++++++ 2 files changed, 24 insertions(+) diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index 843109d9..d056aabc 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -256,6 +256,10 @@ font-weight: bold; } + .main-header .logo .logo-lg { + font-weight: bold; + } + /* Search Bar Start Here */ .wrap { width: 30%; @@ -1003,6 +1007,14 @@ font-weight: bold; } + .dark-mode .content-header>h2 { + font-weight: bold; + } + + .dark-mode .main-header .logo .logo-lg { + font-weight: bold; + } + /* Dark Mode - Select2 Dropdown ends here */ /* dark mode styles start ends here */ diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index e52c1b69..09841709 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -264,6 +264,10 @@ font-weight: bold; } + .main-header .logo .logo-lg { + font-weight: bold; + } + /* New Customize Interface End Here */ ::-moz-selection { @@ -705,6 +709,14 @@ .dark-mode .box-header .box-title { font-weight: bold; } + + .dark-mode .content-header>h2 { + font-weight: bold; + } + + .dark-mode .main-header .logo .logo-lg { + font-weight: bold; + } {if isset($xheader)} From c255a7be4972fcd47a30cee9593093bdf90dfd61 Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Thu, 5 Sep 2024 15:47:28 +0100 Subject: [PATCH 4/6] fix modal in dark mode --- ui/ui/sections/header.tpl | 19 +++++++++++++++++++ ui/ui/user-ui/header.tpl | 20 ++++++++++++++++++++ 2 files changed, 39 insertions(+) diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index d056aabc..0ea33f58 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -1015,6 +1015,25 @@ font-weight: bold; } + .dark-mode .modal-content { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125); + box-shadow: 0 2px 3px rgba(0, 0, 0, .125); + border: 0; + background: #1a202c; + } + + .dark-mode .modal-header { + padding: 15px; + border-bottom: 1px solid rgba(221, 224, 255, .54); + min-height: 16.428571429px; + background-color: #1a202c; + color: inherit; + } + /* Dark Mode - Select2 Dropdown ends here */ /* dark mode styles start ends here */ diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index 09841709..f88820aa 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -717,6 +717,26 @@ .dark-mode .main-header .logo .logo-lg { font-weight: bold; } + + + .dark-mode .modal-content { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125); + box-shadow: 0 2px 3px rgba(0, 0, 0, .125); + border: 0; + background: #1a202c; + } + + .dark-mode .modal-header { + padding: 15px; + border-bottom: 1px solid rgba(221, 224, 255, .54); + min-height: 16.428571429px; + background-color: #1a202c; + color: inherit; + } {if isset($xheader)} From 299fd90949450257a8632a868f6c939f658963a0 Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Thu, 5 Sep 2024 16:13:14 +0100 Subject: [PATCH 5/6] fix dark mode drop-down menu --- ui/ui/sections/header.tpl | 11 +++++++++++ ui/ui/user-ui/header.tpl | 22 ++++++++++++++++++++++ 2 files changed, 33 insertions(+) diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index 0ea33f58..2588a37f 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -1034,6 +1034,17 @@ color: inherit; } + .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, + .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, + .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { + background: #1a202c !important; + color: inherit !important; + } + + .dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer { + background-color: #1a202c; + } + /* Dark Mode - Select2 Dropdown ends here */ /* dark mode styles start ends here */ diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index f88820aa..37b9e1ee 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -737,6 +737,28 @@ background-color: #1a202c; color: inherit; } + + + .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, + .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, + .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { + display: block; + white-space: nowrap; + border-bottom: 1px solid rgba(221, 224, 255, .54); + background: #1a202c; + color: inherit; + } + + .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, + .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, + .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { + background: #1a202c !important; + color: inherit !important; + } + + .dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer { + background-color: #1a202c; + } {if isset($xheader)} From 9e63d7ce20e9da98c7a957f8092347204e78572f Mon Sep 17 00:00:00 2001 From: Focuslinkstech <45756999+Focuslinkstech@users.noreply.github.com> Date: Fri, 6 Sep 2024 11:36:30 +0100 Subject: [PATCH 6/6] add margin to the table list --- ui/ui/reports.tpl | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/ui/ui/reports.tpl b/ui/ui/reports.tpl index 21a39b9f..7303afb1 100644 --- a/ui/ui/reports.tpl +++ b/ui/ui/reports.tpl @@ -80,8 +80,9 @@ -
-
+
+
+
@@ -126,6 +127,7 @@
+

{Lang::T('All Transactions at Date')}: {Lang::dateAndTimeFormat($sd, $ts)} - {Lang::dateAndTimeFormat($ed, $te)}