350 Dragon: a dark navy/blue VS Code color theme paired with a ready-to-use Flutter/Dart snippet pack (auth, providers, models, screens & custom widgets).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
A dark navy/blue VS Code color theme inspired by the 350 Dragon logo, bundled with a full Flutter/Dart snippet pack for quickly scaffolding an app built around Provider + Dio (auth, products, custom widgets, and screens).
✨ Features
🎨 Color Theme — "350 Dragon"
A deep navy editor theme with electric-blue accents:
Code → Preferences: Color Theme → 350 Dragon
⚡ Flutter / Dart Snippets
Type a prefix below in any .dart file and press Tab to expand it.
Prefix
Generates
gen_consts
API endpoint constants (Consts class)
gen_main
main.dart with MultiProvider setup
gen_auth_provider
AuthProvider (login / register state)
gen_get_products_provider
GetProductsProvider (fetch & error handling)
gen_auth_model
AuthRequest / AuthResponse models
gen_product_model
ProductModel / ProductResponse models
gen_dio_service
DioService (login, register, get products via Dio)
gen_login_screen
Full login screen UI
gen_register_screen
Full registration screen UI
gen_home_screen
Product grid home screen
gen_details_screen
Product details screen
gen_custom_button
Reusable CustomButton widget
gen_custom_card
Reusable CustomCard widget
gen_custom_text_form_field
Reusable CustomTextFormField widget
💡 Most snippets include a ${1:NewProjectName} placeholder for your project's package name — start typing to replace it across the snippet.
📦 Installation
Download the .vsix file.
In VS Code, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
Run Extensions: Install from VSIX... and select the file.
Activate the theme via Preferences: Color Theme → 350 Dragon.
