Photon Gray Dark [theme](lemmy.kde.social)

posted 3 months ago

sevon@lemmy.kde.social

photon@lemdro.id

9 commentshide report

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

Sort:

Hot Top Controversial New Old

You are viewing a single thread.

View all comments View context

[ - ]

sevon@lemmy.kde.socialOP

1 point

3 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"
    }
}