Uses CSS variables for common definitions, to allow for themes

2021-04-14 21:05:37 +01:00
parent 2baccdb718
commit e31e6d4239
14 changed files with 90 additions and 41 deletions
--- a/src/components/Settings/KeyboardShortcutInfo.vue
+++ b/src/components/Settings/KeyboardShortcutInfo.vue
@@ -90,7 +90,7 @@ export default {
    color: var(--primary);
    background: var(--background-darker);
    padding: 4px;
-    border-radius: 5px;
+    border-radius: var(--curve-factor);
  }
  .close { /* The little exit icon, in top-right */
    float: right;
@@ -104,7 +104,7 @@ export default {
    cursor: pointer;
    &:hover {
      border: 1px solid var(--primary);
-      opacity: 0.6;
+      opacity: var(--dimming-factor);
    }
  }
 }