Pre/Post Reflection Edit Title Text

These are theme values from the LMS plus a dark mode indicator. You can interactively change any color or autogenerate a color set from a single color. If you pick a color that has at least 8.0 contrast from white, it will be used as the tsugi-theme-dark theme color. If the color you choose has less than 8.0 contrast from white, then it will be nudged within the same hue to to the point where tsugi-theme-dark is 8.0 contrast from white. The LMS theme values are mapped onto the Tsugi CSS variables depending on the dark mode setting.

Pre-Question

What is a greatest common factor?
Edit Pre-Question Text
Choose dark color: Contrast from white: 21
Dark Mode

Dark RangeMidpointLight Range
... ...


tsugi-theme-dark-background
tsugi-theme-dark-background-tint
tsugi-theme-dark-text text, text-menu, primary-darkest
tsugi-theme-dark-darker primary-darker
tsugi-theme-dark primary, primary-menu, text-light
tsugi-theme-dark-accent primary-border
tsugi-theme-mid
tsugi-theme-light-accent
tsugi-theme-light secondary
tsugi-theme-light-lighter
tsugi-theme-light-text
tsugi-theme-light-background-tint
tsugi-theme-light-background background-color
tsugi-theme-light-text on tsugi-theme-dark tsugi-theme-dark-text on tsugi-theme-light-background tsugi-theme-light-text on tsugi-theme-dark-background (dark mode)













 

Legacy Theme:
Array
(
    [text] => #010101
    [text-menu] => #010101
    [primary-darkest] => #010101
    [primary-darker] => #010101
    [primary] => #000000
    [primary-menu] => #000000
    [text-light] => #000000
    [primary-border] => #353535
    [secondary] => #d8d8d8
    [secondary-menu] => #d8d8d8
    [background-focus] => #e3e3e3
    [background-color] => #FFFFFF
)