some color adjustments

This commit is contained in:
lukas-heiligenbrunner 2022-11-03 00:39:29 +01:00
parent c996d7fc7d
commit 019cd2dad0
6 changed files with 85 additions and 74 deletions

View File

@ -33,7 +33,7 @@ class _AppState extends State<App> {
),
Expanded(
child: Container(
color: const Color(0xff0d0d0d),
color: const Color(0xff000000),
child: _buildPage(),
))
],
@ -65,8 +65,8 @@ class _AppState extends State<App> {
).then((v) => notifier.loadAllNotes());
},
backgroundColor: const Color(0xff3f3f3f),
child:
const Icon(Icons.edit_calendar_outlined, color: Colors.orange),
child: const Icon(Icons.edit_calendar_outlined,
color: Color(0xffff7300)),
),
);
default:

View File

@ -43,8 +43,8 @@ class PaintController extends ChangeNotifier {
alpha /= (2 * pi * 2);
alpha += .5;
double thickness = basetickness * alpha;
return thickness;
basetickness * alpha;
return basetickness;
}
void pointDownEvent(Offset offset, PointerDownEvent e) async {
@ -60,7 +60,7 @@ class PaintController extends ChangeNotifier {
[Point(offset, _calcTiltedWidth(3.0, e.tilt))],
strokeid,
activePen == Pen.pen
? Colors.black26
? const Color(0xFF444444)
: Colors.yellow.withOpacity(.5)));
file.addStroke(strokeid);

View File

@ -18,7 +18,7 @@ class _AllNotesPageState extends State<AllNotesPage> {
return Column(
children: [
SizedBox(
height: 10 + MediaQuery.of(context).viewPadding.top,
height: 25 + MediaQuery.of(context).viewPadding.top,
),
Row(
children: [
@ -28,7 +28,7 @@ class _AllNotesPageState extends State<AllNotesPage> {
const Text(
'All notes',
style: TextStyle(
color: Color.fromRGBO(255, 255, 255, .85), fontSize: 22),
color: Color.fromRGBO(255, 255, 255, .85), fontSize: 21),
),
Expanded(child: Container()),
IconMaterialButton(
@ -37,16 +37,19 @@ class _AllNotesPageState extends State<AllNotesPage> {
onPressed: () async {
// todo implement pdf import
},
iconSize: 22,
),
IconMaterialButton(
icon: const Icon(Icons.search),
color: const Color.fromRGBO(255, 255, 255, .85),
onPressed: () {},
iconSize: 22,
),
IconMaterialButton(
icon: const Icon(Icons.more_vert),
color: const Color.fromRGBO(255, 255, 255, .85),
onPressed: () {},
iconSize: 22,
),
const SizedBox(
width: 15,

View File

@ -32,7 +32,8 @@ class _CollapseDrawerState extends State<CollapseDrawer>
controller = AnimationController(
vsync: this, duration: const Duration(milliseconds: 200));
collapseAnimation = Tween<double>(begin: 62, end: 300).animate(controller)
collapseAnimation = Tween<double>(begin: 62, end: 300)
.animate(CurvedAnimation(parent: controller, curve: Curves.easeInOut))
..addListener(() {
setState(() {});
});
@ -41,13 +42,14 @@ class _CollapseDrawerState extends State<CollapseDrawer>
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.only(top: MediaQuery.of(context).viewPadding.top),
color: const Color(0xff0d0d0d),
padding:
EdgeInsets.only(top: MediaQuery.of(context).viewPadding.top + 15),
color: const Color(0xff000000),
child: ClipRRect(
borderRadius: const BorderRadius.only(
topRight: Radius.circular(10), bottomRight: Radius.circular(10)),
child: Container(
color: const Color(0xff3f3f3f),
color: const Color(0xff252525),
child: ConstrainedBox(
constraints: BoxConstraints.expand(width: collapseAnimation.value),
child: Column(
@ -103,7 +105,7 @@ class _CollapseDrawerState extends State<CollapseDrawer>
],
),
const SizedBox(
height: 40,
height: 20,
),
Expanded(
child: ListView(

View File

@ -20,28 +20,29 @@ class DrawerItem extends StatelessWidget {
return InkWell(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.only(left: 9, top: 7, bottom: 7, right: 9),
padding: const EdgeInsets.only(left: 9, top: 2, bottom: 2, right: 9),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
color: active ? const Color(0xff6e6e6e) : Colors.transparent,
color: active ? const Color(0xff4d4d4d) : Colors.transparent,
child: Padding(
padding:
const EdgeInsets.only(left: 9, top: 7, bottom: 7, right: 9),
const EdgeInsets.only(left: 9, top: 13, bottom: 13, right: 9),
child: Row(
children: [
Icon(
dta.icon,
size: 26,
color: const Color(0xffdbdbdb),
size: 23,
color: const Color(0xffe5e5e5),
),
if (!collapsed) ...[
const SizedBox(
width: 10,
width: 17,
),
Text(
dta.name,
style: const TextStyle(color: Color(0xffe9e9e9)),
style: const TextStyle(
color: Color(0xffe5e5e5), fontSize: 16),
),
Expanded(child: Container()),
Text(

View File

@ -23,8 +23,10 @@ class _ToolBarState extends State<ToolBar> {
@override
Widget build(BuildContext context) {
return Container(
color: const Color(0xff3f3f3f),
width: 45,
color: const Color(0xff252525),
width: 40,
child: Padding(
padding: const EdgeInsets.only(left: 3, right: 3),
child: Column(
children: [
const SizedBox(
@ -33,6 +35,7 @@ class _ToolBarState extends State<ToolBar> {
IconMaterialButton(
icon: const Iconify(
EmojioneMonotone.fountain_pen,
size: 20,
color: Color.fromRGBO(255, 255, 255, .85),
),
color: const Color.fromRGBO(255, 255, 255, .85),
@ -41,11 +44,12 @@ class _ToolBarState extends State<ToolBar> {
widget.onPenChange(Pen.pen);
},
selected: activepen == Pen.pen,
iconSize: 24,
iconSize: 20,
),
IconMaterialButton(
icon: const Iconify(
Jam.highlighter,
size: 20,
color: Color.fromRGBO(255, 255, 255, .85),
),
color: const Color.fromRGBO(255, 255, 255, .85),
@ -54,7 +58,7 @@ class _ToolBarState extends State<ToolBar> {
widget.onPenChange(Pen.highlighter);
},
selected: activepen == Pen.highlighter,
iconSize: 24,
iconSize: 20,
),
IconMaterialButton(
icon: Transform.translate(
@ -66,7 +70,7 @@ class _ToolBarState extends State<ToolBar> {
setState(() => activepen = Pen.eraser);
widget.onPenChange(Pen.eraser);
},
iconSize: 24,
iconSize: 20,
selected: activepen == Pen.eraser,
),
IconMaterialButton(
@ -77,10 +81,11 @@ class _ToolBarState extends State<ToolBar> {
widget.onPenChange(Pen.selector);
},
selected: activepen == Pen.selector,
iconSize: 24,
iconSize: 20,
),
],
),
),
);
}
}