As there is no documentation (yet), I’ve done this by trial and error, feel free to tell me if stuff doesn’t behave correctly :D

Based on the amazing color scheme by Ethan Schoonover: https://ethanschoonover.com/solarized/

{"other":{"white":"#fdf6e3","black":"#002b36"},"primary":{"100":"#859900","900":"#2aa198"},"zinc":{"50":"#eee8d5","100":"#eee8d5","200":"#d33682","300":"#eee8d5","400":"#eee8d5","500":"#2aa198","600":"#93a1a1","700":"#657b83","800":"#0b3f4d","900":"#073642","925":"#002b36","950":"#002b36"},"slate":{"25":"#fdf6e3","50":"#fdf6e3","100":"#eee8d5","200":"#eee8d5","300":"#eee8d5","400":"#2aa198","500":"#268bd2","600":"#0b3f4d","700":"#0b3f4d","800":"#0b3f4d","900":"#002b36","950":"#002b36"}}

For future reference, here’s what I’ve gathered so far:

Slate (LIGHT)

  • 25: Central window background
  • 50: Global background
  • 100: instance, background hover left bar, pictures background
  • 200: outlines
  • 300: buttons bottom outline
  • 400: ???
  • 500: instance
  • 600: sidebars text color, OP username, post date, reply button
  • 700: ???
  • 800: ???
  • 900: titles, comments, upvote/downvote buttons
  • 950: ???

Zinc (DARK)

  • 50: ???
  • 100: titles, comments
  • 200: upvote/downvote buttons, settings comments
  • 300: post text
  • 400: sidebars text color
  • 500: user instance
  • 600: theme buttons outline (?)
  • 700: button top outline
  • 800: outlines, background hover left bar
  • 900: Buttons, instance, cards background
  • 925: Central window background
  • 950: Global background

Primary

  • 100 Main UI accent color - DARK
  • 900 Main UI accent color - LIGHT

Other

  • Black: ??? Seems to always be black
  • White: card background - LIGHT
  • fievel
    link
    fedilink
    English
    arrow-up
    2
    ·
    edit-2
    8 months ago

    Very nice for both the theme and the useful information :)