Git Product home page Git Product logo

spotio's Introduction

Spotio for Spotify.app

Spotio screenshot

If you decided to go with Spotify after Rdio was bought but, like me, you miss Rdio's light UI, you're in luck—I discovered that you can skin the Spotify app with CSS.

Disclaimer: I have nothing but respect for the Spotify design and engineering teams, and undertaking this project has served only to increase that respect. They're really, really brilliant teams doing things that I admire greatly. I appreciate the design decisions they made while designing the app, but I prefer a light theme in my apps, so this project is merely an attempt to cater to my love of Rdio, not to do it "better" than the Spotify team did.


Download

IMPORTANT: Make sure you allow opening applications from anywhere in your Mac's Security preferences, otherwise this app will not work.

Make sure you quit (cmd + q) your local Spotify.app before launching my version, otherwise my version won't launch.

Download the latest release: https://github.com/devinhalladay/spotio/releases/latest.

To-do

  • Add a Grunt task to setup the local repo for people who have just cloned this repo for development.
  • Add documentation guide for contributing to this repo.
  • Design new icons for the app for v1.1 public release.
  • HIGH PRIORITY: Figure out how to get access to the rendered DOM from Chromium Embedded Framework so I can fully style all elements.
  • Streaming build system so I don't need to keep rebuilding and recompiling every single Sass file when I make a single change.

Development

Originally, I used bash scripts to manage development for this app, but I switched to a streaming build system using Grunt.

Grunt Tasks

  • sudo grunt: Build all CSS and watch for changes
  • sudo grunt clean:spa: Deletes all .spa files from .tmp/Spotify.app
  • sudo grunt clean:oldApps: Deletes old apps in .tmp
  • sudo grunt download: Downloads latest spotify binary and places it in .tmp/
  • sudo grunt shell:extract: Extracts the most recently downloaded Spotify.app from .tmp/Spotify.dmg
  • sudo grunt compress: Compress your Spotify.app into a distributable .zip
  • sudo grunt copy:icon: Copies the custom icon into dist/Spotify.app

License

MIT License

Copyright (c) 2016 Devin Halladay [email protected]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

spotio's People

Contributors

coletownsend avatar devinhalladay avatar sandervankasteel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spotio's Issues

Spotify self-heals after modifying the SPA files

I just tried manually implementing the theme, by injecting theme files into the SPA files.

When opening Spotify, the SPA files was "healed" by spotify - by re-downloading the SPA file.

I guess this needs to be countered some way for this Theme mod to work ..

PS4

Apparently, there's a Spotify app for PS4...is it feasible to port Spotio over since PS4 doesn't allow homebrew code? Maybe code injection from the hard drive? I've no experience with the PS4 operating system so I don't know about the development process but if anyone knows anything on the subject please post a comment here and we can feel out whether this is even feasible—even if it is, this would be far down the roadmap (first comes Windows, Linux, iOS, and Android)

The Updated Spotify Interface Slightly Breaks Spotio

screenshot from 2016-11-25 12-07-05

Its not terrible, just the new bottom bar. I don't really know where to begin or I'd submit a pull request, but honestly it looks like one new color element. Hopefully it it isn't that big of a deal. Any guidance would be greatly appreciated!

Is this project still active?

Sorry, not really an issue. I have been going through the live issues and can't quite tell if this is supposed to be functioning on mac atm… I haven't been able to get it working personally but I'm no whizz.

Fix the "broken app" bug

Bug: When launching the app on a Mac after downloading, Mac OS X may tell the user that the app is broken and cannot be launched.

Reproduction steps:

  • Download the app via the website or via Github's releases
  • Change your Mac's security prefs to only allow apps from identified developers
  • Launch the app
  • The expected outcome is that the app will appear broken.

Current workaround:

  • Go into your system security prefs and allow opening apps from anywhere.
  • Launch the app.
  • The expected outcome is that the app will launch properly.

I need to create a fix for this as soon as possible, if anyone wants to take a stab at it I'd be more than grateful.

"Spotify" is damaged and can't be opened.

Hi all,

From reading around, I'm under the impression that Spotio is no longer in development, and any errors aren't correctable.

That, just in case I'm being dense; I downloaded and unzipped, and when opening the app receive the error "Spotify" is damaged and can't be opened."

I take it the app is currently not useable?

Spotify broke our build system

So, Spotify started using an installer instead of directly downloading the .app inside a .zip. This means our build system/setup for the build system is entirely broken.

I'm looking into workarounds now, but this may add a good deal of complication to our future development process

Doesn't work on Elementary OS

I'm running Spotio on Elementary OS - Juno, built on Ubuntu 18.04.2 LTS (running GTK+ 3.22.30).

