Orange glow
made for 1.2.3
jc-1.2.3orangeglowmorphismsplitbartopbarfile-transformationglasssectionscustomscript
needs File Transformation
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
- Install Jellycanvas on your Jellyfin 12 (Dashboard → Plugins → Repositories).
- Open Dashboard → My Plugins → Jellycanvas, scroll to Share / import.
- Paste the import link above (or the downloaded file) and click Load into the designer.
- 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": ""
}
}