adminator-admin-dashboard 2.7.0

package/src/assets/styles/utils/theme.css

@@ -0,0 +1,97 @@
+:root {
+  --c-bkg-body: #f8f9fa;
+  --c-bkg-card: #ffffff;
+  --c-bkg-sidebar: #ffffff;
+
+  --c-text-base: #212529;
+  --c-text-muted: #6c757d;
+
+  --c-border: #e2e5e8;
+
+  --c-primary: #4b7cf3;
+  --c-success: #2ecc71;
+  --c-danger: #e74c3c;
+  
+  /* Vector map colors */
+  --vmap-bg-color: #ffffff;
+  --vmap-border-color: #ffffff;
+  --vmap-region-color: #e4ecef;
+  --vmap-marker-fill: #ffffff;
+  --vmap-marker-stroke: #000000;
+  --vmap-hover-color: #ffffff;
+  --vmap-selected-color: #c9dfaf;
+  --vmap-scale-start: #03a9f3;
+  --vmap-scale-end: #02a7f1;
+  --vmap-scale-light: #b6d6ff;
+  --vmap-scale-dark: #005ace;
+  
+  /* Skycons */
+  --skycons-color: #ff6849;
+  
+  /* Sparkline colors */
+  --sparkline-success: #4caf50;
+  --sparkline-purple: #9675ce;
+  --sparkline-info: #03a9f3;
+  --sparkline-danger: #f96262;
+  --sparkline-light: #aaf;
+  
+  /* Loader */
+  --loader-bg: #ffffff;
+  --spinner-bg: #333333;
+  
+  /* Google Maps */
+  --gmap-landscape-hue: #FFBB00;
+  --gmap-highway-hue: #FFC200;
+  --gmap-road-hue: #FF0300;
+  --gmap-water-hue: #0078FF;
+  --gmap-poi-hue: #00FF6A;
+}
+
+[data-theme="dark"] {
+  --c-bkg-body: #181a1f;
+  --c-bkg-card: #20232a;
+  --c-bkg-sidebar: #20232a;
+
+  --c-text-base: #e8eaed;
+  --c-text-muted: #9ca3af;
+
+  --c-border: #2b2f36;
+
+  --c-primary: #4b7cf3;
+  --c-success: #32d48e;
+  --c-danger: #ff6b6b;
+  
+  /* Vector map colors - dark theme */
+  --vmap-bg-color: #20232a;
+  --vmap-border-color: #2b2f36;
+  --vmap-region-color: #2b2f36;
+  --vmap-marker-fill: #e8eaed;
+  --vmap-marker-stroke: #9ca3af;
+  --vmap-hover-color: #181a1f;
+  --vmap-selected-color: #4b5563;
+  --vmap-scale-start: #3b82f6;
+  --vmap-scale-end: #1d4ed8;
+  --vmap-scale-light: #1e40af;
+  --vmap-scale-dark: #60a5fa;
+  
+  /* Skycons - dark theme */
+  --skycons-color: #f97316;
+  
+  /* Sparkline colors - dark theme */
+  --sparkline-success: #10b981;
+  --sparkline-purple: #a855f7;
+  --sparkline-info: #3b82f6;
+  --sparkline-danger: #ef4444;
+  --sparkline-light: #60a5fa;
+  
+  /* Loader - dark theme */
+  --loader-bg: #181a1f;
+  --spinner-bg: #e8eaed;
+  
+  /* Google Maps - dark theme */
+  --gmap-landscape-hue: #D4AC0D;
+  --gmap-highway-hue: #E6AC00;
+  --gmap-road-hue: #CC2900;
+  --gmap-water-hue: #1B4F72;
+  --gmap-poi-hue: #148F77;
+} 

package/src/assets/styles/vendor/datepicker.scss

