add main menu interface

- MainMenu
 - ChatItem (Widget)
 - ChatFolder (Widget)
 - ChatFolders (Widget)
 - ColorTheme

client/.metadata

@@ -15,24 +15,9 @@ migration:
     - platform: root
       create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
       base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-    - platform: android
-      create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-      base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-    - platform: ios
-      create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-      base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-    - platform: linux
-      create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-      base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-    - platform: macos
-      create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-      base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
     - platform: web
       create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
       base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-    - platform: windows
-      create_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
-      base_revision: ff37bef603469fb030f2b72995ab929ccfc227f0
 
   # User provided section
 

client/.vscode/launch.json

@@ -0,0 +1,25 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "client",
+            "request": "launch",
+            "type": "dart"
+        },
+        {
+            "name": "client (profile mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "profile"
+        },
+        {
+            "name": "client (release mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "release"
+        }
+    ]
+}

client/lib/main.dart

@@ -1,9 +1,14 @@
 import 'package:flutter/material.dart';
+import 'package:client/screens/mainMenu.dart';
+import 'package:client/theme.dart';
 
+Widget currentScreen = MainMenu();
 void main() {
+
   runApp(const MyApp());
 }
 
+
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
@@ -12,111 +17,16 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       title: 'Flutter Demo',
+      themeMode: ThemeMode.system,
       theme: ThemeData(
-        // This is the theme of your application.
+        useMaterial3: true,
-        //
+        colorScheme: MaterialTheme.lightScheme()
-        // TRY THIS: Try running your application with "flutter run". You'll see
-        // the application has a purple toolbar. Then, without quitting the app,
-        // try changing the seedColor in the colorScheme below to Colors.green
-        // and then invoke "hot reload" (save your changes or press the "hot
-        // reload" button in a Flutter-supported IDE, or press "r" if you used
-        // the command line to start the app).
-        //
-        // Notice that the counter didn't reset back to zero; the application
-        // state is not lost during the reload. To reset the state, use hot
-        // restart instead.
-        //
-        // This works for code too, not just values: Most code changes can be
-        // tested with just a hot reload.
-        colorScheme: .fromSeed(seedColor: Colors.deepPurple),
-      ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: .center,
-          children: [
-            const Text('You have pushed the button this many times:'),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
       ),
+      darkTheme: ThemeData(
+        useMaterial3: true,
+        colorScheme: MaterialTheme.darkScheme()
+      ),
+      home: currentScreen
     );
   }
 }

client/lib/screens/mainMenu.dart

@@ -0,0 +1,59 @@
+import 'package:client/widgets/chatFoloders.dart';
+import 'package:client/widgets/chatItem.dart';
+import 'package:flutter/material.dart';
+
+class MainMenu extends StatelessWidget{
+  const MainMenu({Key ?key});
+
+  @override
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+    return Scaffold(
+        backgroundColor: colors.surface,
+        appBar: AppBar(
+          backgroundColor: colors.surfaceBright,
+          leading: IconButton(onPressed: () => print("Side menu"), icon: Icon(Icons.dehaze)),
+          title: Text("Potato messenger"),
+          actions: [
+            IconButton(onPressed: () => print('New'), icon: Icon(Icons.add)),
+            IconButton(onPressed:() => print("Search"), icon: Icon(Icons.search)),
+            
+          ],
+        ),
+        body: Column(
+          
+          children: [
+            ChatFoloders(),
+            Expanded(
+              child: SingleChildScrollView(
+                scrollDirection: Axis.vertical,
+                child: Column(
+                  children: [
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                    ChatItem(),
+                  ]
+                ),
+              ),
+            )
+          ],
+        ),
+        
+      );
+  }
+
+}

client/lib/theme.dart

