[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9422":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":16,"starSnapshotCount":16,"syncStatus":46,"lastSyncTime":47,"discoverSource":48},9422,"flex_color_scheme","rydmike\u002Fflex_color_scheme","rydmike","A Flutter package to make and use beautiful color scheme based themes.","",null,"Dart",1182,124,15,12,0,1,4,55.19,"Other",false,"master",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"color-scheme","color-surface-branding","colorscheme","dark-themes","dart","flex-family","flex-package","flutter","flutter-package","flutter-theme","flutter-ui","flutter-widget","material-design","material3","package","theme","theme-colors","theme-mode","2026-06-12 04:00:44","[![Pub Version](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fflex_color_scheme?label=flex_color_scheme&labelColor=333940&logo=dart)](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflex_color_scheme) [![codecov](https:\u002F\u002Fcodecov.io\u002Fgh\u002Frydmike\u002Fflex_color_scheme\u002Fbranch\u002Fmaster\u002Fgraph\u002Fbadge.svg?token=4XJU30IGO3)](https:\u002F\u002Fcodecov.io\u002Fgh\u002Frydmike\u002Fflex_color_scheme) [![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-BSD%203--Clause-blue.svg)](https:\u002F\u002Fopensource.org\u002Flicenses\u002FBSD-3-Clause)\n\n# FlexColorScheme\n\n[\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fblob\u002Fmaster\u002Fdocs\u002Fimages\u002Fflutter-favorite-logo.png?raw=true?\" alt=\"flutter favorite logo\" width=\"170\"\u002F>](https:\u002F\u002Fdocs.flutter.dev\u002Fdevelopment\u002Fpackages-and-plugins\u002Ffavorites)\n\nUse **FlexColorScheme** to make beautiful Flutter Material Design themes. Apply optional surface blends and use Material-3 seed generated ColorSchemes. The returned themes are standard `ThemeData` objects, but **very** sophisticated. They are based on the same idea as Flutter's `ThemeData.from(ColorScheme)` and `ThemeData(colorSchemeSeed)` themes, but with many additional features. Choose from pre-made designs or make your own and quickly configure component themes to your liking.\n\nUse the **Themes Playground** WEB app to visually configure your themes and get the needed **FlexColorScheme** API code to use in your Flutter app.\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-l-37.png\" alt=\"Dash light\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-d-37.png\" alt=\"Dash dark\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-l-38.png\" alt=\"M3 baseline light\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-d-38.png\" alt=\"M3 baseline dark\" width=\"220\"\u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\nWhen you theme a Flutter application **in the intended manner**, all built-in widgets use the colors of the `ColorScheme` in your theme. However, Flutter's `ThemeData` factories misses a few details when it comes to direct color properties in `ThemeData` itself. This applies in particular if you still use legacy Material-2 mode in Flutter. When you use the current default Material-3 mode, the color results and styles are much more consistent by default, with only a few colors in `ThemeData` not matching the defined `ColorScheme` colors. \n\n**FlexColorScheme** ensures that all Flutter SDK UI components get themed completely by its `ColorScheme` and custom colors you provide. It also applies the `ColorScheme` colors to all legacy color properties in `ThemeData`. This guarantees that all the direct colors properties in `ThemeData` match your `ColorScheme`. There are no surprising colors in `ThemeData` that do not match your `ColorScheme`. This applies regardless of if you use Material-2 or Material-3 mode.\n\nYou can also opt in on using FlexColorScheme's component theme customization features. By doing so, you can, for example, adjust the border radius on all UI widgets with a single property value. \n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-l-39.png\" alt=\"Verdun green light\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-d-39.png\" alt=\"Verdun green dark\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-l-40.png\" alt=\"Dell genoa light\" width=\"220\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-d-40.png\" alt=\"Dell genoa dark\" width=\"220\"\u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\nWhen you enable component themes in Material-2 mode, the border radius on components defaults to the Material-3 more rounded design. In Material-3, the radius varies by widget type, as specified by the [Material-3 Guide](https:\u002F\u002Fm3.material.io\u002F). You can keep this or set the shared global widget radius to a value you prefer. You can also set the themed border radius per widget and override the defaults or the global radius value you defined. \n\n### Material-3\n\nAs in Flutter's `ThemeData`, Material-3 mode is enabled by default in **FlexColorScheme** Version 8 and later. The **FlexColorscheme** Material-3 mode component theme defaults are far less opinionated than the Material-2 defaults. In **FlexColorScheme** V8 and later, enabling component themes use almost only Material-3 defaults as starting points for component styles and seeded `ColorScheme` generation. With the component theme settings, you can quickly customize Material-3 to fit your application's design goals.\n\nSince Flutter **3.7 and later**, using Material-3 design is production ready. Some minor issues may always exist. Please refer to the FlexColorScheme docs [known issues](https:\u002F\u002Fdocs.flexcolorscheme.com\u002Fknown_issues) chapter for more information on the status of known **theming** issues in Flutter, and to which versions they apply.\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-l-50.png\" alt=\"Yukon gold light\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-d-50.png\" alt=\"Yukon gold dark\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-l-52.png\" alt=\"Rust light\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-d-52.png\" alt=\"Rust dark\" \u002F> \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n**FlexColorScheme** has many advanced coloring features, like using surface alpha blends. It also fully supports Material-3 based color schemes, including seed generated `ColorSchemes`. It offers many advanced configuration options that you can use when you generate your `ColorScheme` from seed colors. You can e.g., make more saturated seed generated themes with higher contrast. FlexColorScheme's advanced seeded `ColorScheme` offer features that are not available in Flutter directly. This includes using multiple colors as seed colors, custom minimum chroma levels and customized tone mapping to `ColorScheme` colors.\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-l-44.png\" alt=\"Indigo San Marino light\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-d-44.png\" alt=\"Indigo San Marino dark\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-l-42.png\" alt=\"Lipstick pink light\" \u002F> \u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v7-d-42.png\" alt=\"Lipstick pink dark\" \u002F> \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\nWith **FlexColorScheme** component themes, you use simple flat property values. No need for verbose Flutter SDK component themes, for example `ShapeBorder` definitions on multiple widget themes to change their border radius. Component theming provides a large number of easy-to-configure options via direct properties. In most cases you can avoid using complicated and sometimes confusing `WidgetState` theming properties.\n\n\n## Getting Started\n\nTo use **FlexColorScheme** in your project, add the `flex_color_scheme` package to `pubspec.yaml`:\n\n`dart pub add flex_color_scheme` or `flutter pub add flex_color_scheme`\n\nImport the package to use it:\n\n```dart\nimport 'package:flex_color_scheme\u002Fflex_color_scheme.dart';\n```\n\nYou can now start using **FlexColorScheme** based color schemes and theming in your application. A quick way to do so is to try one of the **66** built-in color schemes. They have enum values that you use to select which one to use as the theme for your application.\n\nThe package **default example** offers a heavily commented code guide on how to use key features in FlexColorScheme. The [**Examples**](https:\u002F\u002Fdocs.flexcolorscheme.com\u002Fexamples) chapter shows you how to try it. In the [**Tutorial**](https:\u002F\u002Fdocs.flexcolorscheme.com\u002Ftutorial1) you can learn more via five additional examples of increasing complexity.\n\n## FlexColorScheme Counter App\n\nLet's first setup FlexColorScheme in the default Flutter counter app. Create a new Flutter project, giving you the default counter-application. Add the FlexColorScheme import, after that we change one line of code, and add two lines to enable it in the default counter-application.\n\nHere we use the **Oh Mandy red** color scheme, it is represented by `enum` value `FlexScheme.mandyRed`. Set the `MaterialApp.themeMode` to `ThemeMode.system` so that the device can control if the app uses its light or dark theme mode. You can then toggle the theme mode by changing mode on the used device.\n\nAssign `FlexThemeData.light` to the app's `theme` property, which is the application's light theme definition property, and `FlexThemeData.dark` to `darkTheme`.\n\nFor both `FlexThemeData` dark and light we set the `scheme` property to `FlexScheme.mandyRed` to use the same **Oh Mandy red** predefined `scheme` colors in both theme modes. We then get matching light and dark themes based on the built-in scheme's color definitions.\n\nThe three line modified `MaterialApp`, of the Flutter default counter-application becomes:\n\n```dart\nclass MyApp extends StatelessWidget {\n  const MyApp({Key? key}) : super(key: key);\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      title: 'Flutter Demo',\n      \u002F\u002F The Mandy red, light theme.\n      theme: FlexThemeData.light(scheme: FlexScheme.mandyRed),\n      \u002F\u002F The Mandy red, dark theme.\n      darkTheme: FlexThemeData.dark(scheme: FlexScheme.mandyRed),\n      \u002F\u002F Use dark or light theme based on system setting.\n      themeMode: ThemeMode.system,\n      home: const MyHomePage(title: 'Flutter Demo Home Page'),\n    );\n  }\n}\n```\n\nThis gives us a counter-application that looks like this:\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-counter-01.png\" alt=\"Counter light\" width=\"280\"\u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Ffcs-v5-counter-02.png\" alt=\"Counter dark\" width=\"280\"\u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n*FlexColorScheme in Material-2 mode applied to the standard Flutter counter template*\n\n\nNot as exciting as the images shown above. That is because the basic counter-application uses very few features and widgets, so it does not present the results very well.\n\nThe included examples contain placeholder user interface to better demonstrate the results. The used UI demonstration code in the examples is not relevant to using FlexColorScheme, it is only there to present the results.\n\n## Documentation\n\nFor more information and tutorials on how to use **FlexColorScheme**, please see its documentation site at [**docs.flexcolorscheme.com**](https:\u002F\u002Fdocs.flexcolorscheme.com\u002F). It contains additional getting started info, extensive tutorials, key API walkthrough and even general Flutter theming advice and guidance. The documentation site is powered by [docs.page](https:\u002F\u002Fdocs.page\u002F) from [Invertase](https:\u002F\u002Finvertase.io\u002F). \nComplete generated package [**API documentation**](https:\u002F\u002Fpub.dev\u002Fdocumentation\u002Fflex_color_scheme\u002Flatest\u002Fflex_color_scheme\u002Fflex_color_scheme-library.html) is also available. \n\n## Themes Playground\n\nTo make it even easier to configure and setup **FlexColorScheme**, it comes with a WEB companion app called the [**Themes Playground**](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest).\n\nThe **Themes Playground** is a useful tool to find **FlexColorScheme** themes and settings you like. You can use it to discover what you can do with FlexColorScheme. The playground persists all its settings. You can reset settings back to their default values, so you can always start over if you get lost in all the configuration possibilities.\n\nThe most useful and popular feature of the **Playground** is that it can generate **FlexColorScheme API** setup code needed to produce the shown active theme configuration. The themed style of the app itself, and the same styled demo apps shown in its theme simulator, is what you get when you copy the theme config code to your app, and use it with the **FlexColorScheme** package. \n\n[\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Fthemes_playground_7_2.png\" alt=\"Themes Playround Image\"\u002F>](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest)\n\n*In [Themes Playground](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest) you can visually configure your theme and copy its setup code.*\n\nIf you use the code view panel side-by-side, as you change settings, the Playground modifies the code as you change settings. This is a fun way to get familiar with the API.\n\n[\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Frydmike\u002Fflex_color_scheme_docs\u002Fmaster\u002Fdocs\u002Fimages\u002Fthemes_playground_7_2_dark_code.png\" alt=\"Themes Playround Image\"\u002F>](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest)\n\n*Viewing API configuration and its updates as you change setting in [Themes Playground](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest).*\n\nThe latest **Themes Playground** build can be used as a [web app here](https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest). For guidance on how to use the Themes Playground, please read the [Themes Playground chapter](https:\u002F\u002Fdocs.flexcolorscheme.com\u002Fplayground) available in the documentation site.\n\nBeware, fiddling with all the different themes and settings can be quite fun and addictive, happy theming! 💙\n\n### Experimental Playground WASM GC build\n\nThere is also an experimental version of the **Themes Playground** that uses a WASM GC build to run with WASM in the browser. It is available for the latest version of **FlexColorScheme**, you can find it here [WASM Playground](https:\u002F\u002Fplayground.flexcolorscheme.com\u002F). This build may run smoother than the above JS build in Chromium-based browsers on desktops and Android. If your browser does not support WASM GC, it will automatically fall back to the JS build.\n\nThe plan is to move the **Themes Playground** latest version link to this WASM GC build and offer older versions as JS builds.\n\nThe WASM build was first publicly shared with the v8.3.0 release of **FlexColorScheme**.\n\n### Open Source\n\nThe **Themes Playground** application is open source and bundled with the `FlexColorScheme` package in the example folder. In its GitHub repository you can find it [here](https:\u002F\u002Fgithub.com\u002Frydmike\u002Fflex_color_scheme\u002Ftree\u002Fmaster\u002Fexample\u002Flib\u002Fexample5_themes_playground).\n\nThe Playground app is also the last step in the package tutorial series. The [tutorial](https:\u002F\u002Fdocs.flexcolorscheme.com\u002Ftutorial1) goes through its main used features that are relevant to using `FlexColorScheme`, and features that differ from the previous examples. It does not go through all the details of the application. You are welcome to study its source code for more insights and inspiration. It is on purposes a bit excessively commented. The tutorial also briefly talks about its background, design choices and limitations.\n\n### Available Themes Playground Versions\n\nThere are **Theme Playground** version builds corresponding to the last major releases of the **FlexColorScheme** package available. For Version 7 there are also Playground builds for the different minor releases.\n\nYou should use the same major version of **Themes Playground** as the `flex_color_scheme` package you are using. With version 7 and 8, you should prefer to match the minor version too.\n\n| Name        | Version        | Link                                                        |\n|-------------|----------------|-------------------------------------------------------------| \n| V8.4        | V8.4.0         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-latest |\n| V8.2 & V8.3 | V8.2.0, V8.3.x | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v8-3   |\n| V8.1        | V8.1.1         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v8-1   |\n| V8.0        | V8.0.2         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v8-0   |\n| V7.3        | V7.3.1         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v7-3   |\n| V7.2        | V7.2.0         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v7-2   |\n| V7.1        | V7.1.2         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v7-1   |\n| V7.0        | V7.0.5         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v7     |\n| V6          | V6.1.1         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v6     |\n| V5          | V5.1.0         | https:\u002F\u002Frydmike.com\u002Fflexcolorscheme\u002Fthemesplayground-v5     |\n| V4          | V4.2.0         | https:\u002F\u002Frydmike.com\u002FflexcolorschemeV4Tut5                   |\n\n\n> **NOTE!**  \n> If you use a higher version of a WEB build and try to load a lower version again with the same browser, it will most likely fail and not load. This happens because older and newer builds run on the same domain and share the same browser local storage file. This allows newer versions to load data configured in older versions. However, older versions may not understand some data stored and inserted by the newer versions and they will fail. You can get the web build for an older version to start again by clearing stored browser data:  \n>\"Settings\" → \"Delete browsing data...\" → \"Cookies and other site data\".  \n> You do of course lose any config you had used then. This issue could be fixed, but would require updating rebuilding the old builds and there are currently no plans to do so.  \n> Version 8.0.0 and later uses a new local storage name to avoid this issue, so it will not conflict with V7 and older versions. There are few storage settings in V8 that are backwards compatible anyway.\n> \n\n### Themes Playground as a Desktop App\n\nYou can also build Windows, macOS or Linux desktop versions of the **Themes Playground**. This is highly recommended, as it runs much smoother and nicer than the WEB build. The **Themes Playground** app is bundled with the package GitHub repository as **Example 5**.\n\nIf you need a Themes Playground companion build for a specific older FlexColorScheme version, you can download a ZIP bundle from the GitHub repo for any past [release here](https:\u002F\u002Fgithub.com\u002Frydmike\u002Fflex_color_scheme\u002Freleases).\n","FlexColorScheme 是一个 Flutter 包，用于创建和使用基于美观色彩方案的主题。其核心功能包括通过 Material-3 种子生成的 ColorSchemes 以及可选的表面混合效果来定制主题，并确保所有直接颜色属性与定义的颜色方案一致。该包支持 Material-2 和 Material-3 模式下的完全主题化，适用于需要高度自定义视觉风格的 Flutter 应用开发场景。开发者可以利用内置的设计模板或创建自己的主题，并通过提供的 Themes Playground WEB 应用来直观地配置主题并获取相应的 API 代码。",2,"2026-06-11 03:22:35","top_language"]