From 26d020976372e678a22e10357e416eb4d3ea28d6 Mon Sep 17 00:00:00 2001 From: benonymity Date: Sat, 23 Dec 2023 00:00:50 -0500 Subject: [PATCH 1/5] fix: ios status bar mirror theme --- assets/app.css | 6 +----- assets/tailwind.css | 6 +++++- tailwind.config.js | 3 +-- 3 files changed, 7 insertions(+), 8 deletions(-) diff --git a/assets/app.css b/assets/app.css index 33561947..e5d5588b 100644 --- a/assets/app.css +++ b/assets/app.css @@ -16,10 +16,6 @@ textarea { user-select: auto; } -body { - background-color: #262626; -} - .layout-wrapper { height: calc(100vh - env(safe-area-inset-top)); min-height: calc(100vh - env(safe-area-inset-top)); @@ -167,4 +163,4 @@ Bookshelf Label .tracksTable th { padding: 4px 8px; font-size: 0.75rem; -} \ No newline at end of file +} diff --git a/assets/tailwind.css b/assets/tailwind.css index 7b8f598a..2fd04bd2 100644 --- a/assets/tailwind.css +++ b/assets/tailwind.css @@ -40,4 +40,8 @@ --gradient-audio-player: linear-gradient(169deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 80%); --gradient-minimized-audio-player: linear-gradient(145deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.9) 20%, rgb(255, 255, 255) 60%); } -} \ No newline at end of file + + body { + @apply bg-primary + } +} diff --git a/tailwind.config.js b/tailwind.config.js index 2c6497ea..cbc609d4 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,14 +1,13 @@ const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { - purge: { + content: { safelist: [ 'bg-success', 'bg-info', 'text-info' ] }, - darkMode: false, theme: { extend: { screens: { From 439ab2c8c0bfb4cce9af1b78fcb454a1afa080c8 Mon Sep 17 00:00:00 2001 From: benonymity Date: Sat, 23 Dec 2023 01:45:40 -0500 Subject: [PATCH 2/5] fix: item page background conflict --- assets/tailwind.css | 8 ++++---- components/app/AudioPlayer.vue | 1 + pages/item/_id/index.vue | 2 +- tailwind.config.js | 3 --- 4 files changed, 6 insertions(+), 8 deletions(-) diff --git a/assets/tailwind.css b/assets/tailwind.css index 2fd04bd2..f52c759f 100644 --- a/assets/tailwind.css +++ b/assets/tailwind.css @@ -17,8 +17,8 @@ --color-track-cursor: 229 231 235; --color-track: 107 114 128; --color-track-buffered: 75 85 99; - --gradient-item-page: linear-gradient(169deg, rgba(0, 0, 0, 0.4) 0%, rgba(55, 56, 56, 1) 80%); - --gradient-audio-player: linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(38, 38, 38, 1) 80%); + --gradient-item-page: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(55, 56, 56, 1) 80%); + --gradient-audio-player: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(38, 38, 38, 1) 80%); --gradient-minimized-audio-player: linear-gradient(145deg, rgba(38, 38, 38, 0.5) 0%, rgba(38, 38, 38, 0.9) 20%, rgb(38, 38, 38) 60%); } @@ -36,8 +36,8 @@ --color-track-cursor: 101 109 118; --color-track: 189 191 191; --color-track-buffered: 129 131 131; - --gradient-item-page: linear-gradient(169deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 80%); - --gradient-audio-player: linear-gradient(169deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 80%); + --gradient-item-page: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 80%); + --gradient-audio-player: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); --gradient-minimized-audio-player: linear-gradient(145deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.9) 20%, rgb(255, 255, 255) 60%); } diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue index 3bd04383..85d54b4d 100644 --- a/components/app/AudioPlayer.vue +++ b/components/app/AudioPlayer.vue @@ -164,6 +164,7 @@ export default { showFullscreen(val) { this.updateScreenSize() this.$store.commit('setPlayerFullscreen', !!val) + document.querySelector('body').style.backgroundColor = this.showFullscreen ? this.coverRgb : "" }, bookCoverAspectRatio() { this.updateScreenSize() diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue index f9a290ba..a1530f08 100644 --- a/pages/item/_id/index.vue +++ b/pages/item/_id/index.vue @@ -1,7 +1,7 @@