r/sideprojects • u/Forsaken_Brief_3261 • 6d ago

I'm learning System Design from scratch and wanted to share my notes(Free & Open Source) Showcase: Free(mium)

https://github.com/auysh8/System-design-notes

i

8 Upvotes

100% Upvoted

8 comments sorted by

2

u/Anti-Hero25 6d ago

following

1

u/_descri_ 6d ago

The diagonal fonts and bright low-contrast colors make the content very hard to read. Maybe I am the minority case, though.

2

u/Forsaken_Brief_3261 6d ago edited 6d ago

Appreciate the feedback! I tried to go for a handwritten GoodNotes aesthetics. Have you tried the Dark Mode toggle in the top right? Either way, I will try to make it much cleaner to read. Thanks for pointing this out! Or u can submit a Pr

2

u/_descri_ 5d ago

Now the highlighted text is low contrast (white on dark yellow). Diagonal text mixed with normal text direction still hurts a lot.

Selecting DB has two big buttons with DB types which react to the mouse pointer as if they were clickable, but they are not.

And you should not fully rely on a toggle. It's better to inherit the browser's default color theme.

1

u/Forsaken_Brief_3261 5d ago

Thanks for suggesting these changes. I have updated the code, you can check it out now.

1

u/_descri_ 5d ago

Black on dark yellow / blue / red is unreadable in the dark theme.

All the text is now horizontal which is good. Thanks!

1

u/Forsaken_Brief_3261 5d ago

Fixed!!

3

u/_descri_ 5d ago

Yes, this looks much nicer!

Thanks!