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":{}}
5 points

Dang, I like this a lot, it might end up as a default theme

permalink
report
reply
2 points

Feel free to steal.

permalink
report
parent
reply
1 point

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.

permalink
report
parent
reply
1 point

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

permalink
report
parent
reply
1 point
*

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"
    }
}
permalink
report
parent
reply
1 point

Is the orange intentional?

permalink
report
parent
reply
1 point

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

permalink
report
parent
reply
1 point
*

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

Edit: Changed to #555555

permalink
report
parent
reply

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.)

permalink
report
reply

Photon

!photon@lemdro.id

Create post

Photon for Lemmy

A client for the fediverse designed to be intuitive, fast, and beautiful.

Share your themes, ask questions, report bugs, or check on the latest updates here!

You can contact the dev at @Xylight@lemdro.id.

Rules
  1. Posts must be related to Photon in any way
  2. Don’t be mean
  3. If your post is a bug report, please preface the title with [solved] if it’s been fixed.

Community stats

  • 22

    Monthly active users

  • 64

    Posts

  • 316

    Comments