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

View File

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

View File

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

View File

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

View File

@ -20,28 +20,29 @@ class DrawerItem extends StatelessWidget {
return InkWell( return InkWell(
onTap: onTap, onTap: onTap,
child: Padding( 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( child: ClipRRect(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
child: Container( child: Container(
color: active ? const Color(0xff6e6e6e) : Colors.transparent, color: active ? const Color(0xff4d4d4d) : Colors.transparent,
child: Padding( child: Padding(
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( child: Row(
children: [ children: [
Icon( Icon(
dta.icon, dta.icon,
size: 26, size: 23,
color: const Color(0xffdbdbdb), color: const Color(0xffe5e5e5),
), ),
if (!collapsed) ...[ if (!collapsed) ...[
const SizedBox( const SizedBox(
width: 10, width: 17,
), ),
Text( Text(
dta.name, dta.name,
style: const TextStyle(color: Color(0xffe9e9e9)), style: const TextStyle(
color: Color(0xffe5e5e5), fontSize: 16),
), ),
Expanded(child: Container()), Expanded(child: Container()),
Text( Text(

View File

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