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":{}}
Dang, I like this a lot, it might end up as a default theme
Feel free to steal.
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.
I don’t know. Just “Gray” is also fine by me.
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" } }
Is the orange intentional?
Well now that you made me open my inbox, I found it
Whoops. I was trying to find usages of that color and found none.
Edit: Changed to #555555
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.)