Photon

230 readers

2 users here now

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!

founded 8 months ago

MODERATORS

[email protected]

Photon v1.28.0 - Themes! (lemdro.id)

submitted 5 months ago by [email protected] to c/[email protected]

9 comments fedilink hide all child comments

v1.28.0

Add custom theme support
- Access from the settings page or clicking "Color scheme" in main menu
- Instance themes are coming later
add pasting images directly into comments
fix sidebar collapsing stuff

Try a theme

To import/make a theme, go to settings > theming. You can also click "color scheme" in the main menu.

I made a catppuccin theme for photon. Import this:

{"zinc":{"50":"#cdd6f4","100":"#bac2de","200":"#a6adc8","300":"#9399b2","400":"#7f849c","500":"#6c7086","600":"#585b70","700":"#45475a","800":"#313244","900":"#1e1e2e","925":"#181825","950":"#11111b"},"primary":{"100":"#a6e3a1","900":"#7287fd"},"other":{"white":"#ffffff"},"slate":{}}

and voila! This theme only changes dark mode colors right now.

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 3 points 5 months ago (2 children)

Is there some documentation somewhere about what the colors "label" are used for ? I would be interested to make the app look like the theme I use in my gvim I use for development.

[–] [email protected] 3 points 5 months ago (2 children)

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

@[email protected] am I in the right direction?

[–] [email protected] 2 points 5 months ago (1 children)

Spot on actually, all the ??? are unused colors. I'll add some docs for theming later

[–] [email protected] 1 points 5 months ago

Wow nice thanks!

[–] [email protected] 1 points 5 months ago

Thanks

[–] [email protected] 1 points 5 months ago

sure, I'll add that later