{"id":15111177,"url":"https://github.com/dotupnet/dotup_flutter_themed","last_synced_at":"2026-01-18T19:07:09.937Z","repository":{"id":61973146,"uuid":"429026589","full_name":"dotupNET/dotup_flutter_themed","owner":"dotupNET","description":"Easy Flutter Themes","archived":false,"fork":false,"pushed_at":"2024-04-06T09:52:46.000Z","size":36,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-11T14:24:56.433Z","etag":null,"topics":["android-app","cross-platform","dart","flutter","ios-app","linux","macos","themes","windows"],"latest_commit_sha":null,"homepage":"https://dotup.de","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dotupNET.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":["https://www.paypal.com/paypalme/dotup"]}},"created_at":"2021-11-17T11:54:35.000Z","updated_at":"2024-04-29T13:16:00.000Z","dependencies_parsed_at":"2024-10-31T09:12:22.490Z","dependency_job_id":"cbfa85e6-7429-4aa0-8588-3cbfd4f56ca1","html_url":"https://github.com/dotupNET/dotup_flutter_themed","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotupNET%2Fdotup_flutter_themed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotupNET%2Fdotup_flutter_themed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotupNET%2Fdotup_flutter_themed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotupNET%2Fdotup_flutter_themed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dotupNET","download_url":"https://codeload.github.com/dotupNET/dotup_flutter_themed/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247370792,"owners_count":20928083,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android-app","cross-platform","dart","flutter","ios-app","linux","macos","themes","windows"],"created_at":"2024-09-26T00:02:06.803Z","updated_at":"2026-01-18T19:07:09.887Z","avatar_url":"https://github.com/dotupNET.png","language":"Dart","funding_links":["https://www.paypal.com/paypalme/dotup"],"categories":[],"sub_categories":[],"readme":"![flutter](https://badgen.net/pub/flutter-platform/xml) [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0) ![forks](https://badgen.net/github/forks/dotupNET/dotup_flutter_themed/) ![stars](https://badgen.net/github/stars/dotupNET/dotup_flutter_themed/)\n\n# dotup_flutter_themed\n\nEasy Flutter themes - Extend your themes with custom theme data\n\n## Easy usage\n\n```dart\n// Powered by https://dotup.de\n// Copyright (c) 2021, dotup IT solutions - Peter Ullrich\n\n\nclass ThemedApp extends StatelessWidget {\n  const ThemedApp({Key? key}) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return ThemeBuilder(\n      // Provide your theme data\n      data: ThemeQueryData(\n        dark: ThemeData.dark(),\n        light: ThemeData.light(),\n      ),\n      builder: (dark, light, themeMode) {\n        // Get your theme from builder\n        return MaterialApp(\n          debugShowCheckedModeBanner: false,\n          darkTheme: dark,\n          theme: light,\n          themeMode: themeMode,\n          home: const ThemedHome(),\n        );\n      },\n    );\n  }\n}\n\nclass ThemedHome extends StatelessWidget {\n  const ThemedHome({\n    Key? key,\n  }) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        actions: [\n          IconButton(\n              onPressed: () {\n                // Toggle theme mode\n                final x = ThemeQuery.of\u003cThemeQueryData\u003e(context);\n                x.toggleThemeMode();\n              },\n              icon: const Icon(Icons.dark_mode)),\n        ],\n      ),\n      body: Center(\n        child: Column(\n          children: const [\n            Text('Nice!'),\n            Text('https://flutter-apps.ml'),\n          ],\n        ),\n      ),\n    );\n  }\n}\n```\n## Advanced usage\n\n\u003e Extend your themes with custom theme data\n\n```dart\n// Powered by https://dotup.de\n// Copyright (c) 2021, dotup IT solutions - Peter Ullrich\n\n\n// Define what you want additionally in dark and light theme\nclass MyThemeExtensions {\n  late Color brandColor;\n\n  MyThemeExtensions({\n    Color? brandColor,\n  }) : brandColor = brandColor ?? Colors.green.shade400;\n}\n\n// Define your own theme query data for easy access\nclass MyTheme extends CustomThemeQueryData\u003cMyThemeExtensions\u003e {\n  MyTheme({\n    required ThemeData dark,\n    required ThemeData light,\n    ThemeMode themeMode = ThemeMode.dark,\n  }) : super(\n          dark: dark,\n          light: light,\n          themeMode: themeMode,\n          darkCustom: MyThemeExtensions(brandColor: Colors.blue.shade400),\n          lightCustom: MyThemeExtensions(brandColor: Colors.white70),\n        );\n\n  static MyTheme of(BuildContext context) {\n    return ThemeQuery.of\u003cMyTheme\u003e(context);\n  }\n}\n\nclass ThemedApp extends StatelessWidget {\n  const ThemedApp({Key? key}) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return ThemeBuilder\u003cMyTheme\u003e(\n      // Provide your theme data\n      data: MyTheme(\n        dark: ThemeData.dark(),\n        light: ThemeData.light(),\n      ),\n      builder: (dark, light, themeMode) {\n        // Get your theme from builder\n        return MaterialApp(\n          debugShowCheckedModeBanner: false,\n          darkTheme: dark,\n          theme: light,\n          themeMode: themeMode,\n          home: const ThemedHome(),\n        );\n      },\n    );\n  }\n}\n\nclass ThemedHome extends StatelessWidget {\n  const ThemedHome({\n    Key? key,\n  }) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        actions: [\n          IconButton(\n              onPressed: () {\n                // Toggle theme mode\n                final x = MyTheme.of(context);\n                x.toggleThemeMode();\n              },\n              icon: Icon(\n                Icons.language,\n                // Get your custom value for the current theme mode\n                color: MyTheme.of(context).custom.brandColor,\n              )),\n        ],\n      ),\n      body: Center(\n        child: Column(\n          children: const [\n            Text('Nice!'),\n            Text('https://flutter-apps.ml'),\n          ],\n        ),\n      ),\n    );\n  }\n}\n\n```\n\n## Install\n`flutter pub add dotup_flutter_themed`\n\n## Links\n\n\u003e ### dotup_flutter_themed on [pub.dev](https://pub.dev/packages/dotup_flutter_themed)\n\u003e\n\u003e ### Other widgets on [pub.dev](https://pub.dev/packages?q=dotup)\n\u003e \n\u003e ### Other open source flutter projects on [Github](https://github.com/search?q=dotup_flutter)\n\u003e \n\u003e ### Other open source dart projects on [Github](https://github.com/search?q=dotup_dart)\n\n# Flutter simulator | DFFP3\n\u003e Go to [https://flutter-apps.ml](https://flutter-apps.ml) and check out the awesome flutter simulator !\n\n![Flutter simulator](https://flutter-apps.ml/wp-content/uploads/2021/10/Bildschirmfoto-2021-10-31-um-11.34.42-2048x1335.png)\n\n\u003e ## [dotup IT solutions](https://dotup.de)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotupnet%2Fdotup_flutter_themed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdotupnet%2Fdotup_flutter_themed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotupnet%2Fdotup_flutter_themed/lists"}