@@ -0,0 +1,183 @@
+@use 'sass:color';
+@use '../spec/settings/baseColors' as *;
+@use '../spec/settings/breakpoints' as *;
+@use '../spec/tools/mixins/mediaQueriesRanges' as *;
+
+.datepicker {
+  border-radius: 0;
+  padding: 25px;
+  box-shadow: none;
+  border: 1px solid $border-color;
+
+  table {
+    tr {
+      th,
+      td {
+        border-radius: 0;
+        width: 40px;
+        height: 35px;
+      }
+
+      td {
+        transition: all 0.2s ease-in-out;
+
+        span {
+          border-radius: 0;
+        }
+      }
+    }
+  }
+}
+
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.active:hover,
+.datepicker table tr td span.active:hover.active:hover,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active.highlighted:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active.highlighted.active,
+.datepicker table tr td.active:active:hover,
+.datepicker table tr td.active.highlighted:active:hover,
+.datepicker table tr td.active.active:hover,
+.datepicker table tr td.active.highlighted.active:hover,
+.datepicker table tr td.active:active:focus,
+.datepicker table tr td.active.highlighted:active:focus,
+.datepicker table tr td.active.active:focus,
+.datepicker table tr td.active.highlighted.active:focus,
+.datepicker table tr td.active:active.focus,
+.datepicker table tr td.active.highlighted:active.focus,
+.datepicker table tr td.active.active.focus,
+.datepicker table tr td.active.highlighted.active.focus {
+  color: $default-white;
+  background-color: $default-primary;
+  border-color: transparent;
+}
+
+.datepicker table tr td span:hover,
+.datepicker table tr td span.focused {
+  background: $default-primary;
+  color: #fff;
+}
+
+.datepicker table tr td.day:hover,
+.datepicker table tr td.focused {
+  background: $default-primary;
+  color: #fff;
+  cursor: pointer;
+}
+
+.datepicker .datepicker-switch:hover,
+.datepicker .prev:hover,
+.datepicker .next:hover,
+.datepicker tfoot tr th:hover {
+  background: $default-primary;
+  color: #fff;
+  cursor: pointer;
+}
+
+.datepicker-inline {
+  width: 330px;
+}
+
+.daterangepicker {
+  border-radius: 0;
+  padding: 30px;
+  box-shadow: none;
+  border: 1px solid $border-color;
+
+  .input-mini {
+    border-radius: 0;
+    margin-bottom: 20px;
+    height: 40px;
+    padding: 0 6px 0 35px;
+
+    &.active {
+      border-radius: 0;
+      border-color: color.adjust($default-info, $lightness: 20%);
+    }
+  }
+
+  .daterangepicker_input {
+    i {
+      position: absolute;
+      left: 10px;
+      top: 13px;
+    }
+  }
+
+  td,
+  th {
+    border-radius: 0;
+    width: 40px;
+    height: 35px;
+
+    &.available{
+      &:hover{
+        background: $default-primary;
+        color: #fff;
+      }
+    }
+  }
+
+  td {
+    &.in-range {
+      background-color: transparent;
+      color: $default-primary;
+    }
+
+    &.active {
+      background-color: $default-primary;
+      border-color: transparent;
+      color: #fff;
+
+      &:hover {
+        background-color: $default-primary;
+        border-color: transparent;
+        color: #fff;
+      }
+    }
+
+    &.start-date {
+      border-radius: 0;
+
+      &.end-date {
+        border-radius: 0;
+      }
+    }
+
+    &.end-date {
+      border-radius: 0;
+    }
+  }
+
+  select {
+    &.hourselect,
+    &.minuteselect,
+    &.secondselect,
+    &.ampmselect {
+      border: 1px solid $border-color;
+      min-height: 30px;
+    }
+  }
+
+  .calendar-time {
+    i {
+      top: 8px;
+      left: 35px;
+    }
+  }
+
+  @include from($breakpoint-sm) {
+    .calendar {
+      margin-right: 20px !important;
+    }
+  }
+}
+