unixaxwell/jellyfin-plugin-skin-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #17 from prayag17/master

Browse Source 
Categorize Options
This commit is contained in:
Daniel
2020-12-22 16:22:31 +01:00
committed by GitHub
parent addca19af3 7d3911fb08
commit e2a94a1f4e
1 changed files with 371 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
skins-3.0.json
View File

@@ -4,8 +4,7 @@
"author": "Jellyfin", "author": "Jellyfin",
"description": "Default, stock, Jellyfin.", "description": "Default, stock, Jellyfin.",
"defaultCss": "", "defaultCss": "",
"options": [], "previews": [
"previews":[
{ {
"name": "Login Page", "name": "Login Page",
"url": "" "url": ""
@@ -22,6 +21,12 @@
"name": "Title page", "name": "Title page",
"url": "" "url": ""
} }
],
"categories": [
{
"name": "Default",
"options": []
}
] ]
}, },
{ {
@@ -29,8 +34,7 @@
"author": "prayagprajapati17", "author": "prayagprajapati17",
"description": "A theme that aims to replicate the red and black look of Netflix. Theme is by prayag17.", "description": "A theme that aims to replicate the red and black look of Netflix. Theme is by prayag17.",
"defaultCss": "@import url(https://prayag17.github.io/JellyFlix/default.css);", "defaultCss": "@import url(https://prayag17.github.io/JellyFlix/default.css);",
"options": [], "previews": [
"previews":[
{ {
"name": "Login Page", "name": "Login Page",
"url": "https://github.com/prayag17/JellyFlix/raw/main/Public%20Ver%201/LoginMan.png?raw=true" "url": "https://github.com/prayag17/JellyFlix/raw/main/Public%20Ver%201/LoginMan.png?raw=true"
@@ -47,6 +51,12 @@
"name": "Title page", "name": "Title page",
"url": "https://github.com/prayag17/JellyFlix/raw/main/Public%20Ver%201/TV-TitlePage.png?raw=true" "url": "https://github.com/prayag17/JellyFlix/raw/main/Public%20Ver%201/TV-TitlePage.png?raw=true"
} }
],
"categories": [
{
"name": "Default",
"options": []
}
] ]
}, },
{ {
@@ -54,6 +64,27 @@
"author": "EdgeMentality", "author": "EdgeMentality",
"description": "This theme aims to be minimalistic and somewhat muted in color. Add-ons and custom accent colors are possible, but not entirely supported by this plug-in. Visit the github of the theme for more information.", "description": "This theme aims to be minimalistic and somewhat muted in color. Add-ons and custom accent colors are possible, but not entirely supported by this plug-in. Visit the github of the theme for more information.",
"defaultCss": "@import url('https://ctalvio.github.io/Monochromic/default_style.css');", "defaultCss": "@import url('https://ctalvio.github.io/Monochromic/default_style.css');",
"previews": [
{
"name": "Login Page",
"url": "https://github.com/danieladov/jellyfin-plugin-skin-manager/blob/master/src/img/Monochromic/login.jpg?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/CTalvio/Monochromic/blob/master/screenshots/1.png?raw=true"
},
{
"name": "Library Page",
"url": "https://raw.githubusercontent.com/danieladov/jellyfin-plugin-skin-manager/master/src/img/Monochromic/Lib.jpg"
},
{
"name": "Title page",
"url": "https://github.com/CTalvio/Monochromic/raw/master/screenshots/2.png"
}
],
"categories": [
{
"name": "Default",
"options": [ "options": [
{ {
"type": "checkBox", "type": "checkBox",
@@ -87,23 +118,7 @@
"css": "@import url('https://ctalvio.github.io/Monochromic/customcolor_style.css');:root {--accent: $;}", "css": "@import url('https://ctalvio.github.io/Monochromic/customcolor_style.css');:root {--accent: $;}",
"default": "" "default": ""
} }
], ]
"previews":[
{
"name": "Login Page",
"url": "https://github.com/danieladov/jellyfin-plugin-skin-manager/blob/master/src/img/Monochromic/login.jpg?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/CTalvio/Monochromic/blob/master/screenshots/1.png?raw=true"
},
{
"name": "Library Page",
"url": "https://raw.githubusercontent.com/danieladov/jellyfin-plugin-skin-manager/master/src/img/Monochromic/Lib.jpg"
},
{
"name": "Title page",
"url": "https://github.com/CTalvio/Monochromic/raw/master/screenshots/2.png"
} }
] ]
}, },
@@ -112,6 +127,27 @@
"author": "EdgeMentality", "author": "EdgeMentality",
"description": "This theme aims to be more colorful and minimalistic. Add-ons and custom accent colors are possible, but not entirely supported by this plug-in. Visit the github of the theme for more information.", "description": "This theme aims to be more colorful and minimalistic. Add-ons and custom accent colors are possible, but not entirely supported by this plug-in. Visit the github of the theme for more information.",
"defaultCss": "@import url('https://ctalvio.github.io/Kaleidochromic/default_style.css');", "defaultCss": "@import url('https://ctalvio.github.io/Kaleidochromic/default_style.css');",
"previews": [
{
"name": "Login Page",
"url": "https://github.com/danieladov/jellyfin-plugin-skin-manager/blob/master/src/img/Kaleidochromic/Login.jpg?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/6.png"
},
{
"name": "Library Page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/5.png"
},
{
"name": "Title page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/1.png"
}
],
"categories": [
{
"name": "Default",
"options": [ "options": [
{ {
"type": "checkBox", "type": "checkBox",
@@ -139,23 +175,7 @@
"css": ":root {--accent: $;}", "css": ":root {--accent: $;}",
"default": "#6279cd" "default": "#6279cd"
} }
], ]
"previews":[
{
"name": "Login Page",
"url": "https://github.com/danieladov/jellyfin-plugin-skin-manager/blob/master/src/img/Kaleidochromic/Login.jpg?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/6.png"
},
{
"name": "Library Page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/5.png"
},
{
"name": "Title page",
"url": "https://github.com/CTalvio/Kaleidochromic/raw/main/screenshots/1.png"
} }
] ]
}, },
@@ -164,6 +184,27 @@
"author": "prayagprajapati17", "author": "prayagprajapati17",
"description": "A very bright and colorful look using lots of drop shadows. Theme is by prayag17.", "description": "A very bright and colorful look using lots of drop shadows. Theme is by prayag17.",
"defaultCss": "@import url('https://prayag17.github.io/JellySkin/default.css');", "defaultCss": "@import url('https://prayag17.github.io/JellySkin/default.css');",
"previews": [
{
"name": "Login Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/Login.png?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/Home.png?raw=true"
},
{
"name": "Library Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/lib%202.png?raw=true"
},
{
"name": "Title page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/title%201.png?raw=true"
}
],
"categories": [
{
"name": "Default",
"options": [ "options": [
{ {
"type": "selector", "type": "selector",
@@ -185,23 +226,7 @@
} }
] ]
} }
], ]
"previews":[
{
"name": "Login Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/Login.png?raw=true"
},
{
"name": "Home/Index Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/Home.png?raw=true"
},
{
"name": "Library Page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/lib%202.png?raw=true"
},
{
"name": "Title page",
"url": "https://github.com/prayag17/JellySkin/raw/master/Version%204/title%201.png?raw=true"
} }
] ]
}, },
@@ -210,6 +235,9 @@
"author": "you", "author": "you",
"description": "customize the look of jellyfin by your needs", "description": "customize the look of jellyfin by your needs",
"defaultCss": "/*Custom*/", "defaultCss": "/*Custom*/",
"categories": [
{
"name": "Fonts",
"options": [ "options": [
{ {
"type": "selector", "type": "selector",
@@ -262,10 +290,10 @@
}, },
{ {
"type": "colorPicker", "type": "colorPicker",
"mode":"rgba", "mode": "rgba",
"name": "Accent color", "name": "Accent color",
"description": "Choose a custom accent color to use with the theme.", "description": "Choose a custom accent color to use with the theme.",
"css": ".countIndicator {background: rgba($,0.8);}.playedIndicator, .innerCardFooter /*Accenting*/.button-flat:hover {background: rgba($,0.25);}.paper-icon-button-light:hover { background-color: rgba($,0.25) !important;}.subtitleappearance-preview { background: linear-gradient(140deg,rgba($),#111) !important;}.navMenuOption-selected, .selectionCommandsPanel { background: rgba($, 0.8) !important;}.raised,.fab,a[data-role='button'] { background: rgba($, 0.8) !important;\ttransition: all 0.2s !important;} /*Glow accent*/ .raised.homeLibraryButton {box-shadow: 0px 0px 5px rgba($, 0) !important; border: solid 1px rgba($,0) !important;}.cardOverlayContainer:hover,.dialog,..raised.homeLibraryButton:hover { box-shadow: 0px 0px 5px rgb($) !important; border: solid 1px rgba($,0.6) !important;}.cardOverlayContainer { border: solid 1px rgba($,0.0) !important;}" "css": ".countIndicator {background: rgba($,0.8);}.playedIndicator, .innerCardFooter /*Accenting*/.button-flat:hover {background: rgba($,0.25);}.paper-icon-button-light:hover { background-color: rgba($,0.25) !important;}.subtitleappearance-preview { background: linear-gradient(140deg,rgba($),#111) !important;}.navMenuOption-selected, .selectionCommandsPanel { background: rgba($, 0.8) !important;}.raised,.fab,a[data-role='button'] { background: rgba($, 0.8) !important;transition: all 0.2s !important;} /*Glow accent*/ .raised.homeLibraryButton {box-shadow: 0px 0px 5px rgba($, 0) !important; border: solid 1px rgba($,0) !important;}.cardOverlayContainer:hover,.dialog,..raised.homeLibraryButton:hover { box-shadow: 0px 0px 5px rgb($) !important; border: solid 1px rgba($,0.6) !important;}.cardOverlayContainer { border: solid 1px rgba($,0.0) !important;}"
}, },
{ {
"type": "colorPicker", "type": "colorPicker",
@@ -273,8 +301,13 @@
"name": "Console Panel Color", "name": "Console Panel Color",
"description": "Modifies the color of the left menu panel.", "description": "Modifies the color of the left menu panel.",
"css": ".mainDrawer-scrollContainer { color: $; }", "css": ".mainDrawer-scrollContainer { color: $; }",
"default":"#ffffff" "default": "#ffffff"
}
]
}, },
{
"name": "Home/Dashboard Page",
"options": [
{ {
"type": "checkBox", "type": "checkBox",
"name": "Enlarge Tab Buttons", "name": "Enlarge Tab Buttons",
@@ -294,14 +327,19 @@
"description": "Change background color.", "description": "Change background color.",
"css": ".backgroundContainer, .dialog, html { background-color: $;}", "css": ".backgroundContainer, .dialog, html { background-color: $;}",
"default": "#000000" "default": "#000000"
}
]
}, },
{
"name": "Miscellaneous",
"options": [
{ {
"type": "colorPicker", "type": "colorPicker",
"mode": "hex", "mode": "hex",
"name": "Right Header Color", "name": "Right Header Color",
"description": "This modifies the colors of the cast, search and user buttons in the top right.", "description": "This modifies the colors of the cast, search and user buttons in the top right.",
"css": ".headerRight { color: $; }", "css": ".headerRight { color: $; }",
"default":"#ffffff" "default": "#ffffff"
}, },
{ {
"type": "section", "type": "section",
@@ -313,15 +351,15 @@
"name": "Interact Buttons Color", "name": "Interact Buttons Color",
"description": "This modifies the color of interact buttons.", "description": "This modifies the color of interact buttons.",
"css": ".paper-icon-button-light { color: $ !important; } .paper-icon-button-light:hover:not(:disabled) { color:$ !important; background-color: $ !important; } .paper-icon-button-light:focus:not(:disabled) { color:$ !important; background-color: $ !important; }", "css": ".paper-icon-button-light { color: $ !important; } .paper-icon-button-light:hover:not(:disabled) { color:$ !important; background-color: $ !important; } .paper-icon-button-light:focus:not(:disabled) { color:$ !important; background-color: $ !important; }",
"default":"#00a4dc", "default": "#00a4dc",
"preview":"https://github.com/LambadaCorez/custom_css_jellyfin/blob/master/ui/buttons/colored_interact_buttons/colored_buttons_example3.png?raw=true" "preview": "https://github.com/LambadaCorez/custom_css_jellyfin/blob/master/ui/buttons/colored_interact_buttons/colored_buttons_example3.png?raw=true"
}, },
{ {
"type": "number", "type": "number",
"name": "Border Radius", "name": "Border Radius",
"description":"Change the rounding" , "description": "Change the rounding",
"css": ":root {--rounding: $px;}.formDialogHeader {border-top-left-radius: var(--rounding);border-top-right-radius: var(--rounding);}.formDialogFooter {border-bottom-left-radius: var(--rounding);border-bottom-right-radius: var(--rounding);}.cardOverlayContainer {border-radius: var(--rounding) !important;}.toast,.paperList,.cardContent,.sessionNowPlayingInnerContent, .listItem:hover, .cardImage,.fab,.multiSelectCheckboxOutline,.itemSelectionPanel,.cardContent-button, .cardContent-shadow, .itemDetailImage, .cardOverlayButton-hover,.cardImageContainer,.cardPadder,.listItemImage,.listItemImageButton,.listItemButton,.headerButton,.paper-icon-button-light,.innerCardFooter,.blurhash-canvas,.actionSheetMenuItem:hover,.dialog,.listItemIcon,.listItem-border,.button-flat,.visualCardBox,.checkboxOutline,.emby-select-withcolor,.chapterThumbTextContainer,.chapterThumbContainer,.chapterThumb,.emby-input, .emby-textarea, .emby-select-withcolor,.cardOverlayButtonIcon,.subtitleappearance-preview.flex.align-items-center.justify-content-center {border-radius: var(--rounding) !important;}.osdPoster img {border-radius: var(--rounding); border: none;}.mdl-slider::-moz-range-thumb {border-radius: var(--rounding);}.mdl-slider::-ms-thumb {border-radius: var(--rounding);}.mdl-slider::-webkit-slider-thumb {border-radius: var(--rounding);}div[data-role='controlgroup'] a[data-role='button']:first-child {border-bottom-left-radius: var(--rounding);border-top-left-radius: var(--rounding);}div[data-role='controlgroup'] a[data-role='button']:last-child {border-bottom-right-radius: var(--rounding);border-top-right-radius: var(--rounding);}", "css": ":root {--rounding: $px;}.formDialogHeader {border-top-left-radius: var(--rounding);border-top-right-radius: var(--rounding);}.formDialogFooter {border-bottom-left-radius: var(--rounding);border-bottom-right-radius: var(--rounding);}.cardOverlayContainer {border-radius: var(--rounding) !important;}.toast,.paperList,.cardContent,.sessionNowPlayingInnerContent, .listItem:hover, .cardImage,.fab,.multiSelectCheckboxOutline,.itemSelectionPanel,.cardContent-button, .cardContent-shadow, .itemDetailImage, .cardOverlayButton-hover,.cardImageContainer,.cardPadder,.listItemImage,.listItemImageButton,.listItemButton,.headerButton,.paper-icon-button-light,.innerCardFooter,.blurhash-canvas,.actionSheetMenuItem:hover,.dialog,.listItemIcon,.listItem-border,.button-flat,.visualCardBox,.checkboxOutline,.emby-select-withcolor,.chapterThumbTextContainer,.chapterThumbContainer,.chapterThumb,.emby-input, .emby-textarea, .emby-select-withcolor,.cardOverlayButtonIcon,.subtitleappearance-preview.flex.align-items-center.justify-content-center {border-radius: var(--rounding) !important;}.osdPoster img {border-radius: var(--rounding); border: none;}.mdl-slider::-moz-range-thumb {border-radius: var(--rounding);}.mdl-slider::-ms-thumb {border-radius: var(--rounding);}.mdl-slider::-webkit-slider-thumb {border-radius: var(--rounding);}div[data-role='controlgroup'] a[data-role='button']:first-child {border-bottom-left-radius: var(--rounding);border-top-left-radius: var(--rounding);}div[data-role='controlgroup'] a[data-role='button']:last-child {border-bottom-right-radius: var(--rounding);border-top-right-radius: var(--rounding);}",
"default":"0" "default": "0"
}, },
{ {
"type": "number", "type": "number",
@@ -332,4 +370,6 @@
} }
] ]
} }
]
}
] ]