zmp-core/zmp-bundle.less

Full featured mobile HTML framework for building iOS & Android apps

/**
 * ZMP 2.8.10
 * Full featured mobile HTML framework for building iOS & Android apps
 * https://h5.zalo.me/
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 16, 2023
 */

@import (reference) './less/mixins.less';
@import (reference) './less/vars.less';

@includeIosTheme: true;
@includeMdTheme: true;
@includeAuroraTheme: true;

@includeDarkTheme: true;
@includeLightTheme: true;

@themeColor: #0068FF;
@darkThemeColor: #4C8AE5;

@colors: {
  red: #ff3b30;
  green: #4cd964;
  blue: #2196f3;
  pink: #ff2d55;
  yellow: #ffcc00;
  orange: #ff9500;
  purple: #9c27b0;
  deeppurple: #673ab7;
  lightblue: #5ac8fa;
  teal: #009688;
  lime: #cddc39;
  deeporange: #ff6b22;
  gray: #8e8e93;
  white: #ffffff;
  black: #000000;
  bd200: #81aded;
  bd300: #4c8ae5;
  bd400: #3d6eb7;
  bd500: #2e5389;
  bd600: #1e375c;
  bd700: #132339;
  bl200: #0043a6;
  bl300: #0068ff;
  bl400: #3386ff;
  bl500: #66a4ff;
  bl600: #99c3ff;
  bl700: #cce1ff;
  nd200: #dbdfe2;
  nd300: #ccd1d6;
  nd400: #8b8f92;
  nd500: #4a4b4d;
  nd600: #19191a;
  nd700: #090909;
  nl100: #050a19;
  nl200: #001121;
  nl300: #001a33;
  nl400: #33485c;
  nl500: #667685;
  nl600: #99a3ad;
  nl700: #bfc6cc;
  gd300: #47bd8e;
  gd400: #399772;
  gd500: #2b7155;
  gd600: #1c4c39;
  gd700: #122f24;
  gl300: #00c578;
  gl400: #33d193;
  gl500: #66dcae;
  gl600: #99e8c9;
  gl700: #ccf3e4;
  rd300: #e1807d;
  rd400: #b46664;
  rd500:  #874d4b;
  rd600: #5a3332;
  rd700: #38201f;
  rl300: #ef4e49;
  rl400: #f2716d;
  rl500: #f59592;
  rl600: #f9b8b6;
  rl700: #fcdcdb;
  w300: #ffffff;
  w400: rgba(255, 255, 255, 0.75);
  w500: rgba(255, 255, 255, 0.5);
  w600: rgba(255, 255, 255, 0.25);
  w700: rgba(255, 255, 255, 0.1);
  dg300: #96a3ad;
  dg400: #666f76;
  dg500: #363b3e;
  dg600: #121415;
  dg700: #060707;
  lg300: #778d9e;
  lg400: #92a4b1;
  lg500: #adbbc5;
  lg600: #c9d1d8;
  lg700: #e4e8ec;
  bk300: #000000;
  bk400: rgba(0, 0, 0, 0.75);
  bk500: rgba(0, 0, 0, 0.5);
  bk600: rgba(0, 0, 0, 0.25);
  bk700: rgba(0, 0, 0, 0.15);
  ol300: #f5832f;
  ol400: #f79c59;
  ol500: #f9b582;
  ol600: #fbcdac;
  ol700: #fde6d5;
  od300: #e39f6d;
  od400: #b67f57;
  od500: #885f41;
  od600: #5b402c;
  od700: #39281b;
  yl300: #f8d15a;
  yl400: #f9d97b;
  yl500: #fbe39c;
  yl600: #fcedbd;
  yl700: #fef6de;
  yd300: #e9d18b;
  yd400: #baa76f;
  yd500: #8c7d53;
  yd600: #5d5438;
  yd700: #3a3423;
  tl300: #00adf4;
  tl400: #33bcf6;
  tl500: #66cef8;
  tl600: #99defb;
  tl700: #cceffd;
  td300: #4bb2dd;
  td400: #3c8eb1;
  td500: #2d6b85;
  td600: #1e4758;
  td700: #132d37;
  pul300: #7562d8;
  pul400: #9181e0;
  pul500: #aca1e8;
  pul600: #c8c0ef;
  pul700: #e3e0f7;
  pud300: #998dd4;
  pud400: #7a71aa;
  pud500: #5c557f;
  pud600: #3d3855;
  pud700: #262335;
  pkl300: #ea87ff;
  pkl400: #ee9fff;
  pkl500: #f2b7ff;
  pkl600: #f7cfff;
  pkl700: #fbe7ff;
  pkd300: #e6abf3;
  pkd400: #b889c2;
  pkd500: #8a6792;
  pkd600: #5c4461;
  pkd700: #3a2b3d;
};

@rtl: false;

// Core
@import url('./components/app/app.less');
@import url('./components/statusbar/statusbar.less');
@import url('./components/view/view.less');
@import url('./components/page/page.less');
@import url('./components/link/link.less');
@import url('./components/touch-ripple/touch-ripple.less');
@import url('./components/navbar/navbar.less');
@import url('./components/toolbar/toolbar.less');
@import url('./components/subnavbar/subnavbar.less');
@import url('./components/icon/icon.less');
@import url('./components/modal/modal.less');

@import url('./components/appbar/appbar.less');
@import url('./components/dialog/dialog.less');
@import url('./components/popup/popup.less');
@import url('./components/login-screen/login-screen.less');
@import url('./components/popover/popover.less');
@import url('./components/actions/actions.less');
@import url('./components/sheet/sheet.less');
@import url('./components/toast/toast.less');
@import url('./components/preloader/preloader.less');
@import url('./components/progressbar/progressbar.less');
@import url('./components/list/list.less');
@import url('./components/sortable/sortable.less');
@import url('./components/swipeout/swipeout.less');
@import url('./components/accordion/accordion.less');
@import url('./components/contacts-list/contacts-list.less');
@import url('./components/virtual-list/virtual-list.less');
@import url('./components/list-index/list-index.less');
@import url('./components/timeline/timeline.less');
@import url('./components/tabs/tabs.less');
@import url('./components/panel/panel.less');
@import url('./components/card/card.less');
@import url('./components/chip/chip.less');
@import url('./components/form/form.less');
@import url('./components/input/input.less');
@import url('./components/checkbox/checkbox.less');
@import url('./components/radio/radio.less');
@import url('./components/toggle/toggle.less');
@import url('./components/range/range.less');
@import url('./components/stepper/stepper.less');
@import url('./components/smart-select/smart-select.less');
@import url('./components/grid/grid.less');
@import url('./components/calendar/calendar.less');
@import url('./components/picker/picker.less');
@import url('./components/infinite-scroll/infinite-scroll.less');
@import url('./components/pull-to-refresh/pull-to-refresh.less');
@import url('./components/lazy/lazy.less');
@import url('./components/fab/fab.less');
@import url('./components/searchbar/searchbar.less');
@import url('./components/notification/notification.less');
@import url('./components/autocomplete/autocomplete.less');
@import url('./components/tooltip/tooltip.less');
@import url('./components/gauge/gauge.less');
@import url('./components/skeleton/skeleton.less');
@import url('./components/menu/menu.less');
@import url('./components/color-picker/color-picker.less');
@import url('./components/treeview/treeview.less');
@import url('./components/text-editor/text-editor.less');
@import url('./components/elevation/elevation.less');
@import url('./components/typography/typography.less');
@import url('./components/button/button.less');
@import url('./components/badge/badge.less');
@import url('./components/swiper/swiper.less');