File Manager

✏️ Edit File: /home/mklsvubc/netecfwd.co.uk/wp-content/plugins/latepoint/lib/assets/stylesheets/admin/_dark.scss

$dark-bg: #181c2b;
$dark-bg-1: #1d2132;
$dark-bg-2: #23273b;
$dark-border-1: lighten($dark-bg, 5%);
$dark-border-2: lighten($dark-bg, 10%);
$dark-color-1: #eeeffc;
$dark-color-2: #858699;
$dark-color-3: #535667;
$dark-icon-color: #3653d1;
$dark-brand-primary: #3653d1;

body.latepoint-admin.latepoint-dark {
  color: $dark-color-1;
  h1, h2, h3, h4, h5 {
    color: #fff;
  }

.os-categories-ordering-w .os-category-w,
  .os-category-parent-w.gu-mirror .os-category-w {
    background-color: $dark-bg-1;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.2);
  }
  .item-in-category-w {
    background-color: $dark-bg-1;
    border-color: darken($dark-bg, 1%);
    .os-category-item-meta {
      background-color: $dark-bg;
    }
  }

.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-meta, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-meta,
  .os-categories-ordering-w .os-category-w .os-category-head .os-category-items-count, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-count{
    background-color: $dark-bg;
  }

.os-form-sub-header.sub-level {
    h3 {
      background-color: $dark-bg;
      color: $dark-color-2;
    }
    &:after {
      background-color: $dark-bg-1;
    }
  }

.os-services-list {
    .create-service-link-w {
      border-color: $dark-border-1;
      .add-service-graphic-w .add-service-plus {
        background-color: $dark-brand-primary;
        box-shadow: 0px 0px 0px 10px $dark-bg-1;
      }
      .add-service-label {
        color: $dark-brand-primary;
      }
    }
    .os-service {
      background-color: $dark-bg-1;
      box-shadow: 0 10px 30px 0 darken($dark-bg, 5%), 0 1px 2px 0 darken($dark-bg, 10%);
    }
    .os-service-header .service-name {
      color: $dark-color-1;
    }
    .os-service-body {
      .os-service-agents .agents-avatars .agent-avatar {
        box-shadow: 0px 0px 0px 3px $dark-bg-1;
      }
      .os-service-agents .agents-avatars .agents-more {
        background-color: $dark-bg;
        color: $dark-color-2;
      }
      .os-service-agents .value strong,
      .os-service-info .value strong {
        color: $dark-brand-primary;
      }
    }
  }

.os-table-w.os-table-compact .os-table tr th {
    background-color: $dark-bg;
    border-color: $dark-border-2;
  }
  .os-table-w.os-table-compact .os-table tr td {
    border-color: $dark-border-2;
  }
  .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child, .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:first-child {
    box-shadow: inset -1px 0px 0px 0px $dark-border-2;
  }
  body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child, body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:first-child {
    box-shadow: inset -1px 0px 0px 0px $dark-border-2;
  }
  .os-scrollable-table-w {
    border-color: $dark-border-2;
  }
  .os-table-w.os-table-compact .os-table tbody tr:hover td {
    background-color: $dark-bg;
  }
  .os-table tbody tr td {
    background-color: $dark-bg;
    border-color: $dark-border-2;
  }

.latepoint-btn {
    &.latepoint-btn-primary {
      background-color: $dark-brand-primary;
    }
    &.latepoint-btn-secondary {
      background-color: $dark-bg-2;
      color: $dark-color-1;
    }
  }