@@ -0,0 +1,432 @@
+import "package:flutter/material.dart";
+
+class MaterialTheme {
+  final TextTheme textTheme;
+
+  const MaterialTheme(this.textTheme);
+
+  static ColorScheme lightScheme() {
+    return const ColorScheme(
+      brightness: Brightness.light,
+      primary: Color(0xff705289),
+      surfaceTint: Color(0xff705289),
+      onPrimary: Color(0xffffffff),
+      primaryContainer: Color(0xfff1daff),
+      onPrimaryContainer: Color(0xff573a70),
+      secondary: Color(0xff665a6f),
+      onSecondary: Color(0xffffffff),
+      secondaryContainer: Color(0xffeeddf6),
+      onSecondaryContainer: Color(0xff4e4256),
+      tertiary: Color(0xff805156),
+      onTertiary: Color(0xffffffff),
+      tertiaryContainer: Color(0xffffdadc),
+      onTertiaryContainer: Color(0xff663a3f),
+      error: Color(0xffba1a1a),
+      onError: Color(0xffffffff),
+      errorContainer: Color(0xffffdad6),
+      onErrorContainer: Color(0xff93000a),
+      surface: Color(0xfffff7fd),
+      onSurface: Color(0xff1e1a20),
+      onSurfaceVariant: Color(0xff4b454d),
+      outline: Color(0xff7c757e),
+      outlineVariant: Color(0xffcdc4ce),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xff332f35),
+      inversePrimary: Color(0xffddb9f8),
+      primaryFixed: Color(0xfff1daff),
+      onPrimaryFixed: Color(0xff290c41),
+      primaryFixedDim: Color(0xffddb9f8),
+      onPrimaryFixedVariant: Color(0xff573a70),
+      secondaryFixed: Color(0xffeeddf6),
+      onSecondaryFixed: Color(0xff211829),
+      secondaryFixedDim: Color(0xffd1c1d9),
+      onSecondaryFixedVariant: Color(0xff4e4256),
+      tertiaryFixed: Color(0xffffdadc),
+      onTertiaryFixed: Color(0xff321015),
+      tertiaryFixedDim: Color(0xfff3b7bc),
+      onTertiaryFixedVariant: Color(0xff663a3f),
+      surfaceDim: Color(0xffe0d8df),
+      surfaceBright: Color(0xfffff7fd),
+      surfaceContainerLowest: Color(0xffffffff),
+      surfaceContainerLow: Color(0xfffaf1f9),
+      surfaceContainer: Color(0xfff4ebf3),
+      surfaceContainerHigh: Color(0xffeee6ed),
+      surfaceContainerHighest: Color(0xffe8e0e8),
+    );
+  }
+
+  ThemeData light() {
+    return theme(lightScheme());
+  }
+
+  static ColorScheme lightMediumContrastScheme() {
+    return const ColorScheme(
+      brightness: Brightness.light,
+      primary: Color(0xff46295e),
+      surfaceTint: Color(0xff705289),
+      onPrimary: Color(0xffffffff),
+      primaryContainer: Color(0xff7f6099),
+      onPrimaryContainer: Color(0xffffffff),
+      secondary: Color(0xff3d3245),
+      onSecondary: Color(0xffffffff),
+      secondaryContainer: Color(0xff75687e),
+      onSecondaryContainer: Color(0xffffffff),
+      tertiary: Color(0xff522a2f),
+      onTertiary: Color(0xffffffff),
+      tertiaryContainer: Color(0xff916064),
+      onTertiaryContainer: Color(0xffffffff),
+      error: Color(0xff740006),
+      onError: Color(0xffffffff),
+      errorContainer: Color(0xffcf2c27),
+      onErrorContainer: Color(0xffffffff),
+      surface: Color(0xfffff7fd),
+      onSurface: Color(0xff131015),
+      onSurfaceVariant: Color(0xff3a343d),
+      outline: Color(0xff575059),
+      outlineVariant: Color(0xff726b74),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xff332f35),
+      inversePrimary: Color(0xffddb9f8),
+      primaryFixed: Color(0xff7f6099),
+      onPrimaryFixed: Color(0xffffffff),
+      primaryFixedDim: Color(0xff66487f),
+      onPrimaryFixedVariant: Color(0xffffffff),
+      secondaryFixed: Color(0xff75687e),
+      onSecondaryFixed: Color(0xffffffff),
+      secondaryFixedDim: Color(0xff5c5065),
+      onSecondaryFixedVariant: Color(0xffffffff),
+      tertiaryFixed: Color(0xff916064),
+      onTertiaryFixed: Color(0xffffffff),
+      tertiaryFixedDim: Color(0xff76484d),
+      onTertiaryFixedVariant: Color(0xffffffff),
+      surfaceDim: Color(0xffccc4cc),
+      surfaceBright: Color(0xfffff7fd),
+      surfaceContainerLowest: Color(0xffffffff),
+      surfaceContainerLow: Color(0xfffaf1f9),
+      surfaceContainer: Color(0xffeee6ed),
+      surfaceContainerHigh: Color(0xffe2dae2),
+      surfaceContainerHighest: Color(0xffd7cfd7),
+    );
+  }
+
+  ThemeData lightMediumContrast() {
+    return theme(lightMediumContrastScheme());
+  }
+
+  static ColorScheme lightHighContrastScheme() {
+    return const ColorScheme(
+      brightness: Brightness.light,
+      primary: Color(0xff3b1f53),
+      surfaceTint: Color(0xff705289),
+      onPrimary: Color(0xffffffff),
+      primaryContainer: Color(0xff5a3d72),
+      onPrimaryContainer: Color(0xffffffff),
+      secondary: Color(0xff32283a),
+      onSecondary: Color(0xffffffff),
+      secondaryContainer: Color(0xff504559),
+      onSecondaryContainer: Color(0xffffffff),
+      tertiary: Color(0xff462125),
+      onTertiary: Color(0xffffffff),
+      tertiaryContainer: Color(0xff683d41),
+      onTertiaryContainer: Color(0xffffffff),
+      error: Color(0xff600004),
+      onError: Color(0xffffffff),
+      errorContainer: Color(0xff98000a),
+      onErrorContainer: Color(0xffffffff),
+      surface: Color(0xfffff7fd),
+      onSurface: Color(0xff000000),
+      onSurfaceVariant: Color(0xff000000),
+      outline: Color(0xff2f2a32),
+      outlineVariant: Color(0xff4d4750),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xff332f35),
+      inversePrimary: Color(0xffddb9f8),
+      primaryFixed: Color(0xff5a3d72),
+      onPrimaryFixed: Color(0xffffffff),
+      primaryFixedDim: Color(0xff42265a),
+      onPrimaryFixedVariant: Color(0xffffffff),
+      secondaryFixed: Color(0xff504559),
+      onSecondaryFixed: Color(0xffffffff),
+      secondaryFixedDim: Color(0xff392f41),
+      onSecondaryFixedVariant: Color(0xffffffff),
+      tertiaryFixed: Color(0xff683d41),
+      onTertiaryFixed: Color(0xffffffff),
+      tertiaryFixedDim: Color(0xff4e272c),
+      onTertiaryFixedVariant: Color(0xffffffff),
+      surfaceDim: Color(0xffbeb6be),
+      surfaceBright: Color(0xfffff7fd),
+      surfaceContainerLowest: Color(0xffffffff),
+      surfaceContainerLow: Color(0xfff7eef6),
+      surfaceContainer: Color(0xffe8e0e8),
+      surfaceContainerHigh: Color(0xffdad2da),
+      surfaceContainerHighest: Color(0xffccc4cc),
+    );
+  }
+
+  ThemeData lightHighContrast() {
+    return theme(lightHighContrastScheme());
+  }
+
+  static ColorScheme darkScheme() {
+    return const ColorScheme(
+      brightness: Brightness.dark,
+      primary: Color(0xffddb9f8),
+      surfaceTint: Color(0xffddb9f8),
+      onPrimary: Color(0xff3f2358),
+      primaryContainer: Color(0xff573a70),
+      onPrimaryContainer: Color(0xfff1daff),
+      secondary: Color(0xffd1c1d9),
+      onSecondary: Color(0xff372c3f),
+      secondaryContainer: Color(0xff4e4256),
+      onSecondaryContainer: Color(0xffeeddf6),
+      tertiary: Color(0xfff3b7bc),
+      onTertiary: Color(0xff4c2529),
+      tertiaryContainer: Color(0xff663a3f),
+      onTertiaryContainer: Color(0xffffdadc),
+      error: Color(0xffffb4ab),
+      onError: Color(0xff690005),
+      errorContainer: Color(0xff93000a),
+      onErrorContainer: Color(0xffffdad6),
+      surface: Color(0xff151217),
+      onSurface: Color(0xffe8e0e8),
+      onSurfaceVariant: Color(0xffcdc4ce),
+      outline: Color(0xff968e98),
+      outlineVariant: Color(0xff4b454d),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xffe8e0e8),
+      inversePrimary: Color(0xff705289),
+      primaryFixed: Color(0xfff1daff),
+      onPrimaryFixed: Color(0xff290c41),
+      primaryFixedDim: Color(0xffddb9f8),
+      onPrimaryFixedVariant: Color(0xff573a70),
+      secondaryFixed: Color(0xffeeddf6),
+      onSecondaryFixed: Color(0xff211829),
+      secondaryFixedDim: Color(0xffd1c1d9),
+      onSecondaryFixedVariant: Color(0xff4e4256),
+      tertiaryFixed: Color(0xffffdadc),
+      onTertiaryFixed: Color(0xff321015),
+      tertiaryFixedDim: Color(0xfff3b7bc),
+      onTertiaryFixedVariant: Color(0xff663a3f),
+      surfaceDim: Color(0xff151217),
+      surfaceBright: Color(0xff3c383e),
+      surfaceContainerLowest: Color(0xff100d12),
+      surfaceContainerLow: Color(0xff1e1a20),
+      surfaceContainer: Color(0xff221e24),
+      surfaceContainerHigh: Color(0xff2c292e),
+      surfaceContainerHighest: Color(0xff373339),
+    );
+  }
+
+  ThemeData dark() {
+    return theme(darkScheme());
+  }
+
+  static ColorScheme darkMediumContrastScheme() {
+    return const ColorScheme(
+      brightness: Brightness.dark,
+      primary: Color(0xffedd3ff),
+      surfaceTint: Color(0xffddb9f8),
+      onPrimary: Color(0xff34184c),
+      primaryContainer: Color(0xffa584bf),
+      onPrimaryContainer: Color(0xff000000),
+      secondary: Color(0xffe7d7ef),
+      onSecondary: Color(0xff2c2234),
+      secondaryContainer: Color(0xff9a8ca2),
+      onSecondaryContainer: Color(0xff000000),
+      tertiary: Color(0xffffd1d4),
+      onTertiary: Color(0xff3f1a1f),
+      tertiaryContainer: Color(0xffb98387),
+      onTertiaryContainer: Color(0xff000000),
+      error: Color(0xffffd2cc),
+      onError: Color(0xff540003),
+      errorContainer: Color(0xffff5449),
+      onErrorContainer: Color(0xff000000),
+      surface: Color(0xff151217),
+      onSurface: Color(0xffffffff),
+      onSurfaceVariant: Color(0xffe3d9e4),
+      outline: Color(0xffb8afba),
+      outlineVariant: Color(0xff968e98),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xffe8e0e8),
+      inversePrimary: Color(0xff583b71),
+      primaryFixed: Color(0xfff1daff),
+      onPrimaryFixed: Color(0xff1e0136),
+      primaryFixedDim: Color(0xffddb9f8),
+      onPrimaryFixedVariant: Color(0xff46295e),
+      secondaryFixed: Color(0xffeeddf6),
+      onSecondaryFixed: Color(0xff160d1e),
+      secondaryFixedDim: Color(0xffd1c1d9),
+      onSecondaryFixedVariant: Color(0xff3d3245),
+      tertiaryFixed: Color(0xffffdadc),
+      onTertiaryFixed: Color(0xff25060b),
+      tertiaryFixedDim: Color(0xfff3b7bc),
+      onTertiaryFixedVariant: Color(0xff522a2f),
+      surfaceDim: Color(0xff151217),
+      surfaceBright: Color(0xff474349),
+      surfaceContainerLowest: Color(0xff09060b),
+      surfaceContainerLow: Color(0xff201c22),
+      surfaceContainer: Color(0xff2a262c),
+      surfaceContainerHigh: Color(0xff353137),
+      surfaceContainerHighest: Color(0xff413c42),
+    );
+  }
+
+  ThemeData darkMediumContrast() {
+    return theme(darkMediumContrastScheme());
+  }
+
+  static ColorScheme darkHighContrastScheme() {
+    return const ColorScheme(
+      brightness: Brightness.dark,
+      primary: Color(0xfffaebff),
+      surfaceTint: Color(0xffddb9f8),
+      onPrimary: Color(0xff000000),
+      primaryContainer: Color(0xffd9b5f4),
+      onPrimaryContainer: Color(0xff16002a),
+      secondary: Color(0xfffaebff),
+      onSecondary: Color(0xff000000),
+      secondaryContainer: Color(0xffcdbdd5),
+      onSecondaryContainer: Color(0xff100718),
+      tertiary: Color(0xffffebec),
+      onTertiary: Color(0xff000000),
+      tertiaryContainer: Color(0xffefb3b8),
+      onTertiaryContainer: Color(0xff1e0306),
+      error: Color(0xffffece9),
+      onError: Color(0xff000000),
+      errorContainer: Color(0xffffaea4),
+      onErrorContainer: Color(0xff220001),
+      surface: Color(0xff151217),
+      onSurface: Color(0xffffffff),
+      onSurfaceVariant: Color(0xffffffff),
+      outline: Color(0xfff7edf8),
+      outlineVariant: Color(0xffc9c0ca),
+      shadow: Color(0xff000000),
+      scrim: Color(0xff000000),
+      inverseSurface: Color(0xffe8e0e8),
+      inversePrimary: Color(0xff583b71),
+      primaryFixed: Color(0xfff1daff),
+      onPrimaryFixed: Color(0xff000000),
+      primaryFixedDim: Color(0xffddb9f8),
+      onPrimaryFixedVariant: Color(0xff1e0136),
+      secondaryFixed: Color(0xffeeddf6),
+      onSecondaryFixed: Color(0xff000000),
+      secondaryFixedDim: Color(0xffd1c1d9),
+      onSecondaryFixedVariant: Color(0xff160d1e),
+      tertiaryFixed: Color(0xffffdadc),
+      onTertiaryFixed: Color(0xff000000),
+      tertiaryFixedDim: Color(0xfff3b7bc),
+      onTertiaryFixedVariant: Color(0xff25060b),
+      surfaceDim: Color(0xff151217),
+      surfaceBright: Color(0xff534e55),
+      surfaceContainerLowest: Color(0xff000000),
+      surfaceContainerLow: Color(0xff221e24),
+      surfaceContainer: Color(0xff332f35),
+      surfaceContainerHigh: Color(0xff3e3a40),
+      surfaceContainerHighest: Color(0xff4a454b),
+    );
+  }
+
+  ThemeData darkHighContrast() {
+    return theme(darkHighContrastScheme());
+  }
+
+
+  ThemeData theme(ColorScheme colorScheme) => ThemeData(
+     useMaterial3: true,
+     brightness: colorScheme.brightness,
+     colorScheme: colorScheme,
+     textTheme: textTheme.apply(
+       bodyColor: colorScheme.onSurface,
+       displayColor: colorScheme.onSurface,
+     ),
+     scaffoldBackgroundColor: colorScheme.background,
+     canvasColor: colorScheme.surface,
+  );
+
+  /// Confirm
+  static const confirm = ExtendedColor(
+    seed: Color(0xff5c7914),
+    value: Color(0xff5c7914),
+    light: ColorFamily(
+      color: Color(0xff526526),
+      onColor: Color(0xffffffff),
+      colorContainer: Color(0xffd4ec9d),
+      onColorContainer: Color(0xff3b4d10),
+    ),
+    lightMediumContrast: ColorFamily(
+      color: Color(0xff526526),
+      onColor: Color(0xffffffff),
+      colorContainer: Color(0xffd4ec9d),
+      onColorContainer: Color(0xff3b4d10),
+    ),
+    lightHighContrast: ColorFamily(
+      color: Color(0xff526526),
+      onColor: Color(0xffffffff),
+      colorContainer: Color(0xffd4ec9d),
+      onColorContainer: Color(0xff3b4d10),
+    ),
+    dark: ColorFamily(
+      color: Color(0xffb8cf84),
+      onColor: Color(0xff263500),
+      colorContainer: Color(0xff3b4d10),
+      onColorContainer: Color(0xffd4ec9d),
+    ),
+    darkMediumContrast: ColorFamily(
+      color: Color(0xffb8cf84),
+      onColor: Color(0xff263500),
+      colorContainer: Color(0xff3b4d10),
+      onColorContainer: Color(0xffd4ec9d),
+    ),
+    darkHighContrast: ColorFamily(
+      color: Color(0xffb8cf84),
+      onColor: Color(0xff263500),
+      colorContainer: Color(0xff3b4d10),
+      onColorContainer: Color(0xffd4ec9d),
+    ),
+  );
+
+
+  List<ExtendedColor> get extendedColors => [
+    confirm,
+  ];
+}
+
+class ExtendedColor {
+  final Color seed, value;
+  final ColorFamily light;
+  final ColorFamily lightHighContrast;
+  final ColorFamily lightMediumContrast;
+  final ColorFamily dark;
+  final ColorFamily darkHighContrast;
+  final ColorFamily darkMediumContrast;
+
+  const ExtendedColor({
+    required this.seed,
+    required this.value,
+    required this.light,
+    required this.lightHighContrast,
+    required this.lightMediumContrast,
+    required this.dark,
+    required this.darkHighContrast,
+    required this.darkMediumContrast,
+  });
+}
+
+class ColorFamily {
+  const ColorFamily({
+    required this.color,
+    required this.onColor,
+    required this.colorContainer,
+    required this.onColorContainer,
+  });
+
+  final Color color;
+  final Color onColor;
+  final Color colorContainer;
+  final Color onColorContainer;
+}

