frankcollins3 / Next-Water-App

Happy, Healthy Water Cycling App that tracks user/human fluid intake.
https://next-water-app.vercel.app
1 stars 0 forks source link

New Gradient Pattern for barchart (based on current social media startup attempt pattern for a sound wave for sound comments) ! [12:50pm] #141

Open frankcollins3 opened 4 months ago

frankcollins3 commented 4 months ago

<DynamicSchedule/> the blue should follow an algorithm: 1st blue: // the gradient is a lighter version of itself (note those are not blue colors below haha) background: linear-gradient(to bottom, #fcca0e, lighten(#fcca0e, 5%));

2nd blue: the lighten(#precedingColorBlue)

here are notes from the pattern in current project (which is attempt @ startup for social media) 

was easy to hate that it goes from yellow to orange until realizing it should go from yellow to Hothazel orange! 
(scrollbar orange or top of post: "24 views, !username" )

also just considered cool algorithm for gradient:
`1st bar: (the gradient is a lighten() version of the same color)`
background: linear-gradient(to bottom, #fcca0e, lighten(#fcca0e, 5%));

2nd bar: (the gradient colors follows the preceding color) 
background: linear-gradient(to bottom, #f9db6e, lighten(#fcca0e));

couldn't this be a fun leetcode question lmaoo!!!
frankcollins3 commented 4 months ago

for the react native version cuz will probably do cross platform iteration of a non-startup app 1-2x then remake startup-attempt as cross-platform [12:53pm]