When I open this the layout is visible for a split second, after which it fades into complete white rendering the application unusable.

I've uploaded a low res screen cap of the entire thing - Giphy Link

Any idea what is going wrong here?
Thanks

Differentiate between playable and unplayable songs

For users (like me) who have enabled the setting "Show unavailable songs in playlists" there should be a visual differentiation between playable and unplayable songs. Currently they look the same.

screen shot 2016-08-25 at 12 04 53

Spotify's way of differentiation between playable and unplayable songs:
screen shot 2016-08-25 at 12 09 02

The Taylor Swift song is unplayable in Spotify

alert saying app is damaged?

image

I keep getting this, after downloading from multiple browsers.

¯_(ツ)_/¯

I really appreciate you working on this, I love the design and am just excited to use it.

Font suggestion

Not really an issue, but still.
Rdio used 'Whitney', good alternatives are:
Museo Sans, FF Dagny, FF Meta, or Ratio

Spotify doesn't like spotio's icons.

I maintain the spotio package on the AUR, and wanted to use a modified .desktop file and icons instead of the default spotify ones.
So this morning i worked to replace all the icons, but spotio doesn't want to use them.
Here are the file permission of normal spotify:

-rw-r--r-- 1 root root  24K  1 set 18.45 spotify_icon.ico
-rw-r--r-- 1 root root 8,0K  1 set 18.45 spotify-linux-128.png
-rw-r--r-- 1 root root  890  1 set 18.45 spotify-linux-16.png
-rw-r--r-- 1 root root 1,2K  1 set 18.45 spotify-linux-22.png
-rw-r--r-- 1 root root 1,4K  1 set 18.45 spotify-linux-24.png
-rw-r--r-- 1 root root  17K  1 set 18.45 spotify-linux-256.png
-rw-r--r-- 1 root root 1,7K  1 set 18.45 spotify-linux-32.png
-rw-r--r-- 1 root root 2,9K  1 set 18.45 spotify-linux-48.png
-rw-r--r-- 1 root root  26K  1 set 18.45 spotify-linux-512.png
-rw-r--r-- 1 root root 3,2K  1 set 18.45 spotify-linux-64.png

And the window icon is right:
selezione_002
And here are the spotio's file permissions and screen:

-rw-r--r-- 1 root root 9,5K  9 set 10.41 spotify_icon.ico
-rw-r--r-- 1 root root  14K  9 set 10.41 spotify-linux-128.png
-rw-r--r-- 1 root root  604  9 set 10.41 spotify-linux-16.png
-rw-r--r-- 1 root root 1,1K  9 set 10.41 spotify-linux-22.png
-rw-r--r-- 1 root root 1,5K  9 set 10.41 spotify-linux-24.png
-rw-r--r-- 1 root root  28K  9 set 10.41 spotify-linux-256.png
-rw-r--r-- 1 root root 1,5K  9 set 10.41 spotify-linux-32.png
-rw-r--r-- 1 root root 3,7K  9 set 10.41 spotify-linux-48.png
-rw-r--r-- 1 root root  86K  9 set 10.41 spotify-linux-512.png
-rw-r--r-- 1 root root 5,3K  9 set 10.41 spotify-linux-64.png

selezione_003

Also, it says that spotio's missing the spotify-linux-512.png file in /usr/share/spotify/icons , while it clearly is there.

The output of spotio.
The output of spotify.

Maybe spotify has a built-in hash checker for his files?

Windows support

Is there any way that this can be ported to Windows? Would love to try this theme out but I have a Windows machine.

Update skin to new version of Spotify CSS

The Spotify app has changed drastically since the last version of Spotio was released, so before we can even think about fixing the crashes and beginning to distribute Spotio again, we need to update the CSS.

If anyone has time to contribute, it would be greatly appreciated!

Overall font color

Hi!

First of all i want to congratz for the amazing job and effort that you did here!
But there are one thing that i dont personally like (maybe there are more people saying the same), its about the overall color of text. I think that its to bright that I find its hard to read. My sugestion is make font color more darker and maybe more thicker.

Thank you for attencion!
Greetings

Create internal update system

We need an internal update system to keep everyone up-to-date with the latest version of Spotio.

I have absolutely zero experience with anything like that so I'd appreciate all the help I can get!!

The ideal functionality would be something like this:

  • When Spotio is launched, check to see if an update has been posted on Spotify's server.
  • If it has, prevent the default app's update and alert me that there's an update
  • I'll update the Spotio code and push a new release
  • Then the Spotio app will download the latest release

