26
submitted 4 months ago by [email protected] to c/[email protected]

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.

top 9 comments
sorted by: hot top controversial new old
[-] [email protected] 3 points 4 months ago

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 4 months ago

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 4 months ago

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

[-] [email protected] 1 points 4 months ago

Wow nice thanks!

[-] [email protected] 1 points 4 months ago
[-] [email protected] 1 points 4 months ago

sure, I'll add that later

[-] [email protected] 2 points 2 months ago

hello this is my test comment from now on.

  • markdown test, but it's gonna be multiple lines. this is to see how well photon will handle multi-line stuff like this

  • this is another test

[-] [email protected] 2 points 4 months ago
[-] [email protected] 1 points 4 months ago* (last edited 4 months ago)

Very nice feature this theming :) And your example theme is also very nice, in general I always use dark themes but the Photon default one was too dark for me (maybe this could become the default of many users other than me prefer it).

this post was submitted on 06 Mar 2024
26 points (100.0% liked)

Photon

190 readers
1 users here now

Photon for Lemmy

An alternative UI for Lemmy with more features, a more intuitive UX, and modern design.

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

founded 6 months ago
MODERATORS