diff --git a/docs/website/src/.vuepress/public/screenshots/hollow.png b/docs/website/src/.vuepress/public/screenshots/hollow.png new file mode 100644 index 0000000..a3cf09a Binary files /dev/null and b/docs/website/src/.vuepress/public/screenshots/hollow.png differ diff --git a/docs/website/src/gallery.md b/docs/website/src/gallery.md index 7c3c2a6..cf31646 100644 --- a/docs/website/src/gallery.md +++ b/docs/website/src/gallery.md @@ -8,6 +8,105 @@ Don't hesitate to send a PR with your fancy theme, we would be happy to share it --- +## Hollow + +simple-theme-screenshot + +::: details expand theme.scss + +```scss +.onagre { + --exit-unfocused: false; + height: 375px; + width: 600px; + --icon-theme: "Papirus"; + --icon-size: 28px; + --font-family: "Iosevka Nerd Font Mono"; + background: #1c1e26; + color: #cbced0; + border-color: #2E3440; + border-width: 4px; + border-radius: 8.0%; + padding: 10px; + + .container { + padding: 8px; + .search { + --spacing: 1; + background: #cbced0; + border-radius: 10.0%; + color: #1c1e26; + --height: fill-portion 1; + + .plugin-hint { + font-size: 18px; + background: #cbced0; + color: #e95678; + border-color: #e95678; + --align-x: center; + --align-y: center; + --width: fill-portion 1; + --height: fill; + } + + .input { + font-size: 20px; + --width: fill-portion 11; + } + } + + .rows { + --height: fill-portion 8; + border-radius: 8.0%; + + .row-selected { + background: #268bd2; + color: #e3e6ee; + --spacing: 3px; + --align-y: center; + + border-radius: 8.0%; + .title { + font-size: 22px; + } + + .description { + font-size: 20px; + } + + .category-icon { + --icon-size: 15px; + } + } + + .row { + .title { + font-size: 22px; + } + + .description { + font-size: 20px; + } + + .category-icon { + --icon-size: 15px; + } + } + } + + .scrollable { + background: #00000000; + .scroller { + color: #4c566a00; + } + } + } +} +``` +::: + +--- + ## Murz simple-theme-screenshot