diff --git a/src/App.vue b/src/App.vue index db079c13..dca30f59 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,7 +7,7 @@ Copyright © 2021 - present Aleksey Hoffman. All rights reserved. @@ -204,7 +204,7 @@ export default { storageDataSettings: 'storageData.settings', themeType: 'storageData.settings.theme.type', overlayInboundDrag: 'overlays.inboundDrag', - displayAccentColorBackgrounds: 'storageData.settings.displayAccentColorBackgrounds', + dirItemBackground: 'storageData.settings.dirItemBackground', visualFiltersApplyFiltersToMediaElements: 'storageData.settings.visualFilters.applyFiltersToMediaElements', visualFiltersContrastValue: 'storageData.settings.visualFilters.contrast.value', visualFiltersBrightnessValue: 'storageData.settings.visualFilters.brightness.value', diff --git a/src/components/DirItem.vue b/src/components/DirItem.vue index 92fb7bc6..0a0c9014 100644 --- a/src/components/DirItem.vue +++ b/src/components/DirItem.vue @@ -1251,10 +1251,10 @@ export default { .dir-item-card__thumb-container { width: 48px; height: 48px; - background-color: rgb(var(--key-color-1-value), 0.3); + background-color: rgba(255, 255, 255, 0.04); } -#app:not([display-accent-color-backgrounds]) +#app[dir-item-background="none"] [data-layout="list"] .dir-item-card__thumb-container { background-color: transparent; diff --git a/src/components/InfoPanel.vue b/src/components/InfoPanel.vue index 660aeb67..3a7afbcb 100644 --- a/src/components/InfoPanel.vue +++ b/src/components/InfoPanel.vue @@ -816,10 +816,10 @@ export default { position: relative; width: 280px; height: 158px; - background-color: rgb(var(--key-color-1-value), 0.5); + background-color: rgba(255, 255, 255, 0.02); } -#app:not([display-accent-color-backgrounds]) +#app[dir-item-background="none"] .info-panel__preview-container { background-color: transparent; } diff --git a/src/store.js b/src/store.js index 7e1929e8..c8d05b8a 100644 --- a/src/store.js +++ b/src/store.js @@ -678,7 +678,7 @@ export default new Vuex.Store({ }, dirItemHoverEffect: 'scale', thumbnailStorageLimit: 100, - displayAccentColorBackgrounds: true, + dirItemBackground: 'minimal', autoCalculateDirSize: false, lastOpenedSettingsTab: 0, groupDirItems: false, diff --git a/src/views/Settings.vue b/src/views/Settings.vue index 011fa294..da93224e 100644 --- a/src/views/Settings.vue +++ b/src/views/Settings.vue @@ -864,14 +864,23 @@ Copyright © 2021 - present Aleksey Hoffman. All rights reserved. >