Skip to content

Latest commit

 

History

History
33 lines (26 loc) · 2.23 KB

README.md

File metadata and controls

33 lines (26 loc) · 2.23 KB

Synology_Photos-Tweaks

Synology Photos is easily the most feature rish self-hosted photo manager...but damn is it ugly. This repo is where I will begin to list any modifications I create or find across the internet to enhance Synology Photos.

Dark CSS Theme:

This is a nearly complete and fully functional dark theme created by me. I can't stand the bright white theme of the stock Photos webUI, I couldnt find any existing userstyles, so I made my own.

  • d2.css (This is the only file needed, all images and icon changes are in base64 to avoid needing external files.)

ABOUT:

  • Completely custom dark theme. Instead of generating something with a browser extension, I decided to dig through the inspector and theme everything individually.
  • Should be well over 90% complete, but I'm always open to refinements and new ideas.
  • The header logo is completely custom, and created by me. I will upload a higher resolution version at some point.
  • Many of the icons used throughout the UI have been replaced using icons from https://icons8.com/
  • The terrible placeholder images for an empty library, empty albums page, empty share page, etc, have all been replaced.
  • Added a transparent black background to the time displayed over videos to increase readability.
  • Increased the Opacity of the hover shadows on images, and the album description gradient to increase readability.

ISSUES:

  • The main loading throbber is still white.
  • The "Processing..." throbber is still white.
  • The Prev and Next buttons in the image lightbox are still the stock color.
  • Some text input fields are still white, however the text is a constrasting color so this doesnt affect useability.
  • The timeline scrollbar is not fully themed.
  • Dropdown menus, and the background of the lightbox seem to use the same color value.

I am not a web developer, most of the issues are simply because I cannot figure out how to fix them so any help is greatly appreciated.

Custom Icons:

Custom made desktop icons. I like having Photos in a SSB so it's more like a desktop app. Since I couldnt find any decent quality icons, I made my own from scratch.

  • light.PNG (Light background)
  • dark.PNG (Dark background)
  • full.PNG (No background, logo is enlarged to fill entire icon.)