post-ai.systems

Colors

Colors Essence
Breakpoint
Inverse
Background --color-bg --color-bg-inverse #ffffff / rgb(255, 255, 255) #191b1f / rgb(25, 27, 31) Background Essence
Background Secondary --color-bg-secondary --color-bg-secondary-inverse #eeeeee / rgb(238, 238, 238) #191b1f / rgb(25, 27, 31) Background Secondary Essence
Surface --color-surface --color-surface-inverse #ffffff / rgb(255, 255, 255) #191b1f / rgb(25, 27, 31) Surface Essence
Text --color-text --color-text-inverse #191b1f / rgb(25, 27, 31) #ffffff / rgb(255, 255, 255) Text Essence
Secondary Text --color-secondary-text --color-secondary-text-inverse #5c6470 / rgb(92, 100, 112) #b8c0ca / rgb(184, 192, 202) Secondary Text Essence
Line --color-line --color-line-inverse #b8c0ca / rgb(184, 192, 202) #5c6470 / rgb(92, 100, 112) Line Essence
Main Accent --color-accent --color-accent-inverse #2979ff / rgb(41, 121, 255) #ffffff / rgb(255, 255, 255) Accent Essence
Alt Accent --color-accent-alt --color-accent-alt-inverse #000000 / rgb(0, 0, 0) #ffffff / rgb(255, 255, 255) Alt Accent Essence
Success --color-success --color-success-inverse #1f7a4d / rgb(31, 122, 77) #1f7a4d / rgb(31, 122, 77) Success Essence
Warning --color-warning --color-warning-inverse #9a5b00 / rgb(154, 91, 0) #9a5b00 / rgb(154, 91, 0) Warning Essence
Debug --color-debug --color-debug-inverse #ff00ff / rgb(255, 0, 255) #ff00ff / rgb(255, 0, 255) Debug Essence