Jellycanvas themes

Orange glow

by SpeeDFireCZE · 2026-09-22 (updated 2026-09-23) · ↓ 7
The real Jellyfin 12 client with this theme applied - click around, it is a demo library.
Loading the preview…

About this theme

A dark theme in orange. The top bar split into frosted-glass islands, generously rounded corners, cards zoom on hover, titles over the posters and soft buttons. Set in Asimovian. A random backdrop from the library behind every page. The login page is styled too. Uses the client script (card badges) - needs File Transformation.

Written from the settings - the author did not add a description.

Use it

  1. Install Jellycanvas on your Jellyfin 12 (Dashboard → Plugins → Repositories).
  2. Open Dashboard → My Plugins → Jellycanvas, scroll to Share / import.
  3. Paste the import link above (or the downloaded file) and click Load into the designer.
  4. Check the preview, adjust what you like, then Apply.

Nothing about the author's server travels with the theme - their logo, custom buttons, info bar text and private image links are stripped before it is stored here.

The file

Show the JSON (6.1 KB)
{
  "ApplyTo": "All",
  "Colors": {
    "Accent": "#f59e0b",
    "Background": "#141210",
    "Surface": "#221f1b",
    "Text": "#f5efe6",
    "SecondaryTextOpacity": 70,
    "Outline": ""
  },
  "Header": {
    "Style": "Glass",
    "Color": "",
    "Opacity": 71,
    "Blur": 16,
    "Radius": 0,
    "Floating": false,
    "Shadow": false,
    "BottomBorder": false,
    "HideLogo": false,
    "Layout": "Sections",
    "SectionRadius": 999,
    "SidebarWidth": 220,
    "SidebarCollapsible": true,
    "SidebarCollapsedWidth": 64,
    "SlotLeft": "nav",
    "SlotCenter": "",
    "SlotRight": "icons,user",
    "Nav": "Pill",
    "Height": 0,
    "LibraryRow": "SameAsBar",
    "LibraryRowColor": "",
    "LibraryRowOpacity": 100,
    "LibraryRowBlur": 16,
    "LibraryRowHeight": 52,
    "LibraryRowRadius": 0,
    "LibraryRowIslands": false,
    "LibraryRowBorder": false,
    "LibraryRowHideTitle": false,
    "LibraryRowHideCount": false,
    "LibraryRowHidePlay": true,
    "LibraryRowHideFilter": false,
    "LibraryRowHideSort": false,
    "LibraryRowHideView": false,
    "LibraryRowHidePaging": false,
    "Logo": "Default",
    "LogoHeight": 28,
    "LogoWidth": 0,
    "ShowServerName": false,
    "HideSyncPlay": false,
    "HideCast": false,
    "HideSearch": false
  },
  "Drawer": {
    "Style": "Solid",
    "Color": "",
    "Opacity": 100,
    "Blur": 16,
    "ItemRadius": 999,
    "Width": 0,
    "Radius": 24
  },
  "Cards": {
    "Radius": 22,
    "Hover": "Zoom",
    "Shadow": true,
    "Border": false,
    "Text": "Overlay",
    "HideOverlayButtons": false,
    "Spacing": 100,
    "Played": "CornerBadge",
    "PlayedColor": "",
    "Progress": "Fill",
    "ProgressColor": "",
    "ProgressFillOpacity": 35,
    "HideOverlayButtonsOnFolders": true,
    "PlayStyle": "Glass",
    "PlayColor": "",
    "PlayOpacity": 55,
    "PlayHoverColor": "#f59e0b",
    "PlayRadius": 999,
    "PlayPosition": "Default",
    "PlayScale": 100,
    "PlayHideOnMobile": false
  },
  "Buttons": {
    "Radius": 999,
    "Style": "Soft",
    "DetailScale": 75,
    "DetailLabels": true,
    "HoverLift": true,
    "Uppercase": false,
    "IconRadius": 12,
    "Play": "Accent",
    "PlayColor": "",
    "PlayRadius": -1,
    "PlayLabel": true
  },
  "Typography": {
    "Family": "Custom",
    "CustomFamily": "Asimovian",
    "LoadFromGoogle": true,
    "Scale": 100
  },
  "Backdrop": {
    "Mode": "RandomLibrary",
    "Color": "",
    "GradientFrom": "",
    "GradientTo": "",
    "GradientAngle": 160,
    "Blur": 6,
    "Dim": 39,
    "Animate": true,
    "RotateSeconds": 5,
    "ItemDetail": true
  },
  "Login": {
    "SolidBackground": false,
    "SolidColor": "",
    "GradientBackground": true,
    "GradientFrom": "",
    "GradientTo": "",
    "GradientAngle": 160,
    "GradientOpacity": 100,
    "TransparentBar": true,
    "FormWidth": 0,
    "Inputs": "Glowmorphism",
    "Buttons": "Glowmorphism",
    "InputRadius": -1,
    "InputScale": 100,
    "HideTitle": false,
    "HideQuickConnect": false,
    "HideForgotPassword": false,
    "Radius": 32,
    "BackgroundBlur": 0,
    "Form": "Glass"
  },
  "Dialogs": {
    "Style": "Glowmorphism",
    "Opacity": 100,
    "Blur": 16,
    "Radius": 18,
    "UpNext": true
  },
  "Player": {
    "Osd": "Glowmorphism",
    "OsdColor": "",
    "OsdOpacity": 75,
    "OsdBlur": 16,
    "OsdFloating": true,
    "OsdRadius": 16,
    "ProgressColor": "",
    "ProgressHeight": 0,
    "ButtonScale": 100,
    "Skip": "NeoBrutalism",
    "SkipColor": "",
    "SkipRadius": 4,
    "SkipPosition": "BottomRight",
    "SkipOffset": 128,
    "SkipScale": 100
  },
  "Detail": {
    "TransparentRibbon": false,
    "Ribbon": "Solid",
    "RibbonColor": "",
    "RibbonOpacity": 80,
    "RibbonBlur": 12,
    "PosterRadius": -1,
    "PosterShadow": false,
    "HideTitleLogo": false,
    "People": "Rounded",
    "PeopleScale": 100,
    "PeopleRing": false,
    "PeopleGrayscale": false,
    "TrackSelections": "AccentChips",
    "Genres": "Default",
    "Tags": "Chips",
    "ExternalLinks": "Default",
    "OverviewScale": 100,
    "OverviewMaxWidth": 0,
    "HideTagline": false,
    "HideSimilar": false,
    "HideCast": false,
    "SectionTitles": "Default",
    "ChipColor": "",
    "SelectorsBlock": "Solid",
    "SelectorsBlockColor": "",
    "OverviewBlock": "None",
    "OverviewBlockColor": "",
    "GenresBlock": "None",
    "GenresBlockColor": "",
    "TagsBlock": "None",
    "TagsBlockColor": "",
    "LinksBlock": "None",
    "LinksBlockColor": "",
    "BlockOpacity": 75,
    "BlockBlur": 12,
    "BlockRadius": 32
  },
  "Misc": {
    "HideScrollbars": true
  },
  "InfoBar": {
    "Enabled": false,
    "Position": "Top",
    "Color": "",
    "TextColor": "",
    "Height": 20,
    "HideOnMobile": false,
    "HideOnTv": false,
    "Radius": 0,
    "Closable": true,
    "RememberClose": true
  },
  "Tv": {
    "FocusColor": "",
    "FocusScale": 100,
    "FocusWidth": 3,
    "BarHeight": 0,
    "BarScale": 87,
    "TabFocus": "Highlight",
    "StaticBackdrop": true
  },
  "Mobile": {
    "CardRadius": -1,
    "FontScale": 0
  },
  "Scripts": {
    "Enabled": true,
    "Slideshow": {
      "Enabled": false,
      "Source": "Latest",
      "Filter": "",
      "Types": "MoviesAndSeries",
      "Count": 8,
      "IntervalSeconds": 8,
      "Height": 55,
      "ShowLogo": true,
      "ShowOverview": true,
      "ShowButton": true,
      "ButtonLabel": "",
      "ButtonIcon": "info",
      "ButtonStyle": "Accent",
      "ButtonRadius": -1,
      "ButtonScale": 100,
      "HideOnTv": false,
      "HideOnMobile": false
    },
    "CardBadges": {
      "Enabled": true,
      "TopLeft": "resolution,hdr,sound,codec",
      "TopRight": "audio",
      "BottomLeft": "",
      "BottomRight": "subtitles",
      "Style": "Colorful",
      "Palette": "Vivid",
      "Scale": 100,
      "HideOnMobile": false,
      "Languages": "Flags",
      "SubtitleLanguages": "Codes",
      "Stacked": true,
      "HideOnTv": false,
      "AudioMax": 4,
      "AudioPreferred": "",
      "SubtitleMax": 4,
      "SubtitlePreferred": ""
    }
  },
  "ExtraCss": "",
  "Overrides": {
    "Web": "",
    "Tv": "",
    "Mobile": ""
  }
}