Again, I have NO idea how this kind of thing works so I'm just spitballing, but this feature is a MUST HAVE. Anyone up for the challenge??

Spotio quits shortly after opening and is replaced with regular Spotify

@devinhalladay

@sandervankasteel Hey (fe)ma(le)n(s).

Love all the work you've done, it looks amazing, and I am super glad it's out in the open. But I have been having a major problem, I downloaded the app a few minutes ago. And although i have set my mac to automatically accept opening applications from foreign places, my computer still asked, but it opened anyways, so i thought that was fine. Anyway, I deleted my old Spotify and opened up the new one. It got interesting when Spotio launched, everything looked fine, but my albums weren't showing up and there was a considerable amount of lag (although that lag may be normal). On top of this, the app would close after a couple seconds of opening, immediately replaced by the old Spotify. It didn't matter how many times i tried, Spotio would just crash, (also seemed to change the app icon when i moved it to my desktop). Spotio played music fine and looked awesome, with the exception of the lag (maybe) and the missing albums. I was just wondering if you have a solution or feedback to all or any of my issues here?

spotio issue.mp4.zip

ZIP file containing mp4 video of my issue

Much Love

Wilco

Styling of the "Discover weekly" playlist

The styling of the "Discover weekly" playlist isn't inline / consistent with the rest of the Spotio styling. From what I gathered from their JavaScript;

Source: Contents/Resources/Apps/playlist-desktop/bundle.js

Line 1341:

/**
 * Add class for Discover Weekly playlists
 */
function addDiscoverWeeklyClass() {
  document.body.classList.add('discover-weekly');
}

Spotify has added an exception for this particular use case. My best guess / suggestion to tackle this, is to do a CSS invert on the image / whole background div.

screen shot 2016-08-23 at 09 38 14

Spotio doesnt open

Hi, I cant seem to open Spotio, its telling me its damaged. Can you help? Thank you

Spotify Update Shuts Down Skin

I've installed Spotio but the auto update on Spotify keeps getting rid of the skin. I've tried methods of stopping Spotify's auto update but to no avail.

Daily Mix link does not showing in Spotio Theme

Daily Mix Link is not visible on Spotio Theme and it is DARK from original theme:
spotify 1.0.49.125-1
Manjaro x86_64

screenshot_20170220_112635

Link for Daily Mixes GONE, I closed app when Daily Mix Tab was showed up, so after new launch with Spotio Theme in box is dark default

screenshot_20170220_112724

Resigning OS X / Mac OS application

On OS X / Mac OS we need a way to resign the Spotify.app, so we don't have to keep telling users to disable their GateKeeper (which is just generally a bad idea).

This issue relies on the outcome of issue #5 . Because if we choice to create our patcher application, we need to add to that patching process, that we resign the application with "our" keys or the user's local keys (which are accepted by default and won't cost any money!).

Mozilla has a nice "tutorial" on how they do it during their build process: https://developer.mozilla.org/nl/docs/Mozilla/Signing_Mozilla_apps_for_Mac_OS_X

PS. This issue is mainly used for brainstorming.

Spotify is opened as normal without any change

I downloaded the app (blue app icon in downloads folder).
The app icon in the dock changes to the normal green once the app is started and also the user interface is exactly the same as before (black, not white).

Android support

I wanna see if this is possible, I don't think it is impossible but it all depends if Spotify does any obfuscation on their binaries files and how the internal structure is setup of the Android application.

Linux support

Just creating an issue here so we have a place to talk about Linux support; it should theoretically be a simple porting process.

"Something broke. Failed to load error"

After downloading I've found the only page that can load is the Browse page. After that any other tab or page will not load what so ever. I made sure my Mac Security setting were correct with downloads from anywhere. I can build up a queue from my phone but after that it's pretty much unresponsive.
screen shot 2016-08-24 at 3 52 04 pm
screen shot 2016-08-24 at 3 52 41 pm
screen shot 2016-08-24 at 3 52 41 pm
screen shot 2016-08-24 at 3 53 27 pm

iOS support

I'll begin looking into this later on this week. I have no idea if Spotify uses the same sort of skinning system in iOS but one can only hope.

If they do, skinning will be easy, but we will have to distribute the app via Cydia and AppAddict or iSignCloud in order to sign it on non-jailbroken devices. Are there any other methods to do this without jailbreaking?

Cannot launch after first download

I downloaded the latest version 1.0.2 on August 24, 2016 on a Mac with the latest OS. Once unzipped and moved to the Applications folder, launching the app gives a message "Spotify.app is damaged and can't be opened. You should move it to the Trash." Attempted to re-download and open a couple times with the same issue.
screen shot 2016-08-24 at 6 27 23 pm

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.