Coloring: For the respect of Shades of Purple by @Ahmad Awais
Shades of purple theme is built with several shades of purple and a few contrast colors to make things pop. This also makes SOP a very good theme for teaching, presenting, and using on your site via Prisma or HighlightJS. A rough collection of important colors in SOP theme is listed below.
| USAGE | HEX CODES |
|---|---|
| Background | #2D2B55 |
| Background Dark | #1E1E3F |
| Foreground | #A599E9 |
| Hover Background | #4D21FC |
| Contrast | #FAD000 |
| Contrast Lite | #FFEE80 |
| Contrast Lite II | #FAEFA5 |
| Highlight | #FF7200 |
| Comment | #B362FF |
| Constants | #FF628C |
| Keywords | #FF9D00 |
| Other | #9EFFFF |
| Strings | #A5FF90 |
| Templates | #3AD900 |
| Definitions | #FB94FF |
| Invalid | #EC3A37F5 |
| Diff Added | #00FF009A |
| Diff Removed | #FF000D81 |
Frontend:
- React.js
- Material UI
- Firebase -> Authentication and Hosting
Backend:
- Node.js
- Express.js
- Mongoose
- MongoDB -> Change Streams -> ?Pusher?