diff --git a/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html b/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html index e85de63..32d3c81 100644 --- a/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html +++ b/Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html @@ -1,381 +1,278 @@ - - Skin Manager - -
-
-
-
-
-

Skin Manager

- Help -
-
-

- Select the skin you want to install and click Set Skin -

-
-
-
-
- - -
- -
-
- -
- -
-
-
- - - - -
+
+
+
+
+
+

Skin Manager

+ Help +
+
+

+ Select the skin you want to install and click Set Skin +

+
+
+
+
+ + +
+
-
+
+
+
+ + +
+
+ - - - - + }); + } + function hexToRgb(hex) { + // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF") + var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i; + hex = hex.replace(shorthandRegex, function(m, r, g, b) { + return r + r + g + g + b + b; + }); + var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); + return result ? { + r: parseInt(result[1], 16), + g: parseInt(result[2], 16), + b: parseInt(result[3], 16) + } : null; + } + + +
- - \ No newline at end of file + diff --git a/skins-3.0.json b/skins-3.0.json index 794928b..7feb856 100644 --- a/skins-3.0.json +++ b/skins-3.0.json @@ -174,19 +174,12 @@ "css": "h1 {font-size: $em;}", "default": "1.8" }, - { - "type": "number", - "name": "Modify rounding", - "description": "Amount of rounding. Zero is none.", - "css": ".formDialogHeader {border-top-left-radius: $px;border-top-right-radius: $px;}formDialogFooter{border-bottom-left-radius: $px;border-bottom-right-radius: $px;}.cardOverlayContainer{border-radius: $px !important;}.cardOverlayButtonIcon{border-radius:$px!important;}.osdPoster img{border-radius: $px; }.mdl-slider::-moz-range-thumb {border-radius: $px;}.mdl-slider::-ms-thumb {border-radius: $px;}.mdl-slider::-webkit-slider-thumb{border-radius: $px;}div[data-role='controlgroup'] a[data-role='button']:first-child {border-bottom-left-radius: $px;border-top-left-radius: $px;}div[data-role='controlgroup'] a[data-role='button']:last-child{border-bottom-right-radius: $px;border-top-right-radius:$px;}progress{border-radius: $px;}progress::-webkit-progress-bar{border-radius: $px;}progress::-moz-progress-bar{border-radius:$px;}progress::-webkit-progress-value {border-radius: $px;}.taskProgressOuter,.taskProgressInner{border-radius: $px !important;}::-webkit-scrollbar-thumb{border-radius:$px;}.innerCardFooter {border-radius: 0px $px !important; }.countIndicator, .playedIndicator {border-radius: 0px $px !important;}", - "default": "0" - }, { "type": "colorPicker", "mode":"rgba", "name": "Accent color", "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;\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;}" }, { "type": "colorPicker", @@ -196,14 +189,6 @@ "css": ".mainDrawer-scrollContainer { color: $; }", "default":"#ffffff" }, - { - "type": "number", - "step": "0.1", - "name": "Image Edge Rounded", - "description": "Modifies the color of the left menu panel.", - "css": ".cardContent-button,.itemDetailImage { border-radius: $em;}", - "default":"0" - }, { "type": "checkBox", "name": "Enlarge Tab Buttons", @@ -233,21 +218,19 @@ "default":"#ffffff" }, { - "type": "slider", - "step": "0.1", + "type": "number", "name": "Border Radius", "description": "Change the roundness of text box and more default is zero", "css": "@import url('https://prayag17.github.io/jellyfin-plugin-skin-manager/src/border-radius.css'); :root{--rounding: $px;}", "default":"0" }, { - "type": "slider", - "step": "0.1", + "type": "number", "name": "Backdrop Blur", "description": "adds blur to the backdrop images default is zero", "css": "@import url('https://prayag17.github.io/jellyfin-plugin-skin-manager/src/bgBlur.css'); :root{--bgblur: blur($px)}", "default": "0" - } + } ] } ]