├── Assets └── logo.svg ├── INSTALL.md ├── LICENSE ├── Preview.png ├── README.md ├── index.less ├── screenshot.png └── theme.json /Assets/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /INSTALL.md: -------------------------------------------------------------------------------- 1 | # [Cider](https://cider.sh) 2 | 3 | ## Enable using the "Install" Button 4 | 5 | 1. Go to Cider Music Settings. 6 | 2. Click on the `Manage Styles` button under the Visual section. 7 | 3. Click on the `Explore GitHub Themes` button. 8 | 4. Look for `Dracula Dark theme for Cider` and click on it. 9 | 5. Click on the `Install` button and select the theme (if you have to). The theme should be applied. 10 | 11 | ## Enable using Github URL 12 | 13 | 1. Go to Cider Music Settings. 14 | 2. Click on the `Manage Styles` button under the Visual section. 15 | 3. Click on the `Explore GitHub Themes` button. 16 | 4. Click on the `Install from GitHub URL` 17 | 5. Copy paste this link "https://github.com/dracula/cider" in the Text Box. 18 | 6. Click on the `Ok` button. 19 | 7. Select the Theme and It should be applied. 20 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Monochromish 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/cider/9d3178d94539e57575d10a62ad3257d4375ba0af/Preview.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Dracula for [Cider](https://cider.sh) 2 | 3 | > A dark theme for [Cider](https://cider.sh). 4 | 5 | ![Screenshot](https://raw.githubusercontent.com/dracula/cider/main/screenshot.png) 6 | 7 | ![Screenshot](https://raw.githubusercontent.com/dracula/cider/main/Preview.png) 8 | 9 | ## Install 10 | 11 | All instructions can be found at [draculatheme.com/cider](https://draculatheme.com/cider). 12 | 13 | ## Team 14 | 15 | This theme is maintained by [Monochromish](https://github.com/Monochromish) and these [awesome contributors](https://github.com/dracula/cider/graphs/contributors). 16 | 17 | ## Community 18 | 19 | - [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff. 20 | - [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues. 21 | - [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community. 22 | 23 | ## License 24 | 25 | [MIT License](./LICENSE) 26 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | :root { 2 | --keyColor: #bd93f9; 3 | --sidebarColor: #282a36; 4 | --sidebarColorDark: #21222c; 5 | --sidebarColorMix: #282a36; 6 | } 7 | div#app { 8 | --color1: var(--sidebarColor); 9 | --color2: var(--sidebarColor); 10 | --bgColor: transparent; 11 | --bgWidth: 0px; 12 | --bgHeight: 0px; 13 | --chromeHeight: 55px; 14 | --keyColor: #bd93f9; 15 | width: 100%; 16 | height: 100%; 17 | background: var(--sidebarColor); 18 | color: white; 19 | user-select: none; 20 | margin: 0 auto; 21 | position: relative; 22 | overflow: hidden; 23 | background-size: 400% 400%; 24 | 25 | &.simplebg { 26 | background: var(--sidebarColor); 27 | } 28 | 29 | button:hover { 30 | .svg-icon { 31 | --color: var(--keyColor); 32 | } 33 | } 34 | 35 | .cd-mediaitem-list-item .listitem-content:hover { 36 | background: rgba(189, 147, 249, 0.25); 37 | } 38 | .cd-mediaitem-list-item.mediaitem-selected { 39 | background: rgba(189, 147, 249, 0.25); 40 | } 41 | 42 | .app-sidebar-footer { 43 | border: 0px; 44 | } 45 | 46 | .app-chrome { 47 | box-shadow: none; 48 | background-color: var(--sidebarColorDark); 49 | 50 | .app-chrome-item > .app-mainmenu { 51 | background: url(./Assets/logo.svg); 52 | } 53 | 54 | .app-chrome-item { 55 | &.volume { 56 | input[type='range'] { 57 | background: rgba(189, 147, 249, 0.25); 58 | 59 | &::-webkit-slider-thumb { 60 | background: var(--keyColor); 61 | } 62 | } 63 | } 64 | } 65 | } 66 | 67 | .usermenu-item:hover { 68 | background: var(--keyColor); 69 | } 70 | 71 | .md-btn.md-btn-primary { 72 | background: var(--keyColor); 73 | color: white; 74 | border: 1px solid rgba(189, 147, 249, 0.25); 75 | border-top: 1px solid rgba(189, 147, 249, 0.5); 76 | } 77 | } 78 | 79 | #app-sidebar { 80 | background: var(--sidebarColorDark); 81 | } 82 | 83 | #app.twopanel { 84 | .app-chrome:not(.chrome-bottom) 85 | .app-chrome--center 86 | .top-nav-group 87 | .app-sidebar-item:before { 88 | background: var(--keyColor); 89 | } 90 | 91 | .app-chrome.chrome-bottom { 92 | background: var(--sidebarColorDark); 93 | box-shadow: none !important; 94 | } 95 | } 96 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dracula/cider/9d3178d94539e57575d10a62ad3257d4375ba0af/screenshot.png -------------------------------------------------------------------------------- /theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Dracula Theme", 3 | "description": "Dracula Theme for Cider Music", 4 | "version": "1.8.0", 5 | "author": "Monochromish", 6 | "github_repo": "dracula/cider" 7 | } --------------------------------------------------------------------------------