Skip to content
Flutter Material Theme editor
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android mobile layout & icons Feb 18, 2019
assets feature: Google drive menu and snackbar result Jan 13, 2019
docs
ios
lib feature: Google drive menu and snackbar result Jan 13, 2019
test
tmp add a generated theme example Jan 7, 2019
.gitignore github.pages base Dec 26, 2018
CHANGELOG.md update pubspec + changelog Dec 1, 2018
README.md update README with google config hint Feb 19, 2019
pubspec.yaml feature: Google drive menu and snackbar result Jan 13, 2019

README.md

Panache aka Flutterial

A Flutter Material Theme editor.

Panache helps you to create beautiful Material themes for your Flutter applications. Customize components colors and shape, and export the generated theme.dart to your Google drive.

Most of the code is in panache_lib

Google drive

to configure Google signin and Google drive :

[x] iOS

  1. Create a Firebase project
  2. Add an iOS application
  3. Download the GoogleService-info.plist and add it to your xcode project /Runner
  4. In the info.plist, add the REVERSED_CLIENT_ID ( from GoogleService-info.plist )
  5. Run

[x] Android

  1. Create a Firebase project
  2. Add an Android application
  3. Enable OAuth for Drive API => https://console.developers.google.com/
  4. Run

screenshots

home

screenshot

screenshot2

screenshot3

screenshot4

Todo

  • Theme editor / live app preview
  • Dart 2.1
  • Flutter 1.0
  • new Material Theme properties
    • ButtonTheme
    • ChipTheme
    • TabBarTheme
    • SliderTheme
    • IconTheme
    • DialogTheme
    • InputDecorationTheme
    • ColorScheme
  • Code preview
  • Export to file
  • Save
  • Export to Google drive
  • material colors shades
  • colors opacity
  • more style options controls
    • BorderSide
    • BorderRadius
    • typography options text styles : letter spacing, decoration...
  • Examples
  • mobile version
  • desktop version
  • user preferences :
    • theme editor + preview last state
  • custom colorSwatch
  • platform selection
  • multiple fonts
  • ...

Getting Started

For help getting started with Flutter, view our online documentation.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.