Last updated: 2 months ago.
Toasted Bread
/* -- ↓ PALETTE: TOASTED BREAD ↓ -- */
/* -- colors -- */
--background-color: #fffffc;
--text-color: #32373d;
--low-opacity-color: #979A9B;
--bold-color: #578e99;
--background-hover-color: #96ad7a;
--link-color: #839968;
--link-underline-color: #96ad7a;
--visited-color: #232333;
/* -- heading colors -- */
--heading1-color: #232333;
--heading2-color: #bf6a47;
--heading3-color: #bf6a47;
--heading4-color: #bf6a47;
--heading5-color: #232333;
--heading6-color: #232333;
--code-background-color: #f2f2f2;
--code-color: #222;
--blockquote-color: #578e99;
/* -- ↑ PALETTE: TOASTED BREAD ↑ -- */
- Styling: Uses 4 colors; colored headings, strong texts, and links; solid background when hovering links;
- Add-ons: Bearming token, custom toast button, media posters, image captions, Bearming's lightbox, Sylvia's status page
Faded Jade
/* -- ↓ PALETTE: FADED JADE ↓ -- */
/* -- colors -- */
--background-color: ##5B7167;
--text-color: #EEEFE0;
--low-opacity-color: #B7C4B8; /* for heading/footer line, status page border, toast */
--bold-color: #EEEFE0;
--background-hover-color: #EEEFE0;
--link-color: #EEEFE0;
--link-hover-color: #D9E3AF;
--link-underline-color: #96ad7a;
--visited-color: #EEEFE0;
/* -- heading colors -- */
--heading1-color: #EEEFE0;
--heading2-color: #EEEFE0;
--heading3-color: #EEEFE0;
--heading4-color: #EEEFE0;
--heading5-color: #EEEFE0;
--heading6-color: #EEEFE0;
--code-background-color: #f2f2f2;
--code-color: #222;
--blockquote-color: #D9E3AF;
/* -- ↑ PALETTE: FADED JADE ↑ -- */
- Styling: Uses (barely) 2 colors, underlined links but no background
- Add-ons: Bearming token, custom toast button, media posters, image captions, Bearming's lightbox, Sylvia's status page
Icicle
- Color palette: slightly tweaked version of this
/* -- ↓ PALETTE: ICICLE ↓ -- */
/* -- colors -- */
--background-color: #F2F6FA;
--text-color: #32373d;
--low-opacity-color: #979A9B;
--bold-color: #437589;
--background-hover-color: 205, 232, 229;
--link-color: #457878;
--link-underline-color: #697B4C;
--visited-color: #32373d;
/* -- heading colors -- */
--heading1-color: #232333;
--heading2-color: #437589;
--heading3-color: #437589;
--heading4-color: #437589;
--heading5-color: #437589;
--heading6-color: #437589;
--code-background-color: #f2f2f2;
--code-color: #222;
--blockquote-color: #437589;
/* -- ↑ PALETTE: ICICLE ↑ -- */
Muji
- Color palette: based on this
/* -- ↓ PALETTE: MUJI ↓ -- */
/* -- colors -- */
--background-color: #F7F5F2;
--text-color: #000000;
--low-opacity-color: #7A7978; /* for heading/footer line, status page border, toast */
--bold-color: #8E1616;
--background-hover-color: 222, 191, 191;
--link-color: #8E1616;
--link-hover-color: #8E1616;
--link-underline-color: #96ad7a;
--visited-color: #000000;
/* -- heading colors -- */
--heading1-color: #000000;
--heading2-color: #000000;
--heading3-color: #000000;
--heading4-color: #000000;
--heading5-color: #000000;
--heading6-color: #000000;
--code-background-color: #f2f2f2;
--code-color: #222;
--blockquote-color: #8E1616;
/* -- ↑ PALETTE: MUJI ↑ -- */