client/lib/widgets/chatFoloder.dart

@@ -0,0 +1,32 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+
+class ChatFolder extends StatelessWidget{
+  Icon ?icon;
+  Icon iconn = Icon(Icons.folder, size: 50,);
+  String name;
+  ChatFolder({super.key, this.icon, required this.name}){
+    icon ??= Icon(Icons.folder);
+    iconn = Icon(icon?.icon, size: 50,);
+    
+  }
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(5, 2, 5, 2),
+        child: TextButton(
+          onPressed: () => print(name), 
+          style: ButtonStyle(foregroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onSurface)),
+          child: 
+            Row(
+              children: [
+                ?icon,
+                SizedBox(width: 2,),
+                Text(name, style: TextStyle(fontSize: 18),)
+              ],
+            ),
+      )
+    );
+  }
+}

client/lib/widgets/chatFoloders.dart

@@ -0,0 +1,25 @@
+import 'package:client/widgets/chatFoloder.dart';
+import 'package:flutter/material.dart';
+
+class ChatFoloders extends StatelessWidget{
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      scrollDirection: Axis.horizontal,
+      child: Row(
+        children: [
+          ChatFolder(name: 'Все чаты', icon: Icon(Icons.chat),),
+          ChatFolder(name: 'Контакты', icon: Icon(Icons.person),),
+          ChatFolder(name: 'Групы', icon: Icon(Icons.group),),
+          ChatFolder(name: 'Папка 1'),
+          ChatFolder(name: 'Папка 2'),
+          ChatFolder(name: 'Папка 3'),
+          ChatFolder(name: 'Папка 4'),
+          ChatFolder(name: 'Папка 5'),
+          ChatFolder(name: 'Папка 6'),
+          ChatFolder(name: 'Папка 7'),
+        ],
+      ),
+    );
+  }
+}

