dealposbooks 1.9.0 → 1.9.2

package/assets/scss/layouts/dark/_dark.scss

@@ -3,109 +3,110 @@
 // --------------------------------------------------
 
 .table-primary {
-    --bs-table-bg: #253662 !important;
+  --bs-table-bg: #253662 !important;
 }
 
 .table-success {
-    --bs-table-bg: #1b3c48 !important;
+  --bs-table-bg: #1b3c48 !important;
 }
 
 .table-info {
-    --bs-table-bg: #223662 !important;
+  --bs-table-bg: #223662 !important;
 }
 
 .table-warning {
-    --bs-table-bg: #4d3a2a !important;
+  --bs-table-bg: #4d3a2a !important;
 }
 
 .table-danger {
-    --bs-table-bg: #4b313d !important;
+  --bs-table-bg: #4b313d !important;
 }
 
 .table-dark {
-    --bs-table-bg: #1d2228 !important;
+  --bs-table-bg: #1d2228 !important;
 }
 
 hr {
-    border-top: 1px solid #ebf1f6;
-    opacity: 0.1;
-    border-color: $border-color-dark;
+  border-top: 1px solid #ebf1f6;
+  opacity: 0.1;
+  border-color: $border-color-dark;
 }
 
 .bg-white {
-    background-color: $bg-dark !important;
+  background-color: $bg-dark !important;
 }
 
 .text-dark {
-    color: $heading-color !important;
+  color: $heading-color !important;
 }
 
-.text-muted{
-    color: $body-color-dark !important;
+.text-muted {
+  color: $body-color-dark !important;
 }
 
 .table {
-    --bs-table-border-color: #303841;
-    --bs-table-color: #fff;
-    --bs-table-bg: #1d2228;
+  --bs-table-border-color: #303841;
+  --bs-table-color: #fff;
+  --bs-table-bg: #1d2228;
 
-    th,
-    td {
-        --bs-table-color: rgb(234 239 244 / 60%);
-    }
+  th,
+  td {
+    --bs-table-color: rgb(234 239 244 / 60%);
+  }
 }
 
-.table> :not(caption)>*>* {
-    color: $body-color-dark !important;
+.table > :not(caption) > * > * {
+  color: $body-color-dark !important;
 }
 
-.table-hover>tbody>tr:hover>* {
-    --bs-table-bg-state: $body-bg-dark;
+.table-hover > tbody > tr:hover > * {
+  --bs-table-bg-state: $body-bg-dark;
 }
 
-.table-striped>tbody>tr:nth-of-type(odd)>* {
-    --bs-table-bg-type: #313642;
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+  --bs-table-bg-type: #313642;
 }
 
 a,
 .nav-link:hover,
 .nav-link:focus {
-    color: rgba(var(--bs-link-color-rgb), 0.85);
+  color: rgba(var(--bs-link-color-rgb), 0.85);
 }
 
 .list-group {
-    --bs-list-group-bg: #1d2228;
+  --bs-list-group-bg: #1d2228;
 }
 
 .dropdown-menu {
-    --bs-dropdown-bg: #1d2228;
-    --bs-dropdown-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
+  --bs-dropdown-bg: #1d2228;
+  --bs-dropdown-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
 }
 
 .accordion {
-    --bs-accordion-bg: $bg-dark;
+  --bs-accordion-bg: $bg-dark;
 }
 
 .accordion-button:not(.collapsed) {
-    background-color: $bg-dark !important;
+  background-color: $bg-dark !important;
 }
 
 .accordion-item,
 .accordion-item:focus {
-    --bs-accordion-btn-color: #eaeff4;
-    --bs-accordion-border-color: #333f55;
+  --bs-accordion-btn-color: #eaeff4;
+  --bs-accordion-border-color: #333f55;
 }
 
 .accordion-button {
-    --bs-accordion-btn-bg: $bg-dark;
+  --bs-accordion-btn-bg: $bg-dark;
 }
 
 .accordion-button:not(.collapsed) {
-    color: #eaeff4;
+  color: #eaeff4;
 }
 
 .list-group-item {
-    --bs-list-group-color: #fff;
+  --bs-list-group-color: #fff;
+  --bs-list-group-item-padding-y: 10rem;
 }
 
 // --------------------------------------------------
@@ -116,13 +117,13 @@ label,
 .text-dark,
 .form-label,
 .col-form-label {
-    color: $body-color-dark !important;
+  color: $body-color-dark !important;
 }
 
 .nav-tabs .nav-link,
 .nav-pills .nav-link,
-.breadcrumb-item+.breadcrumb-item::before {
-    color: $link-color-dark;
+.breadcrumb-item + .breadcrumb-item::before {
+  color: $link-color-dark;
 }
 
 .text-bg-light,
@@ -131,8 +132,8 @@ label,
 .bg-hover-light-black:hover,
 .list-group-item-action:hover,
 .list-group-item-action:focus {
-    background-color: $light-bg-subtle-dark !important;
-    color: var(--bs-card-title-color) !important;
+  background-color: $light-bg-subtle-dark !important;
+  color: var(--bs-card-title-color) !important;
 }
 
 // --------------------------------------------------
@@ -140,19 +141,21 @@ label,
 // --------------------------------------------------
 
 .comment-widgets {
-    .comment-row {
-        &:hover {
-            background: rgba(0, 0, 0, 0.4);
-        }
+  .comment-row {
+    &:hover {
+      background: rgba(0, 0, 0, 0.4);
     }
+  }
 }
 
 .offcanvas {
-    background-color: $bg-dark;
+  background-color: $bg-dark;
 }
 
-.left-part, .right-part, .offcanvas{
-    background-color: $body-bg-dark !important;
+.left-part,
+.right-part,
+.offcanvas {
+  background-color: $body-bg-dark !important;
 }
 
 .taskboard .taskboard-task,
@@ -164,69 +167,69 @@ label,
 .tasklist .task-item:hover,
 .bg-hover-active,
 .mailbox .message-center .message-item.active,
-.mail-center-part .message-item.active{
-    background-color: #292f37 !important;
+.mail-center-part .message-item.active {
+  background-color: #292f37 !important;
 }
 
-.wizard-navbar li .round-tabs{
-    background-color: $dark-bg-variant;
+.wizard-navbar li .round-tabs {
+  background-color: $dark-bg-variant;
 }
 
 .ng-select .ng-select-container {
-    background-color: $dark-bg-variant;
-    border: 1px solid $border-color-dark;
+  background-color: $dark-bg-variant;
+  border: 1px solid $border-color-dark;
 }
 
-.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{
-    background-color: $dark-bg-variant;
-    color: $white;
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  background-color: $dark-bg-variant;
+  color: $white;
 }
 
-.ng-select .ng-select-container{
-    color: $white;
+.ng-select .ng-select-container {
+  color: $white;
 }
 
-.flatpickr-calendar{
-    background: #1a2537;
-    box-shadow: none;
+.flatpickr-calendar {
+  background: #1a2537;
+  box-shadow: none;
 }
 
 .flatpickr-calendar.arrowTop:before,
 .flatpickr-calendar.arrowTop:after {
-    border-bottom-color: $border-color-dark;
+  border-bottom-color: $border-color-dark;
 }
 
-.flatpickr-months .flatpickr-prev-month, 
+.flatpickr-months .flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month,
 .flatpickr-months .flatpickr-month,
 .flatpickr-weekdaycontainer span.flatpickr-weekday,
-.flatpickr-time input{
-    color: $body-color-dark;
-    fill: $body-color-dark;
-}
-
-.flatpickr-day.inRange, 
-.flatpickr-day.prevMonthDay.inRange, 
-.flatpickr-day.nextMonthDay.inRange, 
-.flatpickr-day.today.inRange, 
-.flatpickr-day.prevMonthDay.today.inRange, 
-.flatpickr-day.nextMonthDay.today.inRange, 
-.flatpickr-day:hover, 
-.flatpickr-day.prevMonthDay:hover, 
-.flatpickr-day.nextMonthDay:hover, 
-.flatpickr-day:focus, 
-.flatpickr-day.prevMonthDay:focus, 
+.flatpickr-time input {
+  color: $body-color-dark;
+  fill: $body-color-dark;
+}
+
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
 .flatpickr-day.nextMonthDay:focus,
-.flatpickr-time input:hover, 
-.flatpickr-time .flatpickr-am-pm:hover, 
-.flatpickr-time input:focus, 
-.flatpickr-time .flatpickr-am-pm:focus{
-    background: #1a2537;
-    border-color: $border-color-dark;
+.flatpickr-time input:hover,
+.flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-time input:focus,
+.flatpickr-time .flatpickr-am-pm:focus {
+  background: #1a2537;
+  border-color: $border-color-dark;
 }
 
-.flatpickr-calendar.hasTime .flatpickr-time{
-    border-top: 1px solid $border-color-dark;
+.flatpickr-calendar.hasTime .flatpickr-time {
+  border-top: 1px solid $border-color-dark;
 }
 
 .NgxEditor__MenuBar,
@@ -237,25 +240,25 @@ label,
 .ngx-datatable.material .datatable-body .datatable-row-left,
 .auth-wrapper .auth-box,
 .cal-month-view,
-.cal-week-view, 
+.cal-week-view,
 .cal-week-view .cal-hour-odd,
 .cal-month-view .cal-cell-row:hover {
-    background-color: #1d2228;
-}  
+  background-color: #1d2228;
+}
 
 .cal-month-view .cal-days,
 .cal-month-view .cal-days .cal-cell-row,
 .cal-month-view .cal-day-cell:not(:last-child) {
-    border-color: $border-color-dark;
+  border-color: $border-color-dark;
 }
 
-.cal-month-view .cal-open-day-events{
-    background-color: $dark-bg-variant;
-    box-shadow: none;
+.cal-month-view .cal-open-day-events {
+  background-color: $dark-bg-variant;
+  box-shadow: none;
 }
 
-.cal-week-view{
-    border-top: solid 1px $border-color-dark;
+.cal-week-view {
+  border-top: solid 1px $border-color-dark;
 }
 
 .cal-week-view .cal-time-events,
@@ -263,19 +266,22 @@ label,
 .cal-week-view .cal-day-column,
 .cal-week-view .cal-day-headers,
 .cal-week-view .cal-day-headers .cal-header:not(:last-child),
-.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment, 
-.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment{
-    border-color: $border-color-dark;
+.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
+.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
+  border-color: $border-color-dark;
 }
 
 .cal-week-view .cal-header.cal-today,
-.cal-month-view .cal-cell.cal-has-events.cal-open{
-    background-color: var(--bs-primary-bg-subtle);
+.cal-month-view .cal-cell.cal-has-events.cal-open {
+  background-color: var(--bs-primary-bg-subtle);
 }
 
 .cal-week-view .cal-day-headers .cal-header:hover,
-.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover{
-    background-color: $dark-bg-variant;
+.cal-week-view
+  .cal-time-events
+  .cal-day-columns:not(.cal-resize-active)
+  .cal-hour-segment:hover {
+  background-color: $dark-bg-variant;
 }
 
 .NgxEditor__Dropdown .NgxEditor__Dropdown--Selected,
@@ -284,82 +290,87 @@ label,
 .NgxEditor__Dropdown:hover,
 .NgxEditor__MenuItem .NgxEditor__MenuItem--Icon:hover,
 .NgxEditor__Dropdown .NgxEditor__Dropdown--Item:hover {
-    color: $white;
-    background-color: $primary;
+  color: $white;
+  background-color: $primary;
 }
 
 .NgxEditor,
 .ngx-datatable.material .datatable-header .datatable-header-cell,
-.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,
+.ngx-datatable.material
+  .datatable-body
+  .datatable-body-row
+  .datatable-body-cell,
 .ngx-datatable.material .datatable-footer .datatable-pager a,
 .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
-    color: $body-color-dark;
+  color: $body-color-dark;
 }
 
 .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
-    color: rgb(255 255 255 / 0.26) !important;
+  color: rgb(255 255 255 / 0.26) !important;
 }
 
 .ngx-datatable.material .datatable-footer .datatable-pager a:hover {
-    color: rgb(255 255 255 / 0.75);
+  color: rgb(255 255 255 / 0.75);
 }
 
 .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
-.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group,
-.cal-month-view .cal-cell-row .cal-cell:hover{
-    background-color: #1a2537;
+.ngx-datatable.material:not(.cell-selection)
+  .datatable-body-row:hover
+  .datatable-row-group,
+.cal-month-view .cal-cell-row .cal-cell:hover {
+  background-color: #1a2537;
 }
 
 .ngx-datatable.material .datatable-header .resize-handle {
-    border-right: solid 1px $border-color-dark;
+  border-right: solid 1px $border-color-dark;
 }
 
 .ngx-datatable.material .datatable-header {
-    border-bottom: 1px solid $border-color-dark;
+  border-bottom: 1px solid $border-color-dark;
 }
 
 .ngx-datatable.material .datatable-footer {
-    border-top: 1px solid $border-color-dark;
-    color: $body-color-dark;
+  border-top: 1px solid $border-color-dark;
+  color: $body-color-dark;
 }
 
 .ngx-datatable.material {
-    background: $dark-bg-variant;
+  background: $dark-bg-variant;
 }
 
 .left-part,
-.ng-dropdown-panel.ng-select-bottom{
-    border-color: $border-color-dark;
+.ng-dropdown-panel.ng-select-bottom {
+  border-color: $border-color-dark;
 }
 
 .modal-content {
-    background-color: $bg-dark !important;
-    box-shadow: none;
+  background-color: $bg-dark !important;
+  box-shadow: none;
 }
 
 .customizer {
-    background: $dark-bg-variant;
+  background: $dark-bg-variant;
 }
 
 .ng-select .ng-select-container {
-    background-color: $dark-bg-variant;
-    border: 1px solid $border-color-dark;
+  background-color: $dark-bg-variant;
+  border: 1px solid $border-color-dark;
 }
 
 .progress {
-    --bs-progress-bg: #161b22;
+  --bs-progress-bg: #161b22;
 }
 
 .pagination {
-    --bs-pagination-bg: $dark-bg-variant;
+  --bs-pagination-bg: $dark-bg-variant;
 }
 
 .topbar .top-navbar .navbar-collapse {
-    background: #1d2228 !important;
+  background: #1d2228 !important;
 }
 
 .body-wrapper {
-    background: $dark-bg-variant !important;
+  background: $dark-bg-variant !important;
 }
 
 .form-control:disabled,
@@ -367,16 +378,16 @@ label,
 .topbar,
 .left-sidebar,
 .topbar .top-navbar .navbar-header {
-    background-color: $dark-bg-variant !important;
+  background-color: $dark-bg-variant !important;
 }
 
-.sidebar-nav #sidebarnav>.sidebar-item ul {
-    background: #1d2228 !important;
+.sidebar-nav #sidebarnav > .sidebar-item ul {
+  background: #1d2228 !important;
 }
 
 .dropdown-item:hover,
 .dropdown-item:focus {
-    background-color: $dark-bg-subtle-dark;
+  background-color: $dark-bg-subtle-dark;
 }
 
 // --------------------------------------------------
@@ -384,18 +395,18 @@ label,
 // --------------------------------------------------
 .border-white,
 .border-muted {
-    border-color: $border-color-dark !important;
+  border-color: $border-color-dark !important;
 }
 
 .form-check-input {
-    --bs-form-check-bg: transparent;
-    border: 1px solid $border-color-dark;
+  --bs-form-check-bg: transparent;
+  border: 1px solid $border-color-dark;
 }
 
 .timeline > .timeline-item > .timeline-panel:after,
-.timeline > .timeline-item > .timeline-panel:before{
-    border-right: 0 solid $border-color-dark;
-    border-left: 7px solid $border-color-dark;
+.timeline > .timeline-item > .timeline-panel:before {
+  border-right: 0 solid $border-color-dark;
+  border-left: 7px solid $border-color-dark;
 }
 
 // ----------------------------------
@@ -404,28 +415,28 @@ label,
 
 .form-select,
 .form-control {
-    border-color: $border-color-dark !important;
-    color: $body-color-dark;
-    background-color: $bg-dark !important;
+  border-color: $border-color-dark !important;
+  color: $body-color-dark;
+  background-color: $bg-dark !important;
 }
 
-.form-floating>.form-control:focus~label::after {
-    background-color: #1d2228 !important;
+.form-floating > .form-control:focus ~ label::after {
+  background-color: #1d2228 !important;
 }
 
 .form-select:focus,
 .form-control:focus {
-    border-color: $primary !important;
-    background-color: $body-bg-dark;
+  border-color: $primary !important;
+  background-color: $body-bg-dark;
 }
 
 input::file-selector-button {
-    background-color: $body-bg-dark;
-    color: $body-color-dark;
+  background-color: $body-bg-dark;
+  color: $body-color-dark;
 }
 
 .input-group-text {
-    background-color: $light-bg-subtle-dark;
-    border: var(--bs-table-border-color);
-    color: $body-color-dark;
-}
+  background-color: $light-bg-subtle-dark;
+  border: var(--bs-table-border-color);
+  color: $body-color-dark;
+}

package/assets/scss/style.scss

@@ -117,7 +117,7 @@
   border: none !important;
   .p-dialog-header {
     background-color: #0a8754;
-
+    padding: 0.8rem 1rem;
     color: #ffffff;
   }
   .p-dialog-header-actions {

package/assets/scss/variables/_variables.scss

@@ -196,7 +196,7 @@ $h6-font-size: 14px !default;
 $headings-font-family: 'Open Sans', sans-serif !default;
 $headings-margin-bottom: 8px !default;
 $headings-font-weight: 400 !default;
-$headings-color: #455a64 !default;
+$headings-color: #202123 !default;
 
 // Font Sizes
 $font-sizes: (
@@ -223,7 +223,7 @@ $line-height-lg: 2 !default;
 
 // Body
 $body-bg: #f4f6f9 !default;
-$body-color: #3e444f !default;
+$body-color: #f7f7f8 !default;
 
 // Heading
 $headings-color: $dark !default;
@@ -420,3 +420,5 @@ $grid-breakpoints: (
 
 $hr-border-color: $border-color !default;
 $hr-opacity: 1 !default;
+
+$list-group-item-padding-y: 0.3rem;