Merge pull request #146 from RadArcadeKid/master

add: Phosphoria theme

Phosphoria/README.md

@@ -0,0 +1,17 @@
+# Phosphoria
+
+## Screenshots
+
+![Phosphoria](./screenshot1.png)
+
+## More
+
+A twist on the original Spotify dark theme; Phosphoria provides a more modern aesthetic and a glowing green phosphorus vibe.   
+
+
+ - Required Font: [Oswald](https://fonts.google.com/specimen/Oswald) (with Oswald Light)
+
+## Credits: 
+
+Developed and designed by [RadArcadeKid](https://github.com/RadArcadeKid), based on the the [Black](https://github.com/morpheusthewhite/spicetify-themes/tree/master/Black) and [Lovelace](https://github.com/morpheusthewhite/spicetify-themes/tree/master/Lovelace) themes. 
+

Phosphoria/color.ini

@@ -0,0 +1,20 @@
+[Base]
+; Phosphoria Theme
+main_fg                               = fafffe
+secondary_fg                          = 1adba8
+main_bg                               = 0f1211
+sidebar_and_player_bg                 = 0d1112
+cover_overlay_and_shadow              = 243035 
+indicator_fg_and_button_bg            = 00ffbb
+pressing_fg                           = 0000FF
+slider_bg                             = 2d4039
+sidebar_indicator_and_hover_button_bg = 02b585
+scrollbar_fg_and_selected_row_bg      = 3C494E
+pressing_button_fg                    = 02b585
+pressing_button_bg                    = 2d4039
+selected_button                       = 009688
+miscellaneous_bg                      = 02b585
+miscellaneous_hover_bg                = 404040
+preserve_1                            = 00ffc8
+
+; 0ef9a8

Phosphoria/user.css

@@ -0,0 +1,110 @@
+
+:root {
+	--bar-height: 120px;
+}
+
+/*Huge shoutout to adriankarlen for the clever thin scrollbar trick!*/
+::-webkit-scrollbar {
+	height: 6px !important;
+	width: 6px !important;
+	background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 3px !important;
+}
+
+::-webkit-scrollbar-button {
+	display: none !important;
+}
+
+
+/*Big Fonts, UI change*/
+h1 {
+    text-transform: uppercase !important;
+    font-family: 'Oswald'; 
+    font-stretch: extra-expanded !important;
+    letter-spacing: 10px !important; /*a e s t h e t i c*/
+}
+
+h2, h3 {
+    text-transform: uppercase !important;
+}
+
+
+
+/*Move player controls closer to the top of the navbar*/
+.view-player .player-controls-container {
+    padding-top: 2px;
+    padding-bottom: 15px; 
+}
+
+.view-player .player-controls-container .progress-container {
+    padding-top: 13px; 
+}
+
+.view-player .player-controls-container .controls {
+    margin-top: 9px !important; 
+}
+
+
+/*Move the progess bar around a bit so the glow stands out*/
+.progress-container .progress-bar,
+.progress-container .inner {
+    top: 0 !important;
+	margin-top: 0px !important;
+	height: 5px;
+}
+
+.progress-container .progress-bar-wrapper {
+	top: 0 !important;
+	height: 5px;
+}
+
+.progress-container {
+	bottom: var(--bar-height) !important;
+}
+
+/*Phosphorus-style Progress Bar!!*/
+.progress-container .inner {
+	border-radius: 0 2px 2px 0 !important;
+	background-color: var(--modspotify_secondary_fg) !important;
+	box-shadow: 0 0px 10px 0 var(--modspotify_secondary_fg);
+}
+
+.nav.navbar-nav {
+	overflow: hidden !important;
+}
+
+.nav.navbar-nav a {
+	overflow: visible !important;
+}
+
+.nav.navbar-nav a::after {
+	bottom: 0px !important;
+	width: 100% !important;
+}
+
+.nav.navbar-nav .active  a::after{
+	box-shadow: 0 0px 20px !important;
+}
+
+.nav.navbar-nav a:focus:not(.button):active::after{
+	background-color: var(--modspotify_pressing_fg) !important;
+}
+
+
+/*Bottom bar too bright with the normal forground color, changed to be more subtle*/
+.view-player .remote-playback-bar {
+    background-color: var(--modspotify_slider_bg) !important; 
+}
+
+.view-player .remote-playback-bar .arrow {
+    border-bottom-color: var(--modspotify_slider_bg) !important; 
+}
+
+/*Adjust font*/
+.view-player .track a {
+    font-family: "Oswald Light";
+    font-size: 21px; 
+}