client/lib/widgets/chatItem.dart

@@ -0,0 +1,33 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+
+class ChatItem extends StatelessWidget{
+ 
+  ChatItem({super.key,  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: double.infinity,
+      height: 80,
+      child: TextButton(
+        onPressed: () => print('CHAT'),
+        style: ButtonStyle(
+          backgroundColor: WidgetStatePropertyAll(Theme.of(context).colorScheme.onSecondary),
+          shape: WidgetStatePropertyAll(RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.zero)))
+          ),
+        child: Padding(
+          padding: EdgeInsetsGeometry.all(5),
+          child: Row(
+            children: [
+              Icon(Icons.person, size: 60,),
+              SizedBox(width: 10,),
+              Text('Название', style: TextStyle(fontSize: 18),)
+            ],
+          )
+        )
+      ),
+    );
+  }
+}

client/pubspec.yaml

@@ -30,7 +30,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  potato_messenger_shared:
+  shared:
     path: ../shared
 
   # The following adds the Cupertino Icons font to your application.

potato_messenger.code-workspace

@@ -0,0 +1,10 @@
+{
+	"folders": [
+		{ "path": "client" },
+		{ "path": "server" },
+		{ "path": "shared" }
+	],
+	"settings": {
+		"dart.enableSdkFormatter": true
+	}
+}

server/pubspec.yaml

@@ -9,7 +9,7 @@ environment:
 # Add regular dependencies here.
 dependencies:
   path: ^1.9.0
-  potato_messenger_shared:
+potato_messenger_shared:
   path: ../shared
 
 dev_dependencies: