Skip to content

Conversation

@j3n57h0m45
Copy link
Contributor

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...

@nolimits4web nolimits4web merged commit 7b7ab14 into framework7io:master May 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants