further theme onagre

Amolith created 2 years ago

Change summary

dot_config/onagre/theme.scss.tmpl | 47 +++++++++++++++++++++++++++++---
1 file changed, 42 insertions(+), 5 deletions(-)

Detailed changes

dot_config/onagre/theme.scss.tmpl

@@ -2,12 +2,23 @@
     background: #eff1f5;
     color: #4c4f69;
     --icon-theme: "Papirus-Light";
-    --font-family: "Berkeley Mono";
+    --font-family: "{{ .font }}";
+{{- if eq .chezmoi.hostname "angmar" }}
+    --icon-size: 30;
+{{- else if eq .chezmoi.hostname "sidhe" }}
     --icon-size: 24;
+{{- end }}
     border-radius: 8%;
     border-color: #eff1f5;
     border-width: 4px;
     padding: 5px;
+{{- if eq .chezmoi.hostname "angmar" }}
+    width: 950px;
+    height: 700px;
+{{- else if eq .chezmoi.hostname "sidhe" }}
+    width: 950px;
+    height: 700px;
+{{- end }}
 
     .container {
         .rows {
@@ -15,19 +26,33 @@
             .row {
                 .icon {
                     padding-top: 4px;
+                    --align-y: center;
                 }
 
                 .category-icon {
+                    --align-y: center;
                     padding-left: 5px;
-                    --icon-size: 11;
+{{- if eq .chezmoi.hostname "angmar" }}
+                    --icon-size: 15;
+{{- else if eq .chezmoi.hostname "sidhe" }}
+                    --icon-size: 12;
+{{- end }}
                 }
 
                 .title {
+{{- if eq .chezmoi.hostname "angmar" }}
+                    font-size: 23px;
+{{- else if eq .chezmoi.hostname "sidhe" }}
                     font-size: 18px;
+{{- end }}
                 }
 
                 .description {
+{{- if eq .chezmoi.hostname "angmar" }}
+                    font-size: 18px;
+{{- else if eq .chezmoi.hostname "sidhe" }}
                     font-size: 12px;
+{{- end }}
                 }
             }
 
@@ -41,15 +66,27 @@
 
                 .category-icon {
                     padding-left: 5px;
-                    --icon-size: 11;
+{{- if eq .chezmoi.hostname "angmar" }}
+                    --icon-size: 15;
+{{- else if eq .chezmoi.hostname "sidhe" }}
+                    --icon-size: 12;
+{{- end }}
                 }
 
                 .title {
-                    font-size: 20px;
+{{- if eq .chezmoi.hostname "angmar" }}
+                    font-size: 23px;
+{{- else if eq .chezmoi.hostname "sidhe" }}
+                    font-size: 18px;
+{{- end }}
                 }
 
                 .description {
+{{- if eq .chezmoi.hostname "angmar" }}
+                    font-size: 18px;
+{{- else if eq .chezmoi.hostname "sidhe" }}
                     font-size: 12px;
+{{- end }}
                 }
             }
         }
@@ -57,7 +94,7 @@
         .search {
             border-radius: 5%;
             background: #dbdce1;
-            --height: fill-portion 1;
+            --height: 50px;
             padding: 4px;
             .input {
                 font-size: 20px;