diff --git a/src/renderer/themes/compactui.less b/src/renderer/themes/compactui.less new file mode 100644 index 00000000..e69de29b diff --git a/src/renderer/themes/groovy/index.less b/src/renderer/themes/groovy/index.less deleted file mode 100644 index ab0c0141..00000000 --- a/src/renderer/themes/groovy/index.less +++ /dev/null @@ -1 +0,0 @@ -// \ No newline at end of file diff --git a/src/renderer/themes/groovy/theme.json b/src/renderer/themes/groovy/theme.json deleted file mode 100644 index db9f5469..00000000 --- a/src/renderer/themes/groovy/theme.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "name": "Groovy", - "description": "Inspired by Groove Music and Media Player found on Windows", - "version": "1.0.0", - "author": "ciderapp", - "github_repo": "ciderapp/Groovy", - "directives": { - "windowLayout": { - "value": "twopanel" - }, - "lcdArtworkSize": { - "value": 70 - } - } -} \ No newline at end of file diff --git a/src/renderer/themes/inline_drawer.less b/src/renderer/themes/inline_drawer.less new file mode 100644 index 00000000..a87f6a61 --- /dev/null +++ b/src/renderer/themes/inline_drawer.less @@ -0,0 +1,41 @@ +&:not(.modular-fs) { + .app-drawer { + border-radius: 0px; + top : 0; + right : 0; + height : 100%; + box-shadow : unset; + border-left : 1px solid var(--color2); + background : var(--color1); + margin-right : 0px; + position : relative; + } + + .drawertransition-enter-active, + .drawertransition-leave-active { + transition: margin .25s var(--appleEase), opacity .25s var(--appleEase); + } + + .drawertransition-enter, + .drawertransition-leave-to { + margin-right: -300px; + } + + @media screen and (max-width: 1120px) { + .app-drawer { + margin-right: 0px; + position : absolute; + } + + .drawertransition-enter-active, + .drawertransition-leave-active { + transition: right .25s var(--appleEase), opacity .25s var(--appleEase); + } + + .drawertransition-enter, + .drawertransition-leave-to { + right: -300px; + } + } + +} \ No newline at end of file diff --git a/src/renderer/themes/reduce_visuals.less b/src/renderer/themes/reduce_visuals.less new file mode 100644 index 00000000..9b23fb0a --- /dev/null +++ b/src/renderer/themes/reduce_visuals.less @@ -0,0 +1,115 @@ +body { + --ciderShadow-Generic : var(--mediaItemShadow); + --mediaItemShadow-Shadow : var(--mediaItemShadow); + --mediaItemShadow-ShadowSubtle: var(--mediaItemShadow); +} + +.bg-artwork-container { + display : none; + animation: none !important; + + .bg-artwork { + animation: none !important; + } +} + +.replaycard-enter-active, +.replaycard-leave-active { + transition: unset; +} + +.replaycard-enter, +.replaycard-leave-to { + opacity : 0; + transform: translateY(20px); +} + +.modal-enter-active, +.modal-leave-active { + transition: unset; +} + +.modal-enter, +.modal-leave-to { + opacity : 0; + transform: scale(1.10); +} + +.wpfade-enter-active, +.wpfade-leave-active { + transition: opacity .1s var(--appleEase); +} + +.wpfade-enter, +.wpfade-leave-to { + opacity: 0; +} + +.wpfade_transform-enter-active, +.wpfade_transform-leave-active { + transition : unset; + will-change: unset; +} + +.wpfade_transform-enter { + opacity : 0; + transform : unset; + will-change: unset; +} + +.wpfade_transform-leave-to { + opacity : 0; + transform : unset; + will-change: unset; +} + + +.wpfade_transform_backwards-enter-active, +.wpfade_transform_backwards-leave-active { + transition: unset; +} + +.wpfade_transform_backwards-enter { + opacity : 0; + transform : unset; + will-change: unset; +} + +.wpfade_transform_backwards-leave-to { + opacity : 0; + transform : unset; + will-change: unset; +} + +.fabfade-enter-active, +.fabfade-leave-active { + transition: unset; +} + +.fabfade-enter, +.fabfade-leave-to { + opacity : 0; + transform: scale(0.5); +} + +.fsModeSwitch-enter-active, +.fsModeSwitch-leave-active { + transition: unset; +} + +.fsModeSwitch-enter, +.fsModeSwitch-leave-to { + transform: scale(1.10); + opacity : 0; +} + + +.drawertransition-enter-active, +.drawertransition-leave-active { + transition: unset; +} + +.drawertransition-enter, +.drawertransition-leave-to { + right: -300px; +} \ No newline at end of file diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs index a3526a65..5b868266 100644 --- a/src/renderer/views/pages/settings.ejs +++ b/src/renderer/views/pages/settings.ejs @@ -991,6 +991,16 @@ newTheme: null } }, + mounted() { + this.themes.unshift({ + name: "Reduce Visuals", + file: "reduce_visuals.less" + }) + this.themes.unshift({ + name: "Inline Drawer", + file: "inline_drawer.less" + }) + }, methods: { gitHubExplore() { this.$root.appRoute("themes-github")