fix: thequick theme

villetakanen · Dec 15, 2021 · b6f35c8 · b6f35c8
1 parent 0c8df7e
commit b6f35c8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/src/styles/base.sass b/src/styles/base.sass
@@ -12,6 +12,7 @@
 @import formcontrols.sass
 @import themes/themeable.sass
 @import themes/themeDD.sass
+@import themes/themeQuick.sass
 
 // *** Spacing ********************************************************
 :root

diff --git a/src/styles/themes/themeQuick.sass b/src/styles/themes/themeQuick.sass
@@ -0,0 +1,4 @@
+.themeQuick
+  --theme-color-headers: #333
+  --theme-font-headers: 'Lato', 'Overpass', sans-serif
+  --theme-text-transform: uppercase
diff --git a/src/styles/themes/themeable.sass b/src/styles/themes/themeable.sass
@@ -8,5 +8,6 @@
     h1, h2, h3, h4, h5, h6
       color: var(--theme-color-headers)
       font-family: var(--theme-font-headers)
+      text-transform: var(--theme-text-transform)
       a
         color: var(--theme-color-headers-link)
diff --git a/src/views/site/ViewPage.vue b/src/views/site/ViewPage.vue
@@ -6,6 +6,7 @@
         class="double themeable"
         :class="{
           themeDD: site.theme.name === 'dd',
+          themeQuick: site.theme.name === 'quick',
         }"
       >
         <transition name="fade">