EDIT: This is now integrated to Photon as the Neutral theme.

I did this a while ago, when theming was first introduced. I wanted a dark theme that wasn’t black, and also not tinted.

{"other":{"black":"#000000","white":"#ffffff"},"primary":{},"zinc":{"700":"#484e57","800":"#373b41","900":"#282a2e","925":"#202225","950":"#1d1f21"},"slate":{}}
    • @sevonOPEnglish
      2•4 months ago

      Feel free to steal.

      • Xylight (Photon Dev)MEnglish
        1•4 months ago

        I’m adding this as a preset, what would you like it to be named? I was gonna do “Sevon’s Gray” or something like that.

        • @sevonOPEnglish
          1•4 months ago

          I don’t know. Just “Gray” is also fine by me.

    • @sevonOPEnglish
      1•4 months ago

      I went and did the same to light colors. The change is more subtle, but I like it.

      {
    "slate": {
        "25": "251 251 251",
        "50": "242 242 242",
        "100": "229 229 229",
        "200": "226 226 226",
        "300": "222 222 222",
        "400": "154 153 150",
        "500": "102 102 102",
        "600": "51 51 51",
        "700": "85 85 85",
        "800": "51 51 51",
        "900": "51 51 51",
        "950": "2 6 23"
    },
    "zinc": {
        "50": "250 253 255",
        "100": "243 244 246",
        "300": "209 213 219",
        "400": "156 163 175",
        "500": "107 114 128",
        "600": "75 85 99",
        "700": "72 78 87",
        "800": "55 59 65",
        "900": "40 42 46",
        "925": "32 34 37",
        "950": "29 31 33"
    },
    "primary": {
        "100": "241 245 249",
        "900": "15 23 42"
    },
    "other": {
        "black": "0 0 0",
        "white": "255 255 255"
    }
}

      Edit: Orange replaced with dark gray.

      <Also: blue accent version> 
      {
    "slate": {
        "25": "251 251 251",
        "50": "242 242 242",
        "100": "229 229 229",
        "200": "226 226 226",
        "300": "222 222 222",
        "400": "154 153 150",
        "500": "102 102 102",
        "600": "51 51 51",
        "700": "85 85 85",
        "800": "51 51 51",
        "900": "51 51 51",
        "950": "2 6 23"
    },
    "zinc": {
        "50": "250 253 255",
        "100": "243 244 246",
        "300": "209 213 219",
        "400": "156 163 175",
        "500": "107 114 128",
        "600": "75 85 99",
        "700": "72 78 87",
        "800": "55 59 65",
        "900": "40 42 46",
        "925": "32 34 37",
        "950": "29 31 33"
    },
    "primary": {
        "100": "26 145 235",
        "900": "22 122 198"
    },
    "other": {
        "black": "0 0 0",
        "white": "255 255 255"
    }
}
        • @sevonOPEnglish
          1•4 months ago

          Whoops. I was trying to find usages of that color and found none.

          Edit: Changed to #555555

        • @sevonOPEnglish
          1•4 months ago

          Well now that you made me open my inbox, I found it

  • Thordros [he/him, comrade/them]English
    2•4 months ago

    This looks really nice. You definitely know your stuff when it comes to UX and readability.

    (I’d probably still juice the text size up a bit, but I’m also old.)