.agent-day-availability-w .agent-timeslot.is-off {
    background-image: repeating-linear-gradient(90deg, $dark-bg, $dark-bg 2px, #873e3e 2px, #873e3e 3px)
  }

.appointment-box-squared {
    border-bottom-color: $dark-border-1;
    .appointment-service-name {
      color: $dark-color-1;
    }
    .appointment-main-info .appointment-main-info-i .appointment-date-i .appointment-date {
      color: $dark-color-2;
    }
    .appointment-date-w .appointment-time {
      color: $dark-brand-primary;
    }

.appointment-main-info .appointment-link {
      color: $dark-brand-primary;
    }
  }
  .os-widget-daily-bookings {
    border-right-color: $dark-border-1;
  }
  .os-widget {
    .stats-tab-info {
      background-color: $dark-bg-1;
      color: $dark-color-2;
    }
    .stats-tab-value {
      color: $dark-color-1;
      .stats-change .stats-change-value {
        color: $dark-color-3;
      }
    }
    .stats-tab-label {
      color: $dark-color-2;
    }
    .os-widget-header {
      border-bottom-color: $dark-border-1;
      &.with-actions {
        select {
          background-color: $dark-bg-1;
          color: $dark-color-1;
          border-color: $dark-border-2;
        }

.os-widget-header-actions .os-date-range-picker {
          background-color: $dark-bg-1;
          color: $dark-color-1;
          border-color: $dark-border-2;

span {
            color: $dark-color-1;
          }
        }
      }
    }
  }

.os-table-w.os-table-compact .os-table tr td .os-with-avatar .os-clickable-popup-trigger {
    background-color: $dark-bg-1;
  }
  .os-table-w.os-table-compact .os-table tr th .os-form-group .os-form-control,
  .os-table-w.os-table-compact .os-table tr th .os-date-range-picker {
    background-color: $dark-bg-1;
    color: $dark-color-1;
    border-color: $dark-border-2;
  }

.latepoint-top-bar-w .latepoint-top-iconed-link {
    color: $dark-icon-color;
  }

.agent-day-bookings-timeline-compact-w .timeslot.with-tick .tick {
    background-color: $dark-border-2;
  }

.timeline-type-toggle {
    border-color: $dark-border-2;
    .timeline-type-option {
      color: $dark-color-2;

&.active {
        background-color: $dark-bg;
        border-color: $dark-brand-primary;
        color: $dark-brand-primary;
        box-shadow: 0px 0px 0px 1px $dark-brand-primary;
      }

}
  }

ul.os-page-tabs {
    li a {
      color: $dark-color-3;
    }
    li.os-page-tab-active a {
      color: $dark-color-1;

}
  }

.latepoint-side-menu-w {
    background-color: $dark-bg;
    border-right-color: $dark-border-1;
    .back-to-wp-link-w .back-to-wp-link {
      background-color: $dark-bg;
      border-color: $dark-brand-primary;
      color: $dark-brand-primary;
    }
    ul.side-menu > li.has-children:after {
      color: $dark-color-3;
    }
    ul.side-menu > li:hover:not(.menu-item-is-active) > a {
      background-color: lighten($dark-bg, 10%);
    }
    ul.side-menu > li.menu-item-is-active > a {
      background-color: lighten($dark-bg, 10%);
    }
    ul.side-menu > li > a {
      color: $dark-color-1;
      > i {
        color: $dark-icon-color;
      }
    }
    ul.side-menu > li.menu-spacer.with-label {
      &:after {
        background-color: $dark-border-1;
      }

span {
        background-color: $dark-bg;
      }
    }
  }

.latepoint-all-wrapper {
    .latepoint-content-w {
      background-color: $dark-bg;
    }
    .latepoint-top-bar-w {
      background-color: $dark-bg;
      border-bottom-color: $dark-border-1;
      .latepoint-top-iconed-link .notifications-count {
        border-color: $dark-bg;
      }
      .latepoint-top-search-w .latepoint-top-search {
        background-color: $dark-bg;
      }
    }
    .page-header-w {
      border-bottom-color: $dark-border-1;
    }
  }
}

Batal

⬅ Naik ke stylesheets 46 item

Nama	Tipe	Ukuran	Diubah	Aksi
📄_activities.scss	scss	4.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_addons.scss	scss	8.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_agents.scss	scss	13.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_animations.scss	scss	13.6 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_booking_form_preview.scss	scss	38.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_bookings.scss	scss	11.7 KB	2026-06-15 12:21	✏️ Edit 👁️ View
📄_bundles.scss	scss	5.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_buttons.scss	scss	9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_calendars.scss	scss	67.3 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_categories.scss	scss	4.2 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_customers.scss	scss	14.7 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_dark.scss	scss	7.1 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_daterangepicker.scss	scss	9.4 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_elements.scss	scss	5.7 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_forms.scss	scss	54.2 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_grid.scss	scss	1.7 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_grid_variables.scss	scss	864 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_icons.scss	scss	66.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_latecheckbox.scss	scss	3.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_lateselect.scss	scss	3.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_layout.scss	scss	17.1 KB	2025-10-02 11:57	✏️ Edit 👁️ View
📄_lightbox.scss	scss	3.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_menu.scss	scss	12 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_messages.scss	scss	1.7 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_misc.scss	scss	18.5 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_mixins.scss	scss	14.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_notifications.scss	scss	2.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_orders.scss	scss	23.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_pickr.scss	scss	5.6 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_processes.scss	scss	15.4 KB	2026-05-14 14:27	✏️ Edit 👁️ View
📄_quick_availability.scss	scss	7.5 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_reminders.scss	scss	3.5 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_responsive.scss	scss	58.6 KB	2025-09-29 10:15	✏️ Edit 👁️ View
📄_roles.scss	scss	5.3 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_schedule.scss	scss	9.5 KB	2026-03-19 14:44	✏️ Edit 👁️ View
📄_services.scss	scss	11 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_settings.scss	scss	13.9 KB	2026-05-18 15:24	✏️ Edit 👁️ View
📄_side-panel.scss	scss	15.5 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_steps.scss	scss	2 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_tables.scss	scss	21 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_type.scss	scss	608 B	2025-01-29 06:25	✏️ Edit 👁️ View
📄_updates.scss	scss	10.9 KB	2025-09-24 07:48	✏️ Edit 👁️ View
📄_utilities.scss	scss	1.4 KB	2025-01-29 06:25	✏️ Edit 👁️ View
📄_variables.scss	scss	5.3 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_widgets.scss	scss	45.9 KB	2025-09-28 12:03	✏️ Edit 👁️ View
📄_wizard.scss	scss	16.4 KB	2026-06-24 10:07	✏️ Edit 👁️ View