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/PageStrcture/PageTitle.vue
+++ b/src/components/PageStrcture/PageTitle.vue
@@ -30,9 +30,10 @@ export default {
    margin: 0;
  }
  span.subtitle {
-    color: var(--primary-transparent);
+    color: var(--primary);
    font-style: italic;
    text-shadow: 1px 1px 2px #130f23;
+    opacity: var(--dimming-factor);
  }
  @media screen and (max-width: 600px) {
    text-align: center;