Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>riada: Theme flutterNew to Visual Studio Code? Get it now.
riada: Theme flutter

riada: Theme flutter

Abdullah Khrais

|
309 installs
| (1) | Free
later
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Riada: Theme Generator

Riada is a Visual Studio Code extension that simplifies the process of generating themes for light and dark modes in Flutter projects. It provides a streamlined workflow for managing color palettes and setting up theme configurations.

Features

  • Color Management: Define and manage colors for your Flutter projects easily. The extension offers tools for generating color palettes and converting color codes to Flutter Color objects.
  • Theme Generation: Generate themes for light and dark modes with customizable settings such as primary and accent colors, typography, and more.
  • Theme Configuration: Seamlessly integrate themes into your Flutter application by setting up the appropriate configurations for light and dark modes.
  • Code Formatting: Format your Flutter code according to best practices and style guidelines.

Requirements

To use the Riada extension, ensure that you have the following prerequisites installed:

  • Visual Studio Code (version 1.78.0 or higher)
  • Flutter SDK (version X.X.X or higher)

Extension Settings

This extension contributes the following settings:

  • riada.enable: Enable/disable the Riada extension.
  • riada.colorFormat: Specify the format for color codes (e.g., HEX, RGB).

Usage

  1. Define your color palette: Use the color management features to define your color palette. You can generate color swatches, save custom colors, and convert color codes to Flutter Color objects.

  2. Generate themes: Use the theme generation tools to create themes for light and dark modes. Customize the primary and accent colors, typography, and other theme properties to match your design requirements.

  3. Theme configuration: Once you have generated the themes, integrate them into your Flutter application. The extension provides guidance and code snippets to help you set up the theme configurations for light and dark modes.

  4. Code formatting: Utilize the code formatting feature to ensure that your Flutter code follows best practices and maintains a consistent style throughout your project.

Known Issues

  • Issue #1: Description of the issue and any available workarounds.
  • Issue #2: Description of another issue and any available workarounds.
  • ...

Release Notes

1.0.0

  • Initial release of Riada: Theme Generator.
  • Added color management feature.
  • Improved theme generation capabilities.

1.1.0

  • Added theme configuration feature.
  • Integrated code formatting functionality.
  • Fixed known issues reported by users.

Feedback and Contributions

If you encounter any issues, have suggestions, or would like to contribute to the Riada extension, please open an issue or submit a pull request on the GitHub repository.


For more information about Flutter development and best practices, refer to the Flutter documentation and Visual Studio Code's Flutter support.

Enjoy effortless theme generation with Riada: Theme Generator!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft