layout prototype

src/routes/+layout.svelte

@@ -59,6 +59,15 @@
     color: var(--md-sys-color-tertiary);
   }
 
+  a:hover:not(:active),
+  button:hover:not(:active) {
+    filter: brightness(70%);
+
+    &.active {
+      filter: brightness(120%);
+    }
+  }
+
   body {
     overflow: hidden;
     display: flex;

src/routes/config/layout/+page.svelte

@@ -2,4 +2,12 @@
   import LayoutCC1 from "$lib/components/LayoutCC1.svelte"
 </script>
 
-<LayoutCC1 />
+<section>
+  <LayoutCC1 />
+</section>
+
+<style lang="scss">
+  section {
+    margin: auto;
+  }
+</style>

src/routes/device-manager/+page.svelte

@@ -71,7 +71,7 @@
       background: var(--md-sys-color-secondary);
     }
 
-    &:hover:not(:disabled) {
+    &:active:not(:disabled) {
       color: var(--md-sys-color-on-surface-variant);
       background: var(--md-sys-color-surface-variant);
     }