💄 Adds configurable CSS variables to the Minimal view

2021-08-14 19:12:00 +01:00
parent 166bc3965d
commit a18b723484
6 changed files with 115 additions and 52 deletions
--- a/src/components/MinimalView/MinimalSection.vue
+++ b/src/components/MinimalView/MinimalSection.vue
@@ -93,7 +93,7 @@ export default {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
-  background: var(--item-group-background);
+  background: var(--minimal-view-group-background);
  border-radius: 0 0 var(--curve-factor) var(--curve-factor);
  .section-items {
    display: grid;
@@ -105,7 +105,7 @@ export default {
    @include big-screen-up { grid-template-columns: repeat(6, 1fr); }
  }
  &.selected {
-    border: 1px solid var(--primary);
+    border: 1px solid var(--minimal-view-group-color);
    grid-column-start: span var(--col-count, 3);
  }
  &.show-all {