1.onagre {
  2{{- if eq .theme_variant "dark" }}
  3    color: #cad3f5;
  4    border-color: #24273a;
  5    background: #24273a;
  6{{- else if eq .theme_variant "light" }}
  7    color: #4c4f69;
  8    border-color: #eff1f5;
  9    background: #eff1f5;
 10{{- end }}
 11    --icon-theme: "Papirus-Light";
 12    --font-family: "{{ .font }}";
 13{{- if eq .chezmoi.hostname "angmar" }}
 14    --icon-size: 30;
 15{{- else if eq .chezmoi.hostname "sidhe" }}
 16    --icon-size: 24;
 17{{- end }}
 18    border-radius: 8%;
 19    border-width: 4px;
 20    padding: 5px;
 21{{- if eq .chezmoi.hostname "angmar" }}
 22    width: 950px;
 23    height: 700px;
 24{{- else if eq .chezmoi.hostname "sidhe" }}
 25    width: 950px;
 26    height: 700px;
 27{{- end }}
 28
 29    .container {
 30        .rows {
 31            --height: fill-portion 6;
 32            .row {
 33                .icon {
 34                    padding-top: 4px;
 35                    --align-y: center;
 36                }
 37
 38                .category-icon {
 39                    --align-y: center;
 40                    padding-left: 5px;
 41{{- if eq .chezmoi.hostname "angmar" }}
 42                    --icon-size: 15;
 43{{- else if eq .chezmoi.hostname "sidhe" }}
 44                    --icon-size: 12;
 45{{- end }}
 46                }
 47
 48                .title {
 49{{- if eq .chezmoi.hostname "angmar" }}
 50                    font-size: 23px;
 51{{- else if eq .chezmoi.hostname "sidhe" }}
 52                    font-size: 18px;
 53{{- end }}
 54                }
 55
 56                .description {
 57{{- if eq .chezmoi.hostname "angmar" }}
 58                    font-size: 18px;
 59{{- else if eq .chezmoi.hostname "sidhe" }}
 60                    font-size: 12px;
 61{{- end }}
 62                }
 63            }
 64
 65            .row-selected {
 66{{- if eq .theme_variant "dark" }}
 67                background: #1e2030;
 68{{- else if eq .theme_variant "light" }}
 69                background: #dbdce1;
 70{{- end }}
 71                border-radius: 8%;
 72
 73                .icon {
 74                    padding-top: 4px;
 75                }
 76
 77                .category-icon {
 78                    padding-left: 5px;
 79{{- if eq .chezmoi.hostname "angmar" }}
 80                    --icon-size: 15;
 81{{- else if eq .chezmoi.hostname "sidhe" }}
 82                    --icon-size: 12;
 83{{- end }}
 84                }
 85
 86                .title {
 87{{- if eq .chezmoi.hostname "angmar" }}
 88                    font-size: 23px;
 89{{- else if eq .chezmoi.hostname "sidhe" }}
 90                    font-size: 18px;
 91{{- end }}
 92                }
 93
 94                .description {
 95{{- if eq .chezmoi.hostname "angmar" }}
 96                    font-size: 18px;
 97{{- else if eq .chezmoi.hostname "sidhe" }}
 98                    font-size: 12px;
 99{{- end }}
100                }
101            }
102        }
103
104        .search {
105{{- if eq .theme_variant "dark" }}
106            background: red;
107{{- else if eq .theme_variant "light" }}
108            background: #dbdce1;
109{{- end }}
110            border-radius: 5%;
111            --height: fill-portion 1;
112            padding: 4px;
113            .input {
114                font-size: 20px;
115            }
116        }
117
118        .scrollable {
119{{- if eq .theme_variant "dark" }}
120            background: green;
121{{- else if eq .theme_variant "light" }}
122            background: ;#c0c0c0
123{{- end }}
124            border-radius: 5%;
125            .scroller {
126{{- if eq .theme_variant "dark" }}
127            color: blue;
128{{- else if eq .theme_variant "light" }}
129            color: #a1a1a1;
130{{- end }}
131                border-radius: 5%;
132            }
133        }
134    }
135}