{"id":16166441,"url":"https://github.com/octelly/funky-css","last_synced_at":"2025-07-05T04:33:11.262Z","repository":{"id":133598082,"uuid":"332322827","full_name":"Octelly/funky-css","owner":"Octelly","description":"A Jellyfin theme","archived":false,"fork":false,"pushed_at":"2022-03-07T14:43:54.000Z","size":157,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-20T17:43:03.674Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Octelly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-01-23T22:41:55.000Z","updated_at":"2022-03-07T14:25:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"799a94e4-6766-40d0-812d-1f7b88376b14","html_url":"https://github.com/Octelly/funky-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Octelly%2Ffunky-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Octelly%2Ffunky-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Octelly%2Ffunky-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Octelly%2Ffunky-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Octelly","download_url":"https://codeload.github.com/Octelly/funky-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238633970,"owners_count":19504763,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-10T02:54:11.160Z","updated_at":"2025-02-13T09:49:14.485Z","avatar_url":"https://github.com/Octelly.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Funky CSS\n\n![Tested Jellyfin version](https://img.shields.io/badge/Jellyfin-10.7.7-%2300A4DC)\n\nA Jellyfin theme\n\n## About\n\nA theme that I use on my Jellyfin instance and some variants of it. If you have an ideas or stuff like that, submit an issue and I'll probably look at it eventually.\n\n## How to use\n\n1. log into Jellyfin with an admin account\n2. open your dashboard\n3. go to \"General\"\n4. paste a CSS import link in the \"Custom CSS\" section\n\n### Import links\n\nA valid CSS import link links to any of the files in the ``variants`` directory in the following format:\n\n```css\n@import url('https://jf-funky-css.johnystar.moe/variants/[FILENAME].css');\n```\n\n#### Examples\n\n| Variant | Syntax |\n| ------- | ------ |\n| Default | ``@import url('https://jf-funky-css.johnystar.moe/variants/default.css');`` |\n\n### When behind an Nginx reverse proxy\n\nIf the theme isn't working for you and you have Jellyfin set up behind an Nginx reverse proxy according to [Jellyfin's docs](https://jellyfin.org/docs/general/networking/nginx.html), here's how to fix the problem.\n\nIn your Nginx configuration file, there should be a line starting with ``add_header Content-Security-Policy``. This line describes, which sources should be treated as trusted, so that the browser doesn't load any content from potentially unsafe sources.\n\nBy default, this line doesn't include this repository. You can fix this, by appending ``https://jf-funky-css.johnystar.moe`` to the ``style-src`` and ``img-src`` sections.\n\nSo, for example, if your configuration currently looks like this:\n\n```\nadd_header Content-Security-Policy \"default-src https: data: blob:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' https://www.gstatic.com/cv/js/sender/v1/cast_sender.js https://www.youtube.com/iframe_api https://s.ytimg.com; worker-src 'self' blob:; connect-src 'self'; object-src 'none'; frame-ancestors 'self'\";\n```\n\nthen you want to change it to this:\n\n```\nadd_header Content-Security-Policy \"default-src https: data: blob: http://image.tmdb.org; style-src 'self' 'unsafe-inline' https://jf-funky-css.johnystar.moe; img-src 'self' 'unsafe-inline' https://jf-funky-css.johnystar.moe; script-src 'self' 'unsafe-inline' https://www.gstatic.com/cv/js/sender/v1/cast_sender.js https://www.youtube.com blob:; worker-src 'self' blob:; connect-src 'self'; object-src 'none'; frame-ancestors 'self'\";\n```\n\nSpecial thanks to [this explanation](https://github.com/CTalvio/Monochromic#using-with-reverse-proxy) on how to deal with this problem and [Mozilla's Web Docs explaining CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).\n\n#### Security note\n\nBy applying this fix, you're allowing any CSS files and image files from this GitHub repository to be loaded, which could theoretically be dangerous (although unlikely). Please note, that I will not take any responsibility for anything you do whatsoever.\n\n## Updating the theme\n\nJellyfin always loads the theme directly from GitHub, so it should always load the latest version automatically.\n\n## Repository structure\n\n| Directory | Purpose |\n| --------- | ------- |\n| ``variants`` | Stylesheets that you import into Jellyfin |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foctelly%2Ffunky-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foctelly%2Ffunky-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foctelly%2Ffunky-css/lists"}