quickfire color demo

[keylogged]

This is a paragraph on your Dreamwidth default theme. No color applied. Lorem ipsum dolor sit amet blablabla filler text. In the interest of not having to slap on a bunch of color styles, the goal is for this text to look readable no matter what background, on either light-default or dark mode.

This is a paragraph on a light background with dark text, styled to mimic Dreamwidth’s Tropospherical (default/light mode) site skins. Lorem ipsum dolor sit amet blablabla filler text.

This is a blockquote paragraph. The blockquote has a full opacity background of #EBE9F2. Tropospherical forces a paragraph color of #414141 (dark gray).

This is a blockquote paragraph. The blockquote has a low opacity background of rgba(235,233,242,0.5) (#EBE9F2 but at 50% opacity). The Tropospherical paragraph color should still be readable.

This is a blockquote paragraph. The blockquote has a low opacity background of rgba(235,233,242,0.5) (#EBE9F2 but at 60% opacity).

This is not a blockquote! The text color should inherit from the theme default; in this case, it’s #111 (near-black).

This is a paragraph on a dark background with light text, styled to mimic Dreamwidth’s Gradation (dark mode) site skins. Lorem ipsum dolor sit amet blablabla filler text.

This is a blockquote paragraph. The blockquote has a full opacity background of #EBE9F2. Gradation forces a paragraph color of #edede6 (light gray), so you can’t read this.

This is a blockquote paragraph. The blockquote has a low opacity background of rgba(235,233,242,0.5) (#EBE9F2 but at 50% opacity). The Gradation background color should be readable now, even if the blockquote doesn’t look particularly purple.

This is a blockquote paragraph. The blockquote has a low opacity background of rgba(235,233,242,0.5) (#EBE9F2 but at 60% opacity).

This is not a blockquote! The text color should inherit from the theme default; in this case, it’s #e9e9e0—aaaaaand you still run into the same override problem lol nvm ignore this.