framework7io / framework7

Full featured HTML framework for building iOS & Android apps
http://framework7.io
MIT License
18.13k stars 3.23k forks source link

fix and export framework7-bundle.less #4041

Closed j3n57h0m45 closed 2 years ago

j3n57h0m45 commented 2 years ago

Style customization is quite powerfull. However having to maintain an up to date list of components' .less files is tedious. This patch enables tweaking themes, colors, rtl (without worring about the components' .less files:

// file: framework.custom.less
// core
@import 'framework7/less/bundle';

// include/exclude themes
@includeIosTheme: true;
@includeMdTheme: true;
@includeAuroraTheme: true;

// include/exclude dark theme
@includeDarkTheme: true;
// include/exclude light theme
@includeLightTheme: true;

// Theme color
@themeColor: #007aff;

// Extra colors
@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;
};

// change to true to generate RTL styles
@rtl: false;
}

The url removal is necessary to make vite happy...