evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added multiple theme selector, compltely removed dark mode checkbox in settings

Browse Source
This commit is contained in:
Roberto Tonino
2020-05-14 18:57:43 +02:00
parent 62b3bb77c2
commit 88b51c09ac
8 changed files with 79 additions and 42221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/index.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="default">
<html lang="en" dir="ltr" data-theme="light">
<head>
<meta charset="utf-8">
@@ -9,8 +9,8 @@
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0">
<script>
if ('true' === localStorage.getItem('darkMode')) {
document.documentElement.setAttribute('data-theme', 'dark')
if (localStorage.getItem('selectedTheme')) {
document.documentElement.setAttribute('data-theme', localStorage.getItem('selectedTheme'))
}
</script>
</head>
@@ -57,10 +57,11 @@
<span class="main_tablinks_text">Info</span>
</span>
<span id="theme_selector" class="main_tablinks" role="link" aria-label="theme selector">
<i class="material-icons side_icon theme_selector_icon">brightness_3</i>
<i class="material-icons side_icon side_icon--theme">palette</i>
<div id="theme_togglers">
<div id="dark" class="theme_toggler"></div>
<div id="light" class="theme_toggler active"></div>
<div class="theme_toggler" data-theme-variant="purple"></div>
<div class="theme_toggler" data-theme-variant="dark"></div>
<div class="theme_toggler theme_toggler--active" data-theme-variant="light"></div>
</div>
</span>
</aside>
@@ -162,7 +163,8 @@
class="download_overlay"><i class="material-icons">get_app</i></div>
</div>
<p class="primary-text inline-flex">
<i v-if="[1, 4].indexOf(release.EXPLICIT_ALBUM_CONTENT.EXPLICIT_LYRICS_STATUS) != -1" class="material-icons explicit_icon">explicit</i>
<i v-if="[1, 4].indexOf(release.EXPLICIT_ALBUM_CONTENT.EXPLICIT_LYRICS_STATUS) != -1"
class="material-icons explicit_icon">explicit</i>
{{release.ALB_TITLE}}
</p>
<p class="secondary-text">{{release.ART_NAME+' - '+release.NUMBER_TRACK+' tracks'}}</p>
@@ -1150,4 +1152,4 @@
<script src="/public/js/bundle.js"></script>
</html>
</html>