home.social
Sign in Create account

#0ff — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #0ff, aggregated by home.social.

  1. Vesa / Merri / メレリ @[email protected] ·

    @anatudor @codepen

    Here is a fix to poor text selection color with the filter trick:

    ```css
    /* inner span helps fix background-letter overlap */
    span { isolation: isolate; }

    ::selection {
    background: #0ff;
    color: #f00;
    }
    ```

    #0ff #f00
  2. Many Colors, Maybe Moved @[email protected] ·

    chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()
    ['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2']

    #ff00c2 #c70091 #ab00ff #7300ca #485aff #0030cb
  3. Many Colors, Maybe Moved @[email protected] ·

    chroma.scale(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#f00']).mode('lab').colors(9).slice(0, 8).map(c => [chroma(c).darken(), chroma(c)]).flat()
    ['#c20000', '#ff0000', '#c7a000', '#ffd100', '#78cb00', '#aeff00', '#00ca32', '#3aff65', '#00cbcc', '#00ffff', '#0030cb', '#485aff', '#7300ca', '#ab00ff', '#c70091', '#ff00c2']

    #ff00c2 #c70091 #ab00ff #7300ca #485aff #0030cb