Merge pull request #27 from pixelcrisis/dev

Build v5.4.0
pixelcrisis · Apr 7, 2021 · 00d572b · 00d572b
2 parents f1b786f + a43fea0
commit 00d572b
Show file tree

Hide file tree

Showing 21 changed files with 261 additions and 39 deletions.
diff --git a/build/manifest.json b/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "turnStyles for turntable.fm",
-  "version": "5.3.5",
+  "version": "5.4.0",
   "description": "Apply tweaks to turntable.fm - autobop, autodj, themes, styles, and more!",
   "manifest_version": 2,
   "icons": {

diff --git a/build/styles/blue.css b/build/styles/blue.css
@@ -1,10 +1,14 @@
 #ts_slider,
+.overlay .modal,
 .score.scoregood,
 #settings .option.selected,
 .floating-menu .option.active,
 .floating-menu .option.selected {
   background: #3a88ff !important; }
 
+.mini-djs .mini-dj.active .avatar-head {
+  box-shadow: inset 0 0 0 2px #3a88ff !important; }
+
 .song .progress,
 .chat .message.mention {
   background: rgba(58, 136, 255, 0.2) !important; }
@@ -14,15 +18,21 @@
 #pmWindows a,
 #ts_window h4,
 #topBG #content a,
+.profile .statslink a,
+#myInfo .myName:hover,
+#myInfo .myFans:hover,
 .current-song .details,
 #ts_window .ts_credits a,
+.mini-room-current-dj-name,
 .lobby-panel .buddyRoomName,
 .roomListItem .needed .count,
 #ts_hotbar input:checked:after,
 #ts_window input:checked:after,
 .tab-item:not(.selected):hover .tab-title,
 .chat .message:not(.stat) .subject:hover,
-.chat .message:not(.stat) .speaker:hover {
+.chat .message:not(.stat) .speaker:hover,
+.fans .stat-number:not(.disabled):hover,
+.fanofs .stat-number:not(.disabled):hover {
   color: #89b8ff !important; }
 
 .chat .message.mention {
@@ -45,6 +55,9 @@
 .invite-dj,
 .header-logo,
 .song-details,
+.songboard-add,
+.mini-djs .invite-dj-btn,
+.mini-djs .become-dj-btn,
 .favorite-star.favorited,
 .buddyListRoom .joinRoomButton,
 #privateChatIcon.open .chatIcon {
@@ -54,6 +67,7 @@
   filter: sepia(1) hue-rotate(180deg) saturate(4); }
 
 #create-room,
+.modal .title,
 #buddyListHeader,
 .tab-item:active,
 .tab-item.selected,

diff --git a/build/styles/green.css b/build/styles/green.css
@@ -1,10 +1,14 @@
 #ts_slider,
+.overlay .modal,
 .score.scoregood,
 #settings .option.selected,
 .floating-menu .option.active,
 .floating-menu .option.selected {
   background: #46a100 !important; }
 
+.mini-djs .mini-dj.active .avatar-head {
+  box-shadow: inset 0 0 0 2px #46a100 !important; }
+
 .song .progress,
 .chat .message.mention {
   background: rgba(70, 161, 0, 0.2) !important; }
@@ -14,15 +18,21 @@
 #pmWindows a,
 #ts_window h4,
 #topBG #content a,
+.profile .statslink a,
+#myInfo .myName:hover,
+#myInfo .myFans:hover,
 .current-song .details,
 #ts_window .ts_credits a,
+.mini-room-current-dj-name,
 .lobby-panel .buddyRoomName,
 .roomListItem .needed .count,
 #ts_hotbar input:checked:after,
 #ts_window input:checked:after,
 .tab-item:not(.selected):hover .tab-title,
 .chat .message:not(.stat) .subject:hover,
-.chat .message:not(.stat) .speaker:hover {
+.chat .message:not(.stat) .speaker:hover,
+.fans .stat-number:not(.disabled):hover,
+.fanofs .stat-number:not(.disabled):hover {
   color: #90c766 !important; }
 
 .chat .message.mention {
@@ -45,6 +55,9 @@
 .invite-dj,
 .header-logo,
 .song-details,
+.songboard-add,
+.mini-djs .invite-dj-btn,
+.mini-djs .become-dj-btn,
 .favorite-star.favorited,
 .buddyListRoom .joinRoomButton,
 #privateChatIcon.open .chatIcon {
@@ -54,6 +67,7 @@
   filter: sepia(1) hue-rotate(50deg) saturate(4); }
 
 #create-room,
+.modal .title,
 #buddyListHeader,
 .tab-item:active,
 .tab-item.selected,

diff --git a/build/styles/pink.css b/build/styles/pink.css
@@ -1,10 +1,14 @@
 #ts_slider,
+.overlay .modal,
 .score.scoregood,
 #settings .option.selected,
 .floating-menu .option.active,
 .floating-menu .option.selected {
   background: #d554da !important; }
 
+.mini-djs .mini-dj.active .avatar-head {
+  box-shadow: inset 0 0 0 2px #d554da !important; }
+
 .song .progress,
 .chat .message.mention {
   background: rgba(213, 84, 218, 0.2) !important; }
@@ -14,15 +18,21 @@
 #pmWindows a,
 #ts_window h4,
 #topBG #content a,
+.profile .statslink a,
+#myInfo .myName:hover,
+#myInfo .myFans:hover,
 .current-song .details,
 #ts_window .ts_credits a,
+.mini-room-current-dj-name,
 .lobby-panel .buddyRoomName,
 .roomListItem .needed .count,
 #ts_hotbar input:checked:after,
 #ts_window input:checked:after,
 .tab-item:not(.selected):hover .tab-title,
 .chat .message:not(.stat) .subject:hover,
-.chat .message:not(.stat) .speaker:hover {
+.chat .message:not(.stat) .speaker:hover,
+.fans .stat-number:not(.disabled):hover,
+.fanofs .stat-number:not(.disabled):hover {
   color: #e698e9 !important; }
 
 .chat .message.mention {
@@ -45,6 +55,9 @@
 .invite-dj,
 .header-logo,
 .song-details,
+.songboard-add,
+.mini-djs .invite-dj-btn,
+.mini-djs .become-dj-btn,
 .favorite-star.favorited,
 .buddyListRoom .joinRoomButton,
 #privateChatIcon.open .chatIcon {
@@ -54,6 +67,7 @@
   filter: sepia(1) hue-rotate(250deg) saturate(4); }
 
 #create-room,
+.modal .title,
 #buddyListHeader,
 .tab-item:active,
 .tab-item.selected,

diff --git a/build/styles/purple.css b/build/styles/purple.css
@@ -1,10 +1,14 @@
 #ts_slider,
+.overlay .modal,
 .score.scoregood,
 #settings .option.selected,
 .floating-menu .option.active,
 .floating-menu .option.selected {
   background: #9075ff !important; }
 
+.mini-djs .mini-dj.active .avatar-head {
+  box-shadow: inset 0 0 0 2px #9075ff !important; }
+
 .song .progress,
 .chat .message.mention {
   background: rgba(144, 117, 255, 0.2) !important; }
@@ -14,15 +18,21 @@
 #pmWindows a,
 #ts_window h4,
 #topBG #content a,
+.profile .statslink a,
+#myInfo .myName:hover,
+#myInfo .myFans:hover,
 .current-song .details,
 #ts_window .ts_credits a,
+.mini-room-current-dj-name,
 .lobby-panel .buddyRoomName,
 .roomListItem .needed .count,
 #ts_hotbar input:checked:after,
 #ts_window input:checked:after,
 .tab-item:not(.selected):hover .tab-title,
 .chat .message:not(.stat) .subject:hover,
-.chat .message:not(.stat) .speaker:hover {
+.chat .message:not(.stat) .speaker:hover,
+.fans .stat-number:not(.disabled):hover,
+.fanofs .stat-number:not(.disabled):hover {
   color: #bcacff !important; }
 
 .chat .message.mention {
@@ -45,6 +55,9 @@
 .invite-dj,
 .header-logo,
 .song-details,
+.songboard-add,
+.mini-djs .invite-dj-btn,
+.mini-djs .become-dj-btn,
 .favorite-star.favorited,
 .buddyListRoom .joinRoomButton,
 #privateChatIcon.open .chatIcon {
@@ -54,6 +67,7 @@
   filter: sepia(1) hue-rotate(245deg) saturate(4); }
 
 #create-room,
+.modal .title,
 #buddyListHeader,
 .tab-item:active,
 .tab-item.selected,

diff --git a/build/styles/teal.css b/build/styles/teal.css
@@ -1,10 +1,14 @@
 #ts_slider,
+.overlay .modal,
 .score.scoregood,
 #settings .option.selected,
 .floating-menu .option.active,
 .floating-menu .option.selected {
   background: #00a5bc !important; }
 
+.mini-djs .mini-dj.active .avatar-head {
+  box-shadow: inset 0 0 0 2px #00a5bc !important; }
+
 .song .progress,
 .chat .message.mention {
   background: rgba(0, 165, 188, 0.2) !important; }
@@ -14,15 +18,21 @@
 #pmWindows a,
 #ts_window h4,
 #topBG #content a,
+.profile .statslink a,
+#myInfo .myName:hover,
+#myInfo .myFans:hover,
 .current-song .details,
 #ts_window .ts_credits a,
+.mini-room-current-dj-name,
 .lobby-panel .buddyRoomName,
 .roomListItem .needed .count,
 #ts_hotbar input:checked:after,
 #ts_window input:checked:after,
 .tab-item:not(.selected):hover .tab-title,
 .chat .message:not(.stat) .subject:hover,
-.chat .message:not(.stat) .speaker:hover {
+.chat .message:not(.stat) .speaker:hover,
+.fans .stat-number:not(.disabled):hover,
+.fanofs .stat-number:not(.disabled):hover {
   color: #66c9d7 !important; }
 
 .chat .message.mention {
@@ -45,6 +55,9 @@
 .invite-dj,
 .header-logo,
 .song-details,
+.songboard-add,
+.mini-djs .invite-dj-btn,
+.mini-djs .become-dj-btn,
 .favorite-star.favorited,
 .buddyListRoom .joinRoomButton,
 #privateChatIcon.open .chatIcon {
@@ -54,6 +67,7 @@
   filter: sepia(1) hue-rotate(160deg) saturate(4); }
 
 #create-room,
+.modal .title,
 #buddyListHeader,
 .tab-item:active,
 .tab-item.selected,

diff --git a/build/themes/cosmic.css b/build/themes/cosmic.css
@@ -10,7 +10,9 @@
 .striped-list > :nth-child(even):not(.separator),
 .song-list > ul > :nth-child(even):not(.separator),
 .message-history > :nth-child(even):not(.separator),
-.conversations-list > ul > :nth-child(even):not(.separator), .message-history, #ts_hotbar,
+.conversations-list > ul > :nth-child(even):not(.separator), .message-history,
+.conversations-list,
+.mini-pms-view .bottom-bar, #ts_hotbar,
 #ts_window {
   box-shadow: none !important;
   text-shadow: none !important;
@@ -44,7 +46,9 @@
   background: #291f4a !important; }
 
 #chat-input,
+.overlay textarea,
 #song-search-input,
+.overlay input.text,
 .room-search-input input, .message-input {
   border: none !important;
   box-shadow: none !important;
@@ -71,9 +75,11 @@
 
 .tab-pane a,
 #pmWindows a,
-#topBG #content a {
+#topBG #content a,
+.profile .statslink a {
   color: #e1bb22 !important;
   text-decoration: none !important;
+  background: transparent !important;
   border-bottom: 1px dotted !important; }
 
 #mainNav li:not(.selected) .nav-text,
@@ -84,6 +90,17 @@
 #mainNav li.selected {
   background: #1d1634 !important; }
 
+.mini-room-view {
+  background-color: transparent !important; }
+
+.miniplayer .songboard {
+  filter: grayscale(1); }
+
+.song-playing .songboard-time,
+.song-playing .songboard-time-left,
+.song-playing .songboard-progress-bar {
+  bottom: -59px; }
+
 .room-tab .room-name {
   color: #ede8ff !important; }
 
@@ -198,6 +215,8 @@
 
 .overlay .modal {
   background: #e1bb22 !important; }
+  .overlay .modal .title {
+    color: #ffffff !important; }
   .overlay .modal .content-container {
     background: #19132d !important; }
     .overlay .modal .content-container .content {
@@ -278,14 +297,16 @@
 .song-search {
   left: 36px; }
 
-#chat-input::-moz-placeholder, #song-search-input::-moz-placeholder, .room-search-input input::-moz-placeholder {
+#chat-input::-moz-placeholder, .overlay textarea::-moz-placeholder, #song-search-input::-moz-placeholder, .overlay input.text::-moz-placeholder, .room-search-input input::-moz-placeholder {
   color: #b19cff !important; }
 
-#chat-input:-ms-input-placeholder, #song-search-input:-ms-input-placeholder, .room-search-input input:-ms-input-placeholder {
+#chat-input:-ms-input-placeholder, .overlay textarea:-ms-input-placeholder, #song-search-input:-ms-input-placeholder, .overlay input.text:-ms-input-placeholder, .room-search-input input:-ms-input-placeholder {
   color: #b19cff !important; }
 
 #chat-input::placeholder,
+.overlay textarea::placeholder,
 #song-search-input::placeholder,
+.overlay input.text::placeholder,
 .room-search-input input::placeholder {
   color: #b19cff !important; }