Code Monkey home page Code Monkey logo

scyfin-yellow's Introduction

scyfin logo


Custom CSS theme for Jellyfin (plus a backdrops supported version)



Scyfin Complete Theme

scyfin1

scyfin2

scyfin3

scyfin4

scyfin5

@import url('https://cdn.jsdelivr.net/gh/MuhammadBayiz/scyfin-Yellow@main/CSS/css-scyfin/scyfin-theme.css');

Options (Add these below the full theme)

  • Disable static left drawer
    • @import url('https://cdn.jsdelivr.net/gh/loof2736/[email protected]/CSS/css-scyfin/disable-static-drawer.css');
  • Disable static left drawer (BACKDROP VERSION)
    • @import url('https://cdn.jsdelivr.net/gh/loof2736/[email protected]/CSS/css-scyfin/disable-static-drawer-backdrop.css');

Scyfin Complete Theme - Backdrops Supported

Note -

  • Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
  • Backdrops need to be enabled in Jellyfin (Settings > Display > Backdrops) for backdrop supported version to display properly

scyfin-backdrop1

scyfin-backdrop2

scyfin-backdrop3

@import url('https://cdn.jsdelivr.net/gh/loof2736/[email protected]/CSS/css-scyfin/scyfin-theme-backdrop.css');

Options (Add these below the full theme)

  • Disable static left drawer
    • @import url('https://cdn.jsdelivr.net/gh/loof2736/[email protected]/CSS/css-scyfin/disable-static-drawer.css');
  • Disable static left drawer (BACKDROP VERSION)
    • @import url('https://cdn.jsdelivr.net/gh/loof2736/[email protected]/CSS/css-scyfin/disable-static-drawer-backdrop.css');

Installation:


Server-wide install:

  • Click the hamburger icon (Top left)
  • Navigate to "Dashboard" (If you don't see this, make sure you are signed in to your admin account)
  • Navigate to "General"
  • Near the bottom, under "Custom CSS code", paste the @import url for the theme you want
    • Note -
      • Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
    • Example:
    • install
  • Optional - Paste the @import url for any options you want
    • Example:
    • install2
  • Click "Save"

Single client install:

  • Click the hamburger icon (Top left)
  • Navigate to "Settings"
  • Navigate to "Display"
  • Near the middle, under "Custom CSS code", paste the @import url for the theme you want
    • Note -
      • Only install ONE version of the theme, do not install both the normal version and the backdrops supported version
      • If there is any server-wide custom CSS, you may want to enable "Disable server-provided custom CSS code", as the two themes WILL interfere with each other
    • Example:
    • install3
  • Optional - Paste the @import url for any options you want
    • Example:
    • install4
  • Click "Save"

scyfin-yellow's People

Contributors

loof2736 avatar muhammadbayiz avatar jamsrepos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.