anotherhadi/awesome-wallpapers
1
Fork 0
mirror of https://github.com/anotherhadi/awesome-wallpapers.git synced 2026-10-05 10:18:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Full rewrite

Browse Source
This commit is contained in:
Hadi
2026-08-14 11:14:54 +02:00
parent 22570eb657
commit deda1a9868
510 changed files with 1191 additions and 12242 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.envrc
+1
View File
@@ -0,0 +1 @@
use flake
.github/scripts/check-filename-format.sh
Executable
+62
View File
@@ -0,0 +1,62 @@
#!/usr/bin/env bash
# Validate wallpaper filenames against the naming convention described in README.md:
# wallpaper-name_tag1_tag2.png
# - name: lowercase letters/digits, words separated by "-"
# - tags: lowercase letters, words separated by "-", tags separated by "_"
# - only .png and .gif are accepted
# - gifs must carry the "animated" tag
# - every gif must have a same-named .png counterpart
set -uo pipefail
wallpapers_dir="wallpapers"
name_re='^[a-z0-9]+(-[a-z0-9]+)*(_[a-z]+(-[a-z]+)*)*$'
status=0
if [[ ! -d "$wallpapers_dir" ]]; then
echo "No $wallpapers_dir directory found, skipping."
exit 0
fi
shopt -s nullglob
for file in "$wallpapers_dir"/*; do
[[ -f "$file" ]] || continue
filename=$(basename "$file")
basename="${filename%.*}"
ext="${filename##*.}"
if [[ "$ext" != "png" && "$ext" != "gif" ]]; then
echo "❌ $filename: only .png and .gif files are accepted"
status=1
continue
fi
if [[ ! "$basename" =~ $name_re ]]; then
echo "❌ $filename: invalid name/tags, expected wallpaper-name_tag1_tag2 (lowercase, '-' separated words, '_' separated tags)"
status=1
continue
fi
if [[ "$ext" == "gif" ]]; then
IFS='_' read -r -a parts <<<"$basename"
has_animated=0
for tag in "${parts[@]:1}"; do
[[ "$tag" == "animated" ]] && has_animated=1
done
if [[ "$has_animated" -eq 0 ]]; then
echo "❌ $filename: gif files must include the 'animated' tag"
status=1
fi
if [[ ! -f "$wallpapers_dir/$basename.png" ]]; then
echo "❌ $filename: missing matching static $basename.png"
status=1
fi
fi
done
if [[ "$status" -eq 0 ]]; then
echo "✅ All wallpaper filenames are valid."
fi
exit "$status"
.github/scripts/compress-images.sh
Executable
+57
View File
@@ -0,0 +1,57 @@
#!/usr/bin/env bash
# Losslessly compress wallpapers before they are committed, so the repo
# doesn't grow larger than it needs to. Only files staged in this commit
# are touched, to keep the hook fast.
set -uo pipefail
wallpapers_dir="wallpapers"
changed=0
if [[ ! -d "$wallpapers_dir" ]]; then
exit 0
fi
if ! command -v oxipng >/dev/null 2>&1; then
echo "❌ oxipng is required but was not found in PATH"
exit 1
fi
if ! command -v gifsicle >/dev/null 2>&1; then
echo "❌ gifsicle is required but was not found in PATH"
exit 1
fi
mapfile -t staged < <(git diff --cached --name-only --diff-filter=ACM -- "$wallpapers_dir")
for file in "${staged[@]}"; do
[[ -f "$file" ]] || continue
ext="${file##*.}"
before=$(stat -c%s "$file")
case "$ext" in
png)
oxipng -o max --strip safe -q "$file" >/dev/null
;;
gif)
gifsicle -O3 --batch "$file"
;;
*)
continue
;;
esac
after=$(stat -c%s "$file")
if [[ "$after" -ne "$before" ]]; then
echo "Compressed $file ($before -> $after bytes)"
git add "$file"
changed=1
fi
done
if [[ "$changed" -eq 1 ]]; then
echo "Image(s) were compressed and re-staged, please commit again."
exit 1
fi
exit 0
.github/scripts/convert-to-png.sh
Executable
+44
View File
@@ -0,0 +1,44 @@
#!/usr/bin/env bash
# Every gif in wallpapers/ must have a same-named static .png counterpart
# (see README.md). This hook generates the missing ones from the gif's
# first frame and stages them, so a commit adding a gif automatically
# gets its png alongside it.
set -uo pipefail
wallpapers_dir="wallpapers"
changed=0
if [[ ! -d "$wallpapers_dir" ]]; then
exit 0
fi
if ! command -v magick >/dev/null 2>&1; then
echo "❌ imagemagick (magick) is required but was not found in PATH"
exit 1
fi
shopt -s nullglob
for gif in "$wallpapers_dir"/*.gif; do
basename="${gif%.gif}"
png="$basename.png"
if [[ -f "$png" ]]; then
continue
fi
echo "Generating $png from $(basename "$gif")"
if ! magick "${gif}[0]" "$png"; then
echo "❌ Failed to generate $png"
exit 1
fi
git add "$png"
changed=1
done
if [[ "$changed" -eq 1 ]]; then
echo "New static png(s) were generated and staged, please commit again."
exit 1
fi
exit 0
.github/scripts/create-markdowns.sh
Executable
+218
View File
@@ -0,0 +1,218 @@
#!/usr/bin/env bash
# Regenerate WALLPAPERS.md (and its 2/3-column variants, and tags/*.md)
# from the contents of wallpapers/.
# When a wallpaper has both a static png and an animated gif (same
# basename), only one row is emitted, previewed with the gif.
set -uo pipefail
wallpapers_dir="wallpapers"
tags_dir="tags"
if [[ ! -d "$wallpapers_dir" ]]; then
exit 0
fi
# Each entry: name<TAB>basename<TAB>preview<TAB>raw_tags(underscore-joined)
build_entries() {
shopt -s nullglob
declare -A seen
for file in "$wallpapers_dir"/*.png "$wallpapers_dir"/*.gif; do
filename=$(basename "$file")
base="${filename%.*}"
[[ -n "${seen[$base]:-}" ]] && continue
seen[$base]=1
preview="$file"
if [[ -f "$wallpapers_dir/$base.gif" ]]; then
preview="$wallpapers_dir/$base.gif"
fi
name="${base%%_*}"
tags=""
if [[ "$base" == *_* ]]; then
tags="${base#*_}"
fi
printf '%s\t%s\t%s\t%s\n' "$name" "$base" "$preview" "$tags"
done | sort -t $'\t' -k1,1
}
mapfile -t entries < <(build_entries)
# Collect the sorted, de-duplicated list of tags, and which entries have them.
declare -A tag_seen
all_tags=()
for entry in "${entries[@]}"; do
IFS=$'\t' read -r _ _ _ tags_raw <<<"$entry"
[[ -z "$tags_raw" ]] && continue
IFS='_' read -ra tokens <<<"$tags_raw"
for t in "${tokens[@]}"; do
if [[ -z "${tag_seen[$t]:-}" ]]; then
tag_seen[$t]=1
all_tags+=("$t")
fi
done
done
mapfile -t sorted_tags < <(printf '%s\n' "${all_tags[@]}" | sort)
entry_has_tag() {
local tags_raw="$1" tag="$2" t
IFS='_' read -ra tokens <<<"$tags_raw"
for t in "${tokens[@]}"; do
[[ "$t" == "$tag" ]] && return 0
done
return 1
}
# tags_links <raw_tags> <tag-link-prefix>
# Turns "foo_bar-baz" into "[foo](<prefix>foo.md), [bar-baz](<prefix>bar-baz.md)"
tags_links() {
local tags_raw="$1" tag_prefix="$2"
[[ -z "$tags_raw" ]] && return
local -a tokens
IFS='_' read -ra tokens <<<"$tags_raw"
local out="" t first=1
for t in "${tokens[@]}"; do
((first)) || out+=", "
first=0
out+="[${t}](${tag_prefix}${t}.md)"
done
printf '%s' "$out"
}
# render_table <cols> <preview-prefix> <tag-link-prefix> <entries...>
render_table() {
local cols="$1" prefix="$2" tag_prefix="$3"
shift 3
local -a items=("$@")
local header="|" sep="|"
local i
for ((i = 0; i < cols; i++)); do
header+=" Preview | Name | Tags |"
sep+="---------|------|------|"
done
echo "$header"
echo "$sep"
local total=${#items[@]}
local idx=0
while ((idx < total)); do
local line="|"
local c
for ((c = 0; c < cols; c++)); do
if ((idx < total)); then
local name base preview tags_raw tags_display
IFS=$'\t' read -r name base preview tags_raw <<<"${items[idx]}"
tags_display="$(tags_links "$tags_raw" "$tag_prefix")"
line+=" ![${base}](${prefix}${preview}) | ${name} | ${tags_display} |"
((idx++))
else
line+=" | | |"
fi
done
echo "$line"
done
}
# render_grid <cols> <preview-prefix> <tag-link-prefix> <entries...>
# Like render_table, but each cell stacks the image with its name and
# tags underneath instead of using separate Name/Tags columns.
render_grid() {
local cols="$1" prefix="$2" tag_prefix="$3"
shift 3
local -a items=("$@")
local header="|" sep="|"
local i
for ((i = 0; i < cols; i++)); do
header+=" |"
sep+=":---:|"
done
echo "$header"
echo "$sep"
local total=${#items[@]}
local idx=0
while ((idx < total)); do
local line="|"
local c
for ((c = 0; c < cols; c++)); do
if ((idx < total)); then
local name base preview tags_raw tags_display cell
IFS=$'\t' read -r name base preview tags_raw <<<"${items[idx]}"
tags_display="$(tags_links "$tags_raw" "$tag_prefix")"
cell="![${base}](${prefix}${preview})<br>${name}"
[[ -n "$tags_display" ]] && cell+="<br>${tags_display}"
line+=" ${cell} |"
((idx++))
else
line+=" |"
fi
done
echo "$line"
done
}
nav_block() {
echo "[1 Column](WALLPAPERS.md) · [2 Columns](WALLPAPERS-2COL.md) · [3 Columns](WALLPAPERS-3COL.md)"
}
tags_block() {
local prefix="$1"
echo "<details>"
echo "<summary>Tags</summary>"
echo
local t
for t in "${sorted_tags[@]}"; do
echo "- [${t}](${prefix}${tags_dir}/${t}.md)"
done
echo
echo "</details>"
}
generate_main() {
local file="$1" cols="$2"
{
echo "# Wallpapers"
echo
nav_block
echo
tags_block ""
echo
if ((cols > 1)); then
render_grid "$cols" "" "${tags_dir}/" "${entries[@]}"
else
render_table "$cols" "" "${tags_dir}/" "${entries[@]}"
fi
} >"$file"
git add "$file"
}
generate_main "WALLPAPERS.md" 1
generate_main "WALLPAPERS-2COL.md" 2
generate_main "WALLPAPERS-3COL.md" 3
rm -rf "$tags_dir"
mkdir -p "$tags_dir"
for t in "${sorted_tags[@]}"; do
tag_items=()
for entry in "${entries[@]}"; do
IFS=$'\t' read -r _ _ _ tags_raw <<<"$entry"
if entry_has_tag "$tags_raw" "$t"; then
tag_items+=("$entry")
fi
done
{
echo "# Tag: ${t}"
echo
echo "[← All wallpapers](../WALLPAPERS.md)"
echo
render_table 1 "../" "" "${tag_items[@]}"
} >"$tags_dir/$t.md"
done
git add "$tags_dir"
echo "Generated WALLPAPERS.md, WALLPAPERS-2COL.md, WALLPAPERS-3COL.md and $tags_dir/"
.github/workflows/check-format.yml
-65
View File
@@ -1,65 +0,0 @@
name: Check Wallpapers Format
on:
push:
paths:
- 'app/static/wallpapers/**'
pull_request:
paths:
- 'app/static/wallpapers/**'
jobs:
check-extensions:
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v4
- name: Validate file format and naming conventions
run: |
# Loop through all wallpaper files
cd "./app/static/wallpapers"
for file in *; do
if [[ -f "$file" ]]; then
filename=$file
basename=$(echo "$file" | cut -d. -f1)
# Check if .png, .jpg or .gif
if [[ ! $filename =~ \.(png|jpg|gif)$ ]]; then
echo "❌ Error: $file is not a PNG, JPG or GIF file"
exit 1
fi
# Check if only lowercase letters, - and _ are used
echo "$basename" | grep -qE '^[a-z0-9][a-z0-9_-]*$' || {
echo "❌ Error: $file contains invalid characters"
exit 1
}
if [[ $basename == *-_* ]]; then
echo "❌ Error: $file contains a tag with a leading or trailing _"
exit 1
fi
if [[ $basename == *"_static"* ]]; then
t=$(echo "$basename" | sed 's/_static/_animated/')
if [ ! -f "${t}.gif" ] ; then
echo "❌ Error: $file has a static tag but no gif file"
exit 1
fi
fi
if [[ $basename == *"_animated"* ]]; then
t=$(echo "$basename" | sed 's/_animated/_static/')
if [ ! -f "${t}.png" ] && [ ! -f "${t}.jpg" ]; then
echo "❌ Error: $file has a animated tag but no png or jpg file"
exit 1
fi
fi
if [[ $filename == *.gif && $basename != *"_animated"* ]]; then
echo "❌ Error: $file is a gif file but doesn't contain _static or _animated"
exit 1
fi
fi
done
.github/workflows/create-wallpapers-markdown.yml
-49
View File
@@ -1,49 +0,0 @@
name: Create Wallpapers Markdown
on:
workflow_run:
workflows: ["Check Wallpapers Format"]
types:
- completed
permissions:
contents: write
jobs:
generate-md:
runs-on: ubuntu-latest
if: ${{ github.event.workflow_run.conclusion == 'success' }} # Only run if the first workflow was successful
steps:
- name: Checkout repository
uses: actions/checkout@v4
- name: Create WALLPAPERS.md
run: |
# Set the output file
OUTPUT_FILE="WALLPAPERS.md"
# Start the markdown file content
echo "# Wallpapers" > $OUTPUT_FILE
echo "" >> $OUTPUT_FILE
# Create a table with 2 columns for the wallpapers and their names
echo "| Wallpaper | Name |" >> $OUTPUT_FILE
echo "|-----------|------|" >> $OUTPUT_FILE
# Loop through the wallpapers directory
for file in app/static/wallpapers/*.{png,jpg,gif}; do
if [[ -f "$file" ]]; then
# Get the filename without the path
FILENAME=$(basename "$file")
# Get the name of the wallpaper (without extension)
NAME="${FILENAME%.*}"
# Create the markdown table entry for the wallpaper
echo "| ![${NAME}](${file}) | ${NAME} |" >> $OUTPUT_FILE
fi
done
# Commit the changes
git config user.name github-actions
git config user.email [email protected]
git add $OUTPUT_FILE
git commit -m "Generate WALLPAPERS.md" && git push
exit 0
.gitignore
+2 -1
View File
@@ -1 +1,2 @@
todo.md .claude/
.pre-commit-config.yaml
README.md
+5 -11
View File
@@ -19,17 +19,12 @@
</p> </p>
A curated collection of high-quality wallpapers, organized by tags. A curated collection of high-quality wallpapers, organized by tags.
**See the full list** of wallpapers in [WALLPAPERS.md](./WALLPAPERS.md)
✨ **Browse & Download** wallpapers easily using the web app: [wallpapers.hadi.icu](https://wallpapers.hadi.icu)
📄 **See the full list** of wallpapers in [WALLPAPERS.md](./WALLPAPERS.md)
📋 **Useful buttons** to copy the lib.fetchUrl() function for NixOS users
---
## **Contributing Guidelines** ## **Contributing Guidelines**
To maintain quality and consistency, please follow these rules when adding wallpapers: To maintain quality and consistency, please follow these rules when adding wallpapers:
Wallpapers are stored in the `./app/static/wallpapers` directory. Wallpapers are stored in the `./wallpapers` directory.
### **File Naming Convention** ### **File Naming Convention**
@@ -39,13 +34,12 @@ Each wallpaper file must follow this format:
wallpaper-name_tag1_tag2.png wallpaper-name_tag1_tag2.png
``` ```
✅ **Rules:** - **Rules:**
- The wallpaper name must be lowercase letters only, using `-` as a separator. - The wallpaper name must be lowercase letters only, using `-` as a separator.
- Tags (if present) must be **lowercase**, separated by `_`, and can only contain letters and `-`. - Tags (if present) must be **lowercase**, separated by `_`, and can only contain letters and `-`.
- **GIFs must include the "animated" tag.** - **GIFs must include the "animated" tag.**
- If a GIF version exists, a **static PNG version must also exist**, using the same name with a `"static"` tag. - If a GIF version exists, a **static PNG version must also exist**, using the same name.
- **Accepted formats:** PNG, JPG, and GIF only. - **Accepted formats:** PNG and GIF only.
### **Content Requirements** ### **Content Requirements**
WALLPAPERS-2COL.md
+126
View File
@@ -0,0 +1,126 @@
# Wallpapers
[1 Column](WALLPAPERS.md) · [2 Columns](WALLPAPERS-2COL.md) · [3 Columns](WALLPAPERS-3COL.md)
<details>
<summary>Tags</summary>
- [animated](tags/animated.md)
- [art](tags/art.md)
- [black](tags/black.md)
- [black-and-white](tags/black-and-white.md)
- [blue](tags/blue.md)
- [catppuccin](tags/catppuccin.md)
- [dark](tags/dark.md)
- [flat](tags/flat.md)
- [green](tags/green.md)
- [grey](tags/grey.md)
- [light](tags/light.md)
- [minimalist](tags/minimalist.md)
- [orange](tags/orange.md)
- [pink](tags/pink.md)
- [pixel](tags/pixel.md)
- [pixelart](tags/pixelart.md)
- [purple](tags/purple.md)
- [red](tags/red.md)
- [rose](tags/rose.md)
- [static](tags/static.md)
- [white](tags/white.md)
</details>
| | |
|:---:|:---:|
| ![abstract_green](wallpapers/abstract_green.png)<br>abstract<br>[green](tags/green.md) | ![abstract-colorful](wallpapers/abstract-colorful.png)<br>abstract-colorful |
| ![a-car-and-a-cloud](wallpapers/a-car-and-a-cloud.png)<br>a-car-and-a-cloud | ![acrylic](wallpapers/acrylic.png)<br>acrylic |
| ![alone-cloud_dark](wallpapers/alone-cloud_dark.png)<br>alone-cloud<br>[dark](tags/dark.md) | ![anime-skyline_purple](wallpapers/anime-skyline_purple.png)<br>anime-skyline<br>[purple](tags/purple.md) |
| ![another-mountain](wallpapers/another-mountain.png)<br>another-mountain | ![another-one](wallpapers/another-one.png)<br>another-one |
| ![another-planet-with-grass_blue](wallpapers/another-planet-with-grass_blue.png)<br>another-planet-with-grass<br>[blue](tags/blue.md) | ![another-sky_light](wallpapers/another-sky_light.png)<br>another-sky<br>[light](tags/light.md) |
| ![a-purple-planet_purple](wallpapers/a-purple-planet_purple.png)<br>a-purple-planet<br>[purple](tags/purple.md) | ![aquarium_blue](wallpapers/aquarium_blue.png)<br>aquarium<br>[blue](tags/blue.md) |
| ![art-lake](wallpapers/art-lake.png)<br>art-lake | ![a-street-in-the-dark](wallpapers/a-street-in-the-dark.png)<br>a-street-in-the-dark |
| ![astronaut](wallpapers/astronaut.png)<br>astronaut | ![aurora](wallpapers/aurora.png)<br>aurora |
| ![a-violet-blur](wallpapers/a-violet-blur.png)<br>a-violet-blur | ![barcode_minimalist_dark](wallpapers/barcode_minimalist_dark.png)<br>barcode<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![beach-landscape](wallpapers/beach-landscape.png)<br>beach-landscape | ![beach-path](wallpapers/beach-path.png)<br>beach-path |
| ![bike-and-a-cat](wallpapers/bike-and-a-cat.png)<br>bike-and-a-cat | ![black-and-white-forest_minimalist_black-and-white](wallpapers/black-and-white-forest_minimalist_black-and-white.png)<br>black-and-white-forest<br>[minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) |
| ![black-grey-and-white](wallpapers/black-grey-and-white.png)<br>black-grey-and-white | ![black-moutains-and-a-city](wallpapers/black-moutains-and-a-city.png)<br>black-moutains-and-a-city |
| ![black-oil_dark](wallpapers/black-oil_dark.png)<br>black-oil<br>[dark](tags/dark.md) | ![black-oil-2_dark](wallpapers/black-oil-2_dark.png)<br>black-oil-2<br>[dark](tags/dark.md) |
| ![black-oil-3_dark](wallpapers/black-oil-3_dark.png)<br>black-oil-3<br>[dark](tags/dark.md) | ![black-waves_black-and-white](wallpapers/black-waves_black-and-white.png)<br>black-waves<br>[black-and-white](tags/black-and-white.md) |
| ![blue-galaxy-waves](wallpapers/blue-galaxy-waves.png)<br>blue-galaxy-waves | ![blue-waves_blue](wallpapers/blue-waves_blue.png)<br>blue-waves<br>[blue](tags/blue.md) |
| ![boat-and-purple](wallpapers/boat-and-purple.png)<br>boat-and-purple | ![borrowed-time](wallpapers/borrowed-time.png)<br>borrowed-time |
| ![catstraunaut_blue](wallpapers/catstraunaut_blue.png)<br>catstraunaut<br>[blue](tags/blue.md) | ![cat-vibin](wallpapers/cat-vibin.png)<br>cat-vibin |
| ![cat-watching-the-star_pixelart_purple_animated](wallpapers/cat-watching-the-star_pixelart_purple_animated.gif)<br>cat-watching-the-star<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md), [animated](tags/animated.md) | ![cat-watching-the-star_pixelart_purple_static](wallpapers/cat-watching-the-star_pixelart_purple_static.png)<br>cat-watching-the-star<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md), [static](tags/static.md) |
| ![cerf_dark_pixelart](wallpapers/cerf_dark_pixelart.png)<br>cerf<br>[dark](tags/dark.md), [pixelart](tags/pixelart.md) | ![city-at-night](wallpapers/city-at-night.png)<br>city-at-night |
| ![city-on-water](wallpapers/city-on-water.png)<br>city-on-water | ![cloud-in-the-sky_purple](wallpapers/cloud-in-the-sky_purple.png)<br>cloud-in-the-sky<br>[purple](tags/purple.md) |
| ![clouds-dodge-the-moon-2](wallpapers/clouds-dodge-the-moon-2.png)<br>clouds-dodge-the-moon-2 | ![clouds-in-the-sky](wallpapers/clouds-in-the-sky.png)<br>clouds-in-the-sky |
| ![clouds-in-the-sky-2](wallpapers/clouds-in-the-sky-2.png)<br>clouds-in-the-sky-2 | ![clouds-in-the-sky-3](wallpapers/clouds-in-the-sky-3.png)<br>clouds-in-the-sky-3 |
| ![clouds-in-the-sky-4_light](wallpapers/clouds-in-the-sky-4_light.png)<br>clouds-in-the-sky-4<br>[light](tags/light.md) | ![coffee-shop](wallpapers/coffee-shop.png)<br>coffee-shop |
| ![colorful-planets](wallpapers/colorful-planets.png)<br>colorful-planets | ![couch_orange](wallpapers/couch_orange.png)<br>couch<br>[orange](tags/orange.md) |
| ![cyber-ascii](wallpapers/cyber-ascii.png)<br>cyber-ascii | ![dark-forest_dark](wallpapers/dark-forest_dark.png)<br>dark-forest<br>[dark](tags/dark.md) |
| ![dark-magical-forest](wallpapers/dark-magical-forest.png)<br>dark-magical-forest | ![dark-magical-forest-desktop-wallpaper](wallpapers/dark-magical-forest-desktop-wallpaper.png)<br>dark-magical-forest-desktop-wallpaper |
| ![dark-starfields](wallpapers/dark-starfields.png)<br>dark-starfields | ![degirled](wallpapers/degirled.png)<br>degirled |
| ![diner-lonely-road](wallpapers/diner-lonely-road.png)<br>diner-lonely-road | ![drawing_art_dark](wallpapers/drawing_art_dark.png)<br>drawing<br>[art](tags/art.md), [dark](tags/dark.md) |
| ![dry-your-laundry](wallpapers/dry-your-laundry.png)<br>dry-your-laundry | ![evil-corp-keyboard_purple](wallpapers/evil-corp-keyboard_purple.png)<br>evil-corp-keyboard<br>[purple](tags/purple.md) |
| ![flying-comets-clouds](wallpapers/flying-comets-clouds.png)<br>flying-comets-clouds | ![forest-bridge](wallpapers/forest-bridge.png)<br>forest-bridge |
| ![forest-mountains-and-cloud_dark_black-and-white](wallpapers/forest-mountains-and-cloud_dark_black-and-white.png)<br>forest-mountains-and-cloud<br>[dark](tags/dark.md), [black-and-white](tags/black-and-white.md) | ![forest-under-the-clouds](wallpapers/forest-under-the-clouds.png)<br>forest-under-the-clouds |
| ![fractal](wallpapers/fractal.png)<br>fractal | ![free-astronaut_catppuccin](wallpapers/free-astronaut_catppuccin.png)<br>free-astronaut<br>[catppuccin](tags/catppuccin.md) |
| ![fsociety_red](wallpapers/fsociety_red.png)<br>fsociety<br>[red](tags/red.md) | ![fsociety](wallpapers/fsociety.png)<br>fsociety |
| ![fuck-society](wallpapers/fuck-society.png)<br>fuck-society | ![fuck-society-no-text](wallpapers/fuck-society-no-text.png)<br>fuck-society-no-text |
| ![fuji_dark](wallpapers/fuji_dark.png)<br>fuji<br>[dark](tags/dark.md) | ![fuji_light](wallpapers/fuji_light.png)<br>fuji<br>[light](tags/light.md) |
| ![galaxy_dark](wallpapers/galaxy_dark.png)<br>galaxy<br>[dark](tags/dark.md) | ![galaxy_pixelart_purple](wallpapers/galaxy_pixelart_purple.png)<br>galaxy<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md) |
| ![galaxy-grey_pixelart](wallpapers/galaxy-grey_pixelart.png)<br>galaxy-grey<br>[pixelart](tags/pixelart.md) | ![girl-watching-the-cloud_blue](wallpapers/girl-watching-the-cloud_blue.png)<br>girl-watching-the-cloud<br>[blue](tags/blue.md) |
| ![glacier](wallpapers/glacier.png)<br>glacier | ![glacier-2](wallpapers/glacier-2.png)<br>glacier-2 |
| ![glacier-3](wallpapers/glacier-3.png)<br>glacier-3 | ![glitches](wallpapers/glitches.png)<br>glitches |
| ![gradient-pb](wallpapers/gradient-pb.png)<br>gradient-pb | ![grey-mountains_grey](wallpapers/grey-mountains_grey.png)<br>grey-mountains<br>[grey](tags/grey.md) |
| ![grey-road_grey](wallpapers/grey-road_grey.png)<br>grey-road<br>[grey](tags/grey.md) | ![grue_blue](wallpapers/grue_blue.png)<br>grue<br>[blue](tags/blue.md) |
| ![hand-blocking-the-sun_blue](wallpapers/hand-blocking-the-sun_blue.png)<br>hand-blocking-the-sun<br>[blue](tags/blue.md) | ![hands_black-and-white](wallpapers/hands_black-and-white.png)<br>hands<br>[black-and-white](tags/black-and-white.md) |
| ![hello-friend_black-and-white](wallpapers/hello-friend_black-and-white.png)<br>hello-friend<br>[black-and-white](tags/black-and-white.md) | ![horizon](wallpapers/horizon.png)<br>horizon |
| ![hue-1_minimalist](wallpapers/hue-1_minimalist.png)<br>hue-1<br>[minimalist](tags/minimalist.md) | ![hue-2_minimalist](wallpapers/hue-2_minimalist.png)<br>hue-2<br>[minimalist](tags/minimalist.md) |
| ![hue-3_minimalist](wallpapers/hue-3_minimalist.png)<br>hue-3<br>[minimalist](tags/minimalist.md) | ![hue-4_minimalist](wallpapers/hue-4_minimalist.png)<br>hue-4<br>[minimalist](tags/minimalist.md) |
| ![hue-5_minimalist](wallpapers/hue-5_minimalist.png)<br>hue-5<br>[minimalist](tags/minimalist.md) | ![hue-6_minimalist_dark](wallpapers/hue-6_minimalist_dark.png)<br>hue-6<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![hue-7_minimalist_dark](wallpapers/hue-7_minimalist_dark.png)<br>hue-7<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) | ![it-is-some-waves_dark](wallpapers/it-is-some-waves_dark.png)<br>it-is-some-waves<br>[dark](tags/dark.md) |
| ![it-is-the-ocean](wallpapers/it-is-the-ocean.png)<br>it-is-the-ocean | ![japan-houses](wallpapers/japan-houses.png)<br>japan-houses |
| ![japan-moutains_black-and-white](wallpapers/japan-moutains_black-and-white.png)<br>japan-moutains<br>[black-and-white](tags/black-and-white.md) | ![lana-silhouette](wallpapers/lana-silhouette.png)<br>lana-silhouette |
| ![landscape_purple](wallpapers/landscape_purple.png)<br>landscape<br>[purple](tags/purple.md) | ![lavender-cat_purple](wallpapers/lavender-cat_purple.png)<br>lavender-cat<br>[purple](tags/purple.md) |
| ![leef_dark_purple_minimalist](wallpapers/leef_dark_purple_minimalist.png)<br>leef<br>[dark](tags/dark.md), [purple](tags/purple.md), [minimalist](tags/minimalist.md) | ![lights-in-the-dark_dark](wallpapers/lights-in-the-dark_dark.png)<br>lights-in-the-dark<br>[dark](tags/dark.md) |
| ![lofi-setup_blue_purple](wallpapers/lofi-setup_blue_purple.png)<br>lofi-setup<br>[blue](tags/blue.md), [purple](tags/purple.md) | ![lofi-urban_blue](wallpapers/lofi-urban_blue.png)<br>lofi-urban<br>[blue](tags/blue.md) |
| ![magma](wallpapers/magma.png)<br>magma | ![medusa_art_dark](wallpapers/medusa_art_dark.png)<br>medusa<br>[art](tags/art.md), [dark](tags/dark.md) |
| ![moroco](wallpapers/moroco.png)<br>moroco | ![mosaic_dark](wallpapers/mosaic_dark.png)<br>mosaic<br>[dark](tags/dark.md) |
| ![moutain](wallpapers/moutain.png)<br>moutain | ![moutains-and-a-lac_black-and-white](wallpapers/moutains-and-a-lac_black-and-white.png)<br>moutains-and-a-lac<br>[black-and-white](tags/black-and-white.md) |
| ![moutains-and-a-lac_blue](wallpapers/moutains-and-a-lac_blue.png)<br>moutains-and-a-lac<br>[blue](tags/blue.md) | ![moutains-and-a-lac-night_purple](wallpapers/moutains-and-a-lac-night_purple.png)<br>moutains-and-a-lac-night<br>[purple](tags/purple.md) |
| ![moutains-and-an-orange-sun](wallpapers/moutains-and-an-orange-sun.png)<br>moutains-and-an-orange-sun | ![moutains-and-stars_black](wallpapers/moutains-and-stars_black.png)<br>moutains-and-stars<br>[black](tags/black.md) |
| ![moutains-justin_white](wallpapers/moutains-justin_white.png)<br>moutains-justin<br>[white](tags/white.md) | ![moutains-on-top-of-clouds](wallpapers/moutains-on-top-of-clouds.png)<br>moutains-on-top-of-clouds |
| ![nasa-japan_dark](wallpapers/nasa-japan_dark.png)<br>nasa-japan<br>[dark](tags/dark.md) | ![nepal](wallpapers/nepal.png)<br>nepal |
| ![night-fairycore-forest](wallpapers/night-fairycore-forest.png)<br>night-fairycore-forest | ![night-forest_dark](wallpapers/night-forest_dark.png)<br>night-forest<br>[dark](tags/dark.md) |
| ![night-road_purple](wallpapers/night-road_purple.png)<br>night-road<br>[purple](tags/purple.md) | ![night-sky-with-snowflakes](wallpapers/night-sky-with-snowflakes.png)<br>night-sky-with-snowflakes |
| ![nix_minimalist_purple](wallpapers/nix_minimalist_purple.png)<br>nix<br>[minimalist](tags/minimalist.md), [purple](tags/purple.md) | ![not-earth_dark](wallpapers/not-earth_dark.png)<br>not-earth<br>[dark](tags/dark.md) |
| ![nothin-to-see-here_pink_dark](wallpapers/nothin-to-see-here_pink_dark.png)<br>nothin-to-see-here<br>[pink](tags/pink.md), [dark](tags/dark.md) | ![oled-mountains](wallpapers/oled-mountains.png)<br>oled-mountains |
| ![oneway-street_purple](wallpapers/oneway-street_purple.png)<br>oneway-street<br>[purple](tags/purple.md) | ![openbox_dark](wallpapers/openbox_dark.png)<br>openbox<br>[dark](tags/dark.md) |
| ![paint-loop_art](wallpapers/paint-loop_art.png)<br>paint-loop<br>[art](tags/art.md) | ![pastel-car](wallpapers/pastel-car.png)<br>pastel-car |
| ![pastel-window](wallpapers/pastel-window.png)<br>pastel-window | ![pink-clouds](wallpapers/pink-clouds.png)<br>pink-clouds |
| ![pink-sea](wallpapers/pink-sea.png)<br>pink-sea | ![pink-sky-moutains_minimalist](wallpapers/pink-sky-moutains_minimalist.png)<br>pink-sky-moutains<br>[minimalist](tags/minimalist.md) |
| ![purple-japan_purple](wallpapers/purple-japan_purple.png)<br>purple-japan<br>[purple](tags/purple.md) | ![purple-moon_purple](wallpapers/purple-moon_purple.png)<br>purple-moon<br>[purple](tags/purple.md) |
| ![railroad-cat](wallpapers/railroad-cat.png)<br>railroad-cat | ![rain-pixel](wallpapers/rain-pixel.png)<br>rain-pixel |
| ![rains-dark_dark](wallpapers/rains-dark_dark.png)<br>rains-dark<br>[dark](tags/dark.md) | ![rocket-launch_light](wallpapers/rocket-launch_light.png)<br>rocket-launch<br>[light](tags/light.md) |
| ![rocks-misty_light](wallpapers/rocks-misty_light.png)<br>rocks-misty<br>[light](tags/light.md) | ![rose-sky_rose](wallpapers/rose-sky_rose.png)<br>rose-sky<br>[rose](tags/rose.md) |
| ![sakura_pixelart_light_animated](wallpapers/sakura_pixelart_light_animated.gif)<br>sakura<br>[pixelart](tags/pixelart.md), [light](tags/light.md), [animated](tags/animated.md) | ![sakura_pixelart_light_static](wallpapers/sakura_pixelart_light_static.png)<br>sakura<br>[pixelart](tags/pixelart.md), [light](tags/light.md), [static](tags/static.md) |
| ![samurai_pixel_white](wallpapers/samurai_pixel_white.png)<br>samurai<br>[pixel](tags/pixel.md), [white](tags/white.md) | ![saturn-rings](wallpapers/saturn-rings.png)<br>saturn-rings |
| ![sea_blue](wallpapers/sea_blue.png)<br>sea<br>[blue](tags/blue.md) | ![sea-waves-pink-sunset](wallpapers/sea-waves-pink-sunset.png)<br>sea-waves-pink-sunset |
| ![snow-and-a-tree_white](wallpapers/snow-and-a-tree_white.png)<br>snow-and-a-tree<br>[white](tags/white.md) | ![snowy-japan-street](wallpapers/snowy-japan-street.png)<br>snowy-japan-street |
| ![space_dark](wallpapers/space_dark.png)<br>space<br>[dark](tags/dark.md) | ![space-2](wallpapers/space-2.png)<br>space-2 |
| ![space-portal-galaxy](wallpapers/space-portal-galaxy.png)<br>space-portal-galaxy | ![strange-forms_blue_purple](wallpapers/strange-forms_blue_purple.png)<br>strange-forms<br>[blue](tags/blue.md), [purple](tags/purple.md) |
| ![sun-is-shining](wallpapers/sun-is-shining.png)<br>sun-is-shining | ![sunny-winter-forest-river](wallpapers/sunny-winter-forest-river.png)<br>sunny-winter-forest-river |
| ![sushi-keycap_dark](wallpapers/sushi-keycap_dark.png)<br>sushi-keycap<br>[dark](tags/dark.md) | ![swirls](wallpapers/swirls.png)<br>swirls |
| ![thats-a-lot-of-stars](wallpapers/thats-a-lot-of-stars.png)<br>thats-a-lot-of-stars | ![the-cloud-is-hidding-the-moon_dark](wallpapers/the-cloud-is-hidding-the-moon_dark.png)<br>the-cloud-is-hidding-the-moon<br>[dark](tags/dark.md) |
| ![the-cpu_animated_black](wallpapers/the-cpu_animated_black.gif)<br>the-cpu<br>[animated](tags/animated.md), [black](tags/black.md) | ![the-cpu_static_black](wallpapers/the-cpu_static_black.png)<br>the-cpu<br>[static](tags/static.md), [black](tags/black.md) |
| ![the-cpu-border_animated_black](wallpapers/the-cpu-border_animated_black.gif)<br>the-cpu-border<br>[animated](tags/animated.md), [black](tags/black.md) | ![the-cpu-border_static_black](wallpapers/the-cpu-border_static_black.png)<br>the-cpu-border<br>[static](tags/static.md), [black](tags/black.md) |
| ![time-to-ski_blue](wallpapers/time-to-ski_blue.png)<br>time-to-ski<br>[blue](tags/blue.md) | ![tokyo](wallpapers/tokyo.png)<br>tokyo |
| ![tokyonight-skyline](wallpapers/tokyonight-skyline.png)<br>tokyonight-skyline | ![tokyo-skyscraper_dark](wallpapers/tokyo-skyscraper_dark.png)<br>tokyo-skyscraper<br>[dark](tags/dark.md) |
| ![topology_dark](wallpapers/topology_dark.png)<br>topology<br>[dark](tags/dark.md) | ![train_light](wallpapers/train_light.png)<br>train<br>[light](tags/light.md) |
| ![train-and-lake_blue](wallpapers/train-and-lake_blue.png)<br>train-and-lake<br>[blue](tags/blue.md) | ![train-on-a-bridge_purple](wallpapers/train-on-a-bridge_purple.png)<br>train-on-a-bridge<br>[purple](tags/purple.md) |
| ![under-the-bridge_blue](wallpapers/under-the-bridge_blue.png)<br>under-the-bridge<br>[blue](tags/blue.md) | ![vanilla_pink_purple](wallpapers/vanilla_pink_purple.png)<br>vanilla<br>[pink](tags/pink.md), [purple](tags/purple.md) |
| ![vector-moutains_blue_dark](wallpapers/vector-moutains_blue_dark.png)<br>vector-moutains<br>[blue](tags/blue.md), [dark](tags/dark.md) | ![velvet-moutains_minimalist_dark](wallpapers/velvet-moutains_minimalist_dark.png)<br>velvet-moutains<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![voyager-9](wallpapers/voyager-9.png)<br>voyager-9 | ![warm-textured-gradient](wallpapers/warm-textured-gradient.png)<br>warm-textured-gradient |
| ![wave-dark_minimalist_black-and-white](wallpapers/wave-dark_minimalist_black-and-white.png)<br>wave-dark<br>[minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) | ![white-samurai](wallpapers/white-samurai.png)<br>white-samurai |
| ![white-snow-and-a-tree_light](wallpapers/white-snow-and-a-tree_light.png)<br>white-snow-and-a-tree<br>[light](tags/light.md) | ![white-sphere_black-and-white](wallpapers/white-sphere_black-and-white.png)<br>white-sphere<br>[black-and-white](tags/black-and-white.md) |
| ![wide-tokyonight-skyline](wallpapers/wide-tokyonight-skyline.png)<br>wide-tokyonight-skyline | ![windows-by-night_dark](wallpapers/windows-by-night_dark.png)<br>windows-by-night<br>[dark](tags/dark.md) |
| ![windows-problems_flat_minimalist](wallpapers/windows-problems_flat_minimalist.png)<br>windows-problems<br>[flat](tags/flat.md), [minimalist](tags/minimalist.md) | ![winter-snow-covered-forest](wallpapers/winter-snow-covered-forest.png)<br>winter-snow-covered-forest |
WALLPAPERS-3COL.md
+95
View File
@@ -0,0 +1,95 @@
# Wallpapers
[1 Column](WALLPAPERS.md) · [2 Columns](WALLPAPERS-2COL.md) · [3 Columns](WALLPAPERS-3COL.md)
<details>
<summary>Tags</summary>
- [animated](tags/animated.md)
- [art](tags/art.md)
- [black](tags/black.md)
- [black-and-white](tags/black-and-white.md)
- [blue](tags/blue.md)
- [catppuccin](tags/catppuccin.md)
- [dark](tags/dark.md)
- [flat](tags/flat.md)
- [green](tags/green.md)
- [grey](tags/grey.md)
- [light](tags/light.md)
- [minimalist](tags/minimalist.md)
- [orange](tags/orange.md)
- [pink](tags/pink.md)
- [pixel](tags/pixel.md)
- [pixelart](tags/pixelart.md)
- [purple](tags/purple.md)
- [red](tags/red.md)
- [rose](tags/rose.md)
- [static](tags/static.md)
- [white](tags/white.md)
</details>
| | | |
|:---:|:---:|:---:|
| ![abstract_green](wallpapers/abstract_green.png)<br>abstract<br>[green](tags/green.md) | ![abstract-colorful](wallpapers/abstract-colorful.png)<br>abstract-colorful | ![a-car-and-a-cloud](wallpapers/a-car-and-a-cloud.png)<br>a-car-and-a-cloud |
| ![acrylic](wallpapers/acrylic.png)<br>acrylic | ![alone-cloud_dark](wallpapers/alone-cloud_dark.png)<br>alone-cloud<br>[dark](tags/dark.md) | ![anime-skyline_purple](wallpapers/anime-skyline_purple.png)<br>anime-skyline<br>[purple](tags/purple.md) |
| ![another-mountain](wallpapers/another-mountain.png)<br>another-mountain | ![another-one](wallpapers/another-one.png)<br>another-one | ![another-planet-with-grass_blue](wallpapers/another-planet-with-grass_blue.png)<br>another-planet-with-grass<br>[blue](tags/blue.md) |
| ![another-sky_light](wallpapers/another-sky_light.png)<br>another-sky<br>[light](tags/light.md) | ![a-purple-planet_purple](wallpapers/a-purple-planet_purple.png)<br>a-purple-planet<br>[purple](tags/purple.md) | ![aquarium_blue](wallpapers/aquarium_blue.png)<br>aquarium<br>[blue](tags/blue.md) |
| ![art-lake](wallpapers/art-lake.png)<br>art-lake | ![a-street-in-the-dark](wallpapers/a-street-in-the-dark.png)<br>a-street-in-the-dark | ![astronaut](wallpapers/astronaut.png)<br>astronaut |
| ![aurora](wallpapers/aurora.png)<br>aurora | ![a-violet-blur](wallpapers/a-violet-blur.png)<br>a-violet-blur | ![barcode_minimalist_dark](wallpapers/barcode_minimalist_dark.png)<br>barcode<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![beach-landscape](wallpapers/beach-landscape.png)<br>beach-landscape | ![beach-path](wallpapers/beach-path.png)<br>beach-path | ![bike-and-a-cat](wallpapers/bike-and-a-cat.png)<br>bike-and-a-cat |
| ![black-and-white-forest_minimalist_black-and-white](wallpapers/black-and-white-forest_minimalist_black-and-white.png)<br>black-and-white-forest<br>[minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) | ![black-grey-and-white](wallpapers/black-grey-and-white.png)<br>black-grey-and-white | ![black-moutains-and-a-city](wallpapers/black-moutains-and-a-city.png)<br>black-moutains-and-a-city |
| ![black-oil_dark](wallpapers/black-oil_dark.png)<br>black-oil<br>[dark](tags/dark.md) | ![black-oil-2_dark](wallpapers/black-oil-2_dark.png)<br>black-oil-2<br>[dark](tags/dark.md) | ![black-oil-3_dark](wallpapers/black-oil-3_dark.png)<br>black-oil-3<br>[dark](tags/dark.md) |
| ![black-waves_black-and-white](wallpapers/black-waves_black-and-white.png)<br>black-waves<br>[black-and-white](tags/black-and-white.md) | ![blue-galaxy-waves](wallpapers/blue-galaxy-waves.png)<br>blue-galaxy-waves | ![blue-waves_blue](wallpapers/blue-waves_blue.png)<br>blue-waves<br>[blue](tags/blue.md) |
| ![boat-and-purple](wallpapers/boat-and-purple.png)<br>boat-and-purple | ![borrowed-time](wallpapers/borrowed-time.png)<br>borrowed-time | ![catstraunaut_blue](wallpapers/catstraunaut_blue.png)<br>catstraunaut<br>[blue](tags/blue.md) |
| ![cat-vibin](wallpapers/cat-vibin.png)<br>cat-vibin | ![cat-watching-the-star_pixelart_purple_animated](wallpapers/cat-watching-the-star_pixelart_purple_animated.gif)<br>cat-watching-the-star<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md), [animated](tags/animated.md) | ![cat-watching-the-star_pixelart_purple_static](wallpapers/cat-watching-the-star_pixelart_purple_static.png)<br>cat-watching-the-star<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md), [static](tags/static.md) |
| ![cerf_dark_pixelart](wallpapers/cerf_dark_pixelart.png)<br>cerf<br>[dark](tags/dark.md), [pixelart](tags/pixelart.md) | ![city-at-night](wallpapers/city-at-night.png)<br>city-at-night | ![city-on-water](wallpapers/city-on-water.png)<br>city-on-water |
| ![cloud-in-the-sky_purple](wallpapers/cloud-in-the-sky_purple.png)<br>cloud-in-the-sky<br>[purple](tags/purple.md) | ![clouds-dodge-the-moon-2](wallpapers/clouds-dodge-the-moon-2.png)<br>clouds-dodge-the-moon-2 | ![clouds-in-the-sky](wallpapers/clouds-in-the-sky.png)<br>clouds-in-the-sky |
| ![clouds-in-the-sky-2](wallpapers/clouds-in-the-sky-2.png)<br>clouds-in-the-sky-2 | ![clouds-in-the-sky-3](wallpapers/clouds-in-the-sky-3.png)<br>clouds-in-the-sky-3 | ![clouds-in-the-sky-4_light](wallpapers/clouds-in-the-sky-4_light.png)<br>clouds-in-the-sky-4<br>[light](tags/light.md) |
| ![coffee-shop](wallpapers/coffee-shop.png)<br>coffee-shop | ![colorful-planets](wallpapers/colorful-planets.png)<br>colorful-planets | ![couch_orange](wallpapers/couch_orange.png)<br>couch<br>[orange](tags/orange.md) |
| ![cyber-ascii](wallpapers/cyber-ascii.png)<br>cyber-ascii | ![dark-forest_dark](wallpapers/dark-forest_dark.png)<br>dark-forest<br>[dark](tags/dark.md) | ![dark-magical-forest](wallpapers/dark-magical-forest.png)<br>dark-magical-forest |
| ![dark-magical-forest-desktop-wallpaper](wallpapers/dark-magical-forest-desktop-wallpaper.png)<br>dark-magical-forest-desktop-wallpaper | ![dark-starfields](wallpapers/dark-starfields.png)<br>dark-starfields | ![degirled](wallpapers/degirled.png)<br>degirled |
| ![diner-lonely-road](wallpapers/diner-lonely-road.png)<br>diner-lonely-road | ![drawing_art_dark](wallpapers/drawing_art_dark.png)<br>drawing<br>[art](tags/art.md), [dark](tags/dark.md) | ![dry-your-laundry](wallpapers/dry-your-laundry.png)<br>dry-your-laundry |
| ![evil-corp-keyboard_purple](wallpapers/evil-corp-keyboard_purple.png)<br>evil-corp-keyboard<br>[purple](tags/purple.md) | ![flying-comets-clouds](wallpapers/flying-comets-clouds.png)<br>flying-comets-clouds | ![forest-bridge](wallpapers/forest-bridge.png)<br>forest-bridge |
| ![forest-mountains-and-cloud_dark_black-and-white](wallpapers/forest-mountains-and-cloud_dark_black-and-white.png)<br>forest-mountains-and-cloud<br>[dark](tags/dark.md), [black-and-white](tags/black-and-white.md) | ![forest-under-the-clouds](wallpapers/forest-under-the-clouds.png)<br>forest-under-the-clouds | ![fractal](wallpapers/fractal.png)<br>fractal |
| ![free-astronaut_catppuccin](wallpapers/free-astronaut_catppuccin.png)<br>free-astronaut<br>[catppuccin](tags/catppuccin.md) | ![fsociety_red](wallpapers/fsociety_red.png)<br>fsociety<br>[red](tags/red.md) | ![fsociety](wallpapers/fsociety.png)<br>fsociety |
| ![fuck-society](wallpapers/fuck-society.png)<br>fuck-society | ![fuck-society-no-text](wallpapers/fuck-society-no-text.png)<br>fuck-society-no-text | ![fuji_dark](wallpapers/fuji_dark.png)<br>fuji<br>[dark](tags/dark.md) |
| ![fuji_light](wallpapers/fuji_light.png)<br>fuji<br>[light](tags/light.md) | ![galaxy_dark](wallpapers/galaxy_dark.png)<br>galaxy<br>[dark](tags/dark.md) | ![galaxy_pixelart_purple](wallpapers/galaxy_pixelart_purple.png)<br>galaxy<br>[pixelart](tags/pixelart.md), [purple](tags/purple.md) |
| ![galaxy-grey_pixelart](wallpapers/galaxy-grey_pixelart.png)<br>galaxy-grey<br>[pixelart](tags/pixelart.md) | ![girl-watching-the-cloud_blue](wallpapers/girl-watching-the-cloud_blue.png)<br>girl-watching-the-cloud<br>[blue](tags/blue.md) | ![glacier](wallpapers/glacier.png)<br>glacier |
| ![glacier-2](wallpapers/glacier-2.png)<br>glacier-2 | ![glacier-3](wallpapers/glacier-3.png)<br>glacier-3 | ![glitches](wallpapers/glitches.png)<br>glitches |
| ![gradient-pb](wallpapers/gradient-pb.png)<br>gradient-pb | ![grey-mountains_grey](wallpapers/grey-mountains_grey.png)<br>grey-mountains<br>[grey](tags/grey.md) | ![grey-road_grey](wallpapers/grey-road_grey.png)<br>grey-road<br>[grey](tags/grey.md) |
| ![grue_blue](wallpapers/grue_blue.png)<br>grue<br>[blue](tags/blue.md) | ![hand-blocking-the-sun_blue](wallpapers/hand-blocking-the-sun_blue.png)<br>hand-blocking-the-sun<br>[blue](tags/blue.md) | ![hands_black-and-white](wallpapers/hands_black-and-white.png)<br>hands<br>[black-and-white](tags/black-and-white.md) |
| ![hello-friend_black-and-white](wallpapers/hello-friend_black-and-white.png)<br>hello-friend<br>[black-and-white](tags/black-and-white.md) | ![horizon](wallpapers/horizon.png)<br>horizon | ![hue-1_minimalist](wallpapers/hue-1_minimalist.png)<br>hue-1<br>[minimalist](tags/minimalist.md) |
| ![hue-2_minimalist](wallpapers/hue-2_minimalist.png)<br>hue-2<br>[minimalist](tags/minimalist.md) | ![hue-3_minimalist](wallpapers/hue-3_minimalist.png)<br>hue-3<br>[minimalist](tags/minimalist.md) | ![hue-4_minimalist](wallpapers/hue-4_minimalist.png)<br>hue-4<br>[minimalist](tags/minimalist.md) |
| ![hue-5_minimalist](wallpapers/hue-5_minimalist.png)<br>hue-5<br>[minimalist](tags/minimalist.md) | ![hue-6_minimalist_dark](wallpapers/hue-6_minimalist_dark.png)<br>hue-6<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) | ![hue-7_minimalist_dark](wallpapers/hue-7_minimalist_dark.png)<br>hue-7<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![it-is-some-waves_dark](wallpapers/it-is-some-waves_dark.png)<br>it-is-some-waves<br>[dark](tags/dark.md) | ![it-is-the-ocean](wallpapers/it-is-the-ocean.png)<br>it-is-the-ocean | ![japan-houses](wallpapers/japan-houses.png)<br>japan-houses |
| ![japan-moutains_black-and-white](wallpapers/japan-moutains_black-and-white.png)<br>japan-moutains<br>[black-and-white](tags/black-and-white.md) | ![lana-silhouette](wallpapers/lana-silhouette.png)<br>lana-silhouette | ![landscape_purple](wallpapers/landscape_purple.png)<br>landscape<br>[purple](tags/purple.md) |
| ![lavender-cat_purple](wallpapers/lavender-cat_purple.png)<br>lavender-cat<br>[purple](tags/purple.md) | ![leef_dark_purple_minimalist](wallpapers/leef_dark_purple_minimalist.png)<br>leef<br>[dark](tags/dark.md), [purple](tags/purple.md), [minimalist](tags/minimalist.md) | ![lights-in-the-dark_dark](wallpapers/lights-in-the-dark_dark.png)<br>lights-in-the-dark<br>[dark](tags/dark.md) |
| ![lofi-setup_blue_purple](wallpapers/lofi-setup_blue_purple.png)<br>lofi-setup<br>[blue](tags/blue.md), [purple](tags/purple.md) | ![lofi-urban_blue](wallpapers/lofi-urban_blue.png)<br>lofi-urban<br>[blue](tags/blue.md) | ![magma](wallpapers/magma.png)<br>magma |
| ![medusa_art_dark](wallpapers/medusa_art_dark.png)<br>medusa<br>[art](tags/art.md), [dark](tags/dark.md) | ![moroco](wallpapers/moroco.png)<br>moroco | ![mosaic_dark](wallpapers/mosaic_dark.png)<br>mosaic<br>[dark](tags/dark.md) |
| ![moutain](wallpapers/moutain.png)<br>moutain | ![moutains-and-a-lac_black-and-white](wallpapers/moutains-and-a-lac_black-and-white.png)<br>moutains-and-a-lac<br>[black-and-white](tags/black-and-white.md) | ![moutains-and-a-lac_blue](wallpapers/moutains-and-a-lac_blue.png)<br>moutains-and-a-lac<br>[blue](tags/blue.md) |
| ![moutains-and-a-lac-night_purple](wallpapers/moutains-and-a-lac-night_purple.png)<br>moutains-and-a-lac-night<br>[purple](tags/purple.md) | ![moutains-and-an-orange-sun](wallpapers/moutains-and-an-orange-sun.png)<br>moutains-and-an-orange-sun | ![moutains-and-stars_black](wallpapers/moutains-and-stars_black.png)<br>moutains-and-stars<br>[black](tags/black.md) |
| ![moutains-justin_white](wallpapers/moutains-justin_white.png)<br>moutains-justin<br>[white](tags/white.md) | ![moutains-on-top-of-clouds](wallpapers/moutains-on-top-of-clouds.png)<br>moutains-on-top-of-clouds | ![nasa-japan_dark](wallpapers/nasa-japan_dark.png)<br>nasa-japan<br>[dark](tags/dark.md) |
| ![nepal](wallpapers/nepal.png)<br>nepal | ![night-fairycore-forest](wallpapers/night-fairycore-forest.png)<br>night-fairycore-forest | ![night-forest_dark](wallpapers/night-forest_dark.png)<br>night-forest<br>[dark](tags/dark.md) |
| ![night-road_purple](wallpapers/night-road_purple.png)<br>night-road<br>[purple](tags/purple.md) | ![night-sky-with-snowflakes](wallpapers/night-sky-with-snowflakes.png)<br>night-sky-with-snowflakes | ![nix_minimalist_purple](wallpapers/nix_minimalist_purple.png)<br>nix<br>[minimalist](tags/minimalist.md), [purple](tags/purple.md) |
| ![not-earth_dark](wallpapers/not-earth_dark.png)<br>not-earth<br>[dark](tags/dark.md) | ![nothin-to-see-here_pink_dark](wallpapers/nothin-to-see-here_pink_dark.png)<br>nothin-to-see-here<br>[pink](tags/pink.md), [dark](tags/dark.md) | ![oled-mountains](wallpapers/oled-mountains.png)<br>oled-mountains |
| ![oneway-street_purple](wallpapers/oneway-street_purple.png)<br>oneway-street<br>[purple](tags/purple.md) | ![openbox_dark](wallpapers/openbox_dark.png)<br>openbox<br>[dark](tags/dark.md) | ![paint-loop_art](wallpapers/paint-loop_art.png)<br>paint-loop<br>[art](tags/art.md) |
| ![pastel-car](wallpapers/pastel-car.png)<br>pastel-car | ![pastel-window](wallpapers/pastel-window.png)<br>pastel-window | ![pink-clouds](wallpapers/pink-clouds.png)<br>pink-clouds |
| ![pink-sea](wallpapers/pink-sea.png)<br>pink-sea | ![pink-sky-moutains_minimalist](wallpapers/pink-sky-moutains_minimalist.png)<br>pink-sky-moutains<br>[minimalist](tags/minimalist.md) | ![purple-japan_purple](wallpapers/purple-japan_purple.png)<br>purple-japan<br>[purple](tags/purple.md) |
| ![purple-moon_purple](wallpapers/purple-moon_purple.png)<br>purple-moon<br>[purple](tags/purple.md) | ![railroad-cat](wallpapers/railroad-cat.png)<br>railroad-cat | ![rain-pixel](wallpapers/rain-pixel.png)<br>rain-pixel |
| ![rains-dark_dark](wallpapers/rains-dark_dark.png)<br>rains-dark<br>[dark](tags/dark.md) | ![rocket-launch_light](wallpapers/rocket-launch_light.png)<br>rocket-launch<br>[light](tags/light.md) | ![rocks-misty_light](wallpapers/rocks-misty_light.png)<br>rocks-misty<br>[light](tags/light.md) |
| ![rose-sky_rose](wallpapers/rose-sky_rose.png)<br>rose-sky<br>[rose](tags/rose.md) | ![sakura_pixelart_light_animated](wallpapers/sakura_pixelart_light_animated.gif)<br>sakura<br>[pixelart](tags/pixelart.md), [light](tags/light.md), [animated](tags/animated.md) | ![sakura_pixelart_light_static](wallpapers/sakura_pixelart_light_static.png)<br>sakura<br>[pixelart](tags/pixelart.md), [light](tags/light.md), [static](tags/static.md) |
| ![samurai_pixel_white](wallpapers/samurai_pixel_white.png)<br>samurai<br>[pixel](tags/pixel.md), [white](tags/white.md) | ![saturn-rings](wallpapers/saturn-rings.png)<br>saturn-rings | ![sea_blue](wallpapers/sea_blue.png)<br>sea<br>[blue](tags/blue.md) |
| ![sea-waves-pink-sunset](wallpapers/sea-waves-pink-sunset.png)<br>sea-waves-pink-sunset | ![snow-and-a-tree_white](wallpapers/snow-and-a-tree_white.png)<br>snow-and-a-tree<br>[white](tags/white.md) | ![snowy-japan-street](wallpapers/snowy-japan-street.png)<br>snowy-japan-street |
| ![space_dark](wallpapers/space_dark.png)<br>space<br>[dark](tags/dark.md) | ![space-2](wallpapers/space-2.png)<br>space-2 | ![space-portal-galaxy](wallpapers/space-portal-galaxy.png)<br>space-portal-galaxy |
| ![strange-forms_blue_purple](wallpapers/strange-forms_blue_purple.png)<br>strange-forms<br>[blue](tags/blue.md), [purple](tags/purple.md) | ![sun-is-shining](wallpapers/sun-is-shining.png)<br>sun-is-shining | ![sunny-winter-forest-river](wallpapers/sunny-winter-forest-river.png)<br>sunny-winter-forest-river |
| ![sushi-keycap_dark](wallpapers/sushi-keycap_dark.png)<br>sushi-keycap<br>[dark](tags/dark.md) | ![swirls](wallpapers/swirls.png)<br>swirls | ![thats-a-lot-of-stars](wallpapers/thats-a-lot-of-stars.png)<br>thats-a-lot-of-stars |
| ![the-cloud-is-hidding-the-moon_dark](wallpapers/the-cloud-is-hidding-the-moon_dark.png)<br>the-cloud-is-hidding-the-moon<br>[dark](tags/dark.md) | ![the-cpu_animated_black](wallpapers/the-cpu_animated_black.gif)<br>the-cpu<br>[animated](tags/animated.md), [black](tags/black.md) | ![the-cpu_static_black](wallpapers/the-cpu_static_black.png)<br>the-cpu<br>[static](tags/static.md), [black](tags/black.md) |
| ![the-cpu-border_animated_black](wallpapers/the-cpu-border_animated_black.gif)<br>the-cpu-border<br>[animated](tags/animated.md), [black](tags/black.md) | ![the-cpu-border_static_black](wallpapers/the-cpu-border_static_black.png)<br>the-cpu-border<br>[static](tags/static.md), [black](tags/black.md) | ![time-to-ski_blue](wallpapers/time-to-ski_blue.png)<br>time-to-ski<br>[blue](tags/blue.md) |
| ![tokyo](wallpapers/tokyo.png)<br>tokyo | ![tokyonight-skyline](wallpapers/tokyonight-skyline.png)<br>tokyonight-skyline | ![tokyo-skyscraper_dark](wallpapers/tokyo-skyscraper_dark.png)<br>tokyo-skyscraper<br>[dark](tags/dark.md) |
| ![topology_dark](wallpapers/topology_dark.png)<br>topology<br>[dark](tags/dark.md) | ![train_light](wallpapers/train_light.png)<br>train<br>[light](tags/light.md) | ![train-and-lake_blue](wallpapers/train-and-lake_blue.png)<br>train-and-lake<br>[blue](tags/blue.md) |
| ![train-on-a-bridge_purple](wallpapers/train-on-a-bridge_purple.png)<br>train-on-a-bridge<br>[purple](tags/purple.md) | ![under-the-bridge_blue](wallpapers/under-the-bridge_blue.png)<br>under-the-bridge<br>[blue](tags/blue.md) | ![vanilla_pink_purple](wallpapers/vanilla_pink_purple.png)<br>vanilla<br>[pink](tags/pink.md), [purple](tags/purple.md) |
| ![vector-moutains_blue_dark](wallpapers/vector-moutains_blue_dark.png)<br>vector-moutains<br>[blue](tags/blue.md), [dark](tags/dark.md) | ![velvet-moutains_minimalist_dark](wallpapers/velvet-moutains_minimalist_dark.png)<br>velvet-moutains<br>[minimalist](tags/minimalist.md), [dark](tags/dark.md) | ![voyager-9](wallpapers/voyager-9.png)<br>voyager-9 |
| ![warm-textured-gradient](wallpapers/warm-textured-gradient.png)<br>warm-textured-gradient | ![wave-dark_minimalist_black-and-white](wallpapers/wave-dark_minimalist_black-and-white.png)<br>wave-dark<br>[minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) | ![white-samurai](wallpapers/white-samurai.png)<br>white-samurai |
| ![white-snow-and-a-tree_light](wallpapers/white-snow-and-a-tree_light.png)<br>white-snow-and-a-tree<br>[light](tags/light.md) | ![white-sphere_black-and-white](wallpapers/white-sphere_black-and-white.png)<br>white-sphere<br>[black-and-white](tags/black-and-white.md) | ![wide-tokyonight-skyline](wallpapers/wide-tokyonight-skyline.png)<br>wide-tokyonight-skyline |
| ![windows-by-night_dark](wallpapers/windows-by-night_dark.png)<br>windows-by-night<br>[dark](tags/dark.md) | ![windows-problems_flat_minimalist](wallpapers/windows-problems_flat_minimalist.png)<br>windows-problems<br>[flat](tags/flat.md), [minimalist](tags/minimalist.md) | ![winter-snow-covered-forest](wallpapers/winter-snow-covered-forest.png)<br>winter-snow-covered-forest |
WALLPAPERS.md
+217 -188
View File
@@ -1,190 +1,219 @@
# Wallpapers # Wallpapers
| Wallpaper | Name | [1 Column](WALLPAPERS.md) · [2 Columns](WALLPAPERS-2COL.md) · [3 Columns](WALLPAPERS-3COL.md)
|-----------|------|
| ![a-car-and-a-cloud](app/static/wallpapers/a-car-and-a-cloud.png) | a-car-and-a-cloud | <details>
| ![a-purple-planet_purple](app/static/wallpapers/a-purple-planet_purple.png) | a-purple-planet_purple | <summary>Tags</summary>
| ![a-street-in-the-dark](app/static/wallpapers/a-street-in-the-dark.png) | a-street-in-the-dark |
| ![a-violet-blur](app/static/wallpapers/a-violet-blur.png) | a-violet-blur | - [animated](tags/animated.md)
| ![abstract-colorful](app/static/wallpapers/abstract-colorful.png) | abstract-colorful | - [art](tags/art.md)
| ![abstract_green](app/static/wallpapers/abstract_green.png) | abstract_green | - [black](tags/black.md)
| ![acrylic](app/static/wallpapers/acrylic.png) | acrylic | - [black-and-white](tags/black-and-white.md)
| ![alone-cloud_dark](app/static/wallpapers/alone-cloud_dark.png) | alone-cloud_dark | - [blue](tags/blue.md)
| ![anime-skyline_purple](app/static/wallpapers/anime-skyline_purple.png) | anime-skyline_purple | - [catppuccin](tags/catppuccin.md)
| ![another-mountain](app/static/wallpapers/another-mountain.png) | another-mountain | - [dark](tags/dark.md)
| ![another-one](app/static/wallpapers/another-one.png) | another-one | - [flat](tags/flat.md)
| ![another-planet-with-grass_blue](app/static/wallpapers/another-planet-with-grass_blue.png) | another-planet-with-grass_blue | - [green](tags/green.md)
| ![another-sky_light](app/static/wallpapers/another-sky_light.png) | another-sky_light | - [grey](tags/grey.md)
| ![aquarium_blue](app/static/wallpapers/aquarium_blue.png) | aquarium_blue | - [light](tags/light.md)
| ![art-lake](app/static/wallpapers/art-lake.png) | art-lake | - [minimalist](tags/minimalist.md)
| ![astronaut](app/static/wallpapers/astronaut.png) | astronaut | - [orange](tags/orange.md)
| ![aurora](app/static/wallpapers/aurora.png) | aurora | - [pink](tags/pink.md)
| ![barcode_minimalist_dark](app/static/wallpapers/barcode_minimalist_dark.png) | barcode_minimalist_dark | - [pixel](tags/pixel.md)
| ![beach-landscape](app/static/wallpapers/beach-landscape.png) | beach-landscape | - [pixelart](tags/pixelart.md)
| ![beach-path](app/static/wallpapers/beach-path.png) | beach-path | - [purple](tags/purple.md)
| ![bike-and-a-cat](app/static/wallpapers/bike-and-a-cat.png) | bike-and-a-cat | - [red](tags/red.md)
| ![black-and-white-forest_minimalist_black-and-white](app/static/wallpapers/black-and-white-forest_minimalist_black-and-white.png) | black-and-white-forest_minimalist_black-and-white | - [rose](tags/rose.md)
| ![black-grey-and-white](app/static/wallpapers/black-grey-and-white.png) | black-grey-and-white | - [static](tags/static.md)
| ![black-moutains-and-a-city](app/static/wallpapers/black-moutains-and-a-city.png) | black-moutains-and-a-city | - [white](tags/white.md)
| ![black-oil-2_dark](app/static/wallpapers/black-oil-2_dark.png) | black-oil-2_dark |
| ![black-oil-3_dark](app/static/wallpapers/black-oil-3_dark.png) | black-oil-3_dark | </details>
| ![black-oil_dark](app/static/wallpapers/black-oil_dark.png) | black-oil_dark |
| ![black-waves_black-and-white](app/static/wallpapers/black-waves_black-and-white.png) | black-waves_black-and-white | | Preview | Name | Tags |
| ![blue-galaxy-waves](app/static/wallpapers/blue-galaxy-waves.png) | blue-galaxy-waves | |---------|------|------|
| ![blue-waves_blue](app/static/wallpapers/blue-waves_blue.png) | blue-waves_blue | | ![abstract_green](wallpapers/abstract_green.png) | abstract | [green](tags/green.md) |
| ![boat-and-purple](app/static/wallpapers/boat-and-purple.png) | boat-and-purple | | ![abstract-colorful](wallpapers/abstract-colorful.png) | abstract-colorful | |
| ![borrowed-time](app/static/wallpapers/borrowed-time.png) | borrowed-time | | ![a-car-and-a-cloud](wallpapers/a-car-and-a-cloud.png) | a-car-and-a-cloud | |
| ![cat-vibin](app/static/wallpapers/cat-vibin.png) | cat-vibin | | ![acrylic](wallpapers/acrylic.png) | acrylic | |
| ![cat-watching-the-star_pixelart_purple_static](app/static/wallpapers/cat-watching-the-star_pixelart_purple_static.png) | cat-watching-the-star_pixelart_purple_static | | ![alone-cloud_dark](wallpapers/alone-cloud_dark.png) | alone-cloud | [dark](tags/dark.md) |
| ![catstraunaut_blue](app/static/wallpapers/catstraunaut_blue.png) | catstraunaut_blue | | ![anime-skyline_purple](wallpapers/anime-skyline_purple.png) | anime-skyline | [purple](tags/purple.md) |
| ![cerf_dark_pixelart](app/static/wallpapers/cerf_dark_pixelart.png) | cerf_dark_pixelart | | ![another-mountain](wallpapers/another-mountain.png) | another-mountain | |
| ![city-at-night](app/static/wallpapers/city-at-night.png) | city-at-night | | ![another-one](wallpapers/another-one.png) | another-one | |
| ![city-on-water](app/static/wallpapers/city-on-water.png) | city-on-water | | ![another-planet-with-grass_blue](wallpapers/another-planet-with-grass_blue.png) | another-planet-with-grass | [blue](tags/blue.md) |
| ![cloud-in-the-sky_purple](app/static/wallpapers/cloud-in-the-sky_purple.png) | cloud-in-the-sky_purple | | ![another-sky_light](wallpapers/another-sky_light.png) | another-sky | [light](tags/light.md) |
| ![clouds-dodge-the-moon-2](app/static/wallpapers/clouds-dodge-the-moon-2.png) | clouds-dodge-the-moon-2 | | ![a-purple-planet_purple](wallpapers/a-purple-planet_purple.png) | a-purple-planet | [purple](tags/purple.md) |
| ![clouds-in-the-sky-2](app/static/wallpapers/clouds-in-the-sky-2.png) | clouds-in-the-sky-2 | | ![aquarium_blue](wallpapers/aquarium_blue.png) | aquarium | [blue](tags/blue.md) |
| ![clouds-in-the-sky-3](app/static/wallpapers/clouds-in-the-sky-3.png) | clouds-in-the-sky-3 | | ![art-lake](wallpapers/art-lake.png) | art-lake | |
| ![clouds-in-the-sky-4_light](app/static/wallpapers/clouds-in-the-sky-4_light.png) | clouds-in-the-sky-4_light | | ![a-street-in-the-dark](wallpapers/a-street-in-the-dark.png) | a-street-in-the-dark | |
| ![clouds-in-the-sky](app/static/wallpapers/clouds-in-the-sky.png) | clouds-in-the-sky | | ![astronaut](wallpapers/astronaut.png) | astronaut | |
| ![coffee-shop](app/static/wallpapers/coffee-shop.png) | coffee-shop | | ![aurora](wallpapers/aurora.png) | aurora | |
| ![colorful-planets](app/static/wallpapers/colorful-planets.png) | colorful-planets | | ![a-violet-blur](wallpapers/a-violet-blur.png) | a-violet-blur | |
| ![couch_orange](app/static/wallpapers/couch_orange.png) | couch_orange | | ![barcode_minimalist_dark](wallpapers/barcode_minimalist_dark.png) | barcode | [minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![cyber-ascii](app/static/wallpapers/cyber-ascii.png) | cyber-ascii | | ![beach-landscape](wallpapers/beach-landscape.png) | beach-landscape | |
| ![dark-forest_dark](app/static/wallpapers/dark-forest_dark.png) | dark-forest_dark | | ![beach-path](wallpapers/beach-path.png) | beach-path | |
| ![dark-magical-forest-desktop-wallpaper](app/static/wallpapers/dark-magical-forest-desktop-wallpaper.png) | dark-magical-forest-desktop-wallpaper | | ![bike-and-a-cat](wallpapers/bike-and-a-cat.png) | bike-and-a-cat | |
| ![dark-magical-forest](app/static/wallpapers/dark-magical-forest.png) | dark-magical-forest | | ![black-and-white-forest_minimalist_black-and-white](wallpapers/black-and-white-forest_minimalist_black-and-white.png) | black-and-white-forest | [minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) |
| ![dark-starfields](app/static/wallpapers/dark-starfields.png) | dark-starfields | | ![black-grey-and-white](wallpapers/black-grey-and-white.png) | black-grey-and-white | |
| ![degirled](app/static/wallpapers/degirled.png) | degirled | | ![black-moutains-and-a-city](wallpapers/black-moutains-and-a-city.png) | black-moutains-and-a-city | |
| ![diner-lonely-road](app/static/wallpapers/diner-lonely-road.png) | diner-lonely-road | | ![black-oil_dark](wallpapers/black-oil_dark.png) | black-oil | [dark](tags/dark.md) |
| ![drawing_art_dark](app/static/wallpapers/drawing_art_dark.png) | drawing_art_dark | | ![black-oil-2_dark](wallpapers/black-oil-2_dark.png) | black-oil-2 | [dark](tags/dark.md) |
| ![dry-your-laundry](app/static/wallpapers/dry-your-laundry.png) | dry-your-laundry | | ![black-oil-3_dark](wallpapers/black-oil-3_dark.png) | black-oil-3 | [dark](tags/dark.md) |
| ![evil-corp-keyboard_purple](app/static/wallpapers/evil-corp-keyboard_purple.png) | evil-corp-keyboard_purple | | ![black-waves_black-and-white](wallpapers/black-waves_black-and-white.png) | black-waves | [black-and-white](tags/black-and-white.md) |
| ![flying-comets-clouds](app/static/wallpapers/flying-comets-clouds.png) | flying-comets-clouds | | ![blue-galaxy-waves](wallpapers/blue-galaxy-waves.png) | blue-galaxy-waves | |
| ![forest-bridge](app/static/wallpapers/forest-bridge.png) | forest-bridge | | ![blue-waves_blue](wallpapers/blue-waves_blue.png) | blue-waves | [blue](tags/blue.md) |
| ![forest-mountains-and-cloud_dark_black-and-white](app/static/wallpapers/forest-mountains-and-cloud_dark_black-and-white.png) | forest-mountains-and-cloud_dark_black-and-white | | ![boat-and-purple](wallpapers/boat-and-purple.png) | boat-and-purple | |
| ![forest-under-the-clouds](app/static/wallpapers/forest-under-the-clouds.png) | forest-under-the-clouds | | ![borrowed-time](wallpapers/borrowed-time.png) | borrowed-time | |
| ![fractal](app/static/wallpapers/fractal.png) | fractal | | ![catstraunaut_blue](wallpapers/catstraunaut_blue.png) | catstraunaut | [blue](tags/blue.md) |
| ![free-astronaut_catppuccin](app/static/wallpapers/free-astronaut_catppuccin.png) | free-astronaut_catppuccin | | ![cat-vibin](wallpapers/cat-vibin.png) | cat-vibin | |
| ![fsociety](app/static/wallpapers/fsociety.png) | fsociety | | ![cat-watching-the-star_pixelart_purple_animated](wallpapers/cat-watching-the-star_pixelart_purple_animated.gif) | cat-watching-the-star | [pixelart](tags/pixelart.md), [purple](tags/purple.md), [animated](tags/animated.md) |
| ![fsociety_red](app/static/wallpapers/fsociety_red.png) | fsociety_red | | ![cat-watching-the-star_pixelart_purple_static](wallpapers/cat-watching-the-star_pixelart_purple_static.png) | cat-watching-the-star | [pixelart](tags/pixelart.md), [purple](tags/purple.md), [static](tags/static.md) |
| ![fuck-society-no-text](app/static/wallpapers/fuck-society-no-text.png) | fuck-society-no-text | | ![cerf_dark_pixelart](wallpapers/cerf_dark_pixelart.png) | cerf | [dark](tags/dark.md), [pixelart](tags/pixelart.md) |
| ![fuck-society](app/static/wallpapers/fuck-society.png) | fuck-society | | ![city-at-night](wallpapers/city-at-night.png) | city-at-night | |
| ![fuji_dark](app/static/wallpapers/fuji_dark.png) | fuji_dark | | ![city-on-water](wallpapers/city-on-water.png) | city-on-water | |
| ![fuji_light](app/static/wallpapers/fuji_light.png) | fuji_light | | ![cloud-in-the-sky_purple](wallpapers/cloud-in-the-sky_purple.png) | cloud-in-the-sky | [purple](tags/purple.md) |
| ![galaxy-grey_pixelart](app/static/wallpapers/galaxy-grey_pixelart.png) | galaxy-grey_pixelart | | ![clouds-dodge-the-moon-2](wallpapers/clouds-dodge-the-moon-2.png) | clouds-dodge-the-moon-2 | |
| ![galaxy_dark](app/static/wallpapers/galaxy_dark.png) | galaxy_dark | | ![clouds-in-the-sky](wallpapers/clouds-in-the-sky.png) | clouds-in-the-sky | |
| ![galaxy_pixelart_purple](app/static/wallpapers/galaxy_pixelart_purple.png) | galaxy_pixelart_purple | | ![clouds-in-the-sky-2](wallpapers/clouds-in-the-sky-2.png) | clouds-in-the-sky-2 | |
| ![girl-watching-the-cloud_blue](app/static/wallpapers/girl-watching-the-cloud_blue.png) | girl-watching-the-cloud_blue | | ![clouds-in-the-sky-3](wallpapers/clouds-in-the-sky-3.png) | clouds-in-the-sky-3 | |
| ![glacier-2](app/static/wallpapers/glacier-2.png) | glacier-2 | | ![clouds-in-the-sky-4_light](wallpapers/clouds-in-the-sky-4_light.png) | clouds-in-the-sky-4 | [light](tags/light.md) |
| ![glacier-3](app/static/wallpapers/glacier-3.png) | glacier-3 | | ![coffee-shop](wallpapers/coffee-shop.png) | coffee-shop | |
| ![glacier](app/static/wallpapers/glacier.png) | glacier | | ![colorful-planets](wallpapers/colorful-planets.png) | colorful-planets | |
| ![glitches](app/static/wallpapers/glitches.png) | glitches | | ![couch_orange](wallpapers/couch_orange.png) | couch | [orange](tags/orange.md) |
| ![gradient-pb](app/static/wallpapers/gradient-pb.png) | gradient-pb | | ![cyber-ascii](wallpapers/cyber-ascii.png) | cyber-ascii | |
| ![grey-mountains_grey](app/static/wallpapers/grey-mountains_grey.png) | grey-mountains_grey | | ![dark-forest_dark](wallpapers/dark-forest_dark.png) | dark-forest | [dark](tags/dark.md) |
| ![grey-road_grey](app/static/wallpapers/grey-road_grey.png) | grey-road_grey | | ![dark-magical-forest](wallpapers/dark-magical-forest.png) | dark-magical-forest | |
| ![grue_blue](app/static/wallpapers/grue_blue.png) | grue_blue | | ![dark-magical-forest-desktop-wallpaper](wallpapers/dark-magical-forest-desktop-wallpaper.png) | dark-magical-forest-desktop-wallpaper | |
| ![hand-blocking-the-sun_blue](app/static/wallpapers/hand-blocking-the-sun_blue.png) | hand-blocking-the-sun_blue | | ![dark-starfields](wallpapers/dark-starfields.png) | dark-starfields | |
| ![hands_black-and-white](app/static/wallpapers/hands_black-and-white.png) | hands_black-and-white | | ![degirled](wallpapers/degirled.png) | degirled | |
| ![hello-friend_black-and-white](app/static/wallpapers/hello-friend_black-and-white.png) | hello-friend_black-and-white | | ![diner-lonely-road](wallpapers/diner-lonely-road.png) | diner-lonely-road | |
| ![horizon](app/static/wallpapers/horizon.png) | horizon | | ![drawing_art_dark](wallpapers/drawing_art_dark.png) | drawing | [art](tags/art.md), [dark](tags/dark.md) |
| ![hue-1_minimalist](app/static/wallpapers/hue-1_minimalist.png) | hue-1_minimalist | | ![dry-your-laundry](wallpapers/dry-your-laundry.png) | dry-your-laundry | |
| ![hue-2_minimalist](app/static/wallpapers/hue-2_minimalist.png) | hue-2_minimalist | | ![evil-corp-keyboard_purple](wallpapers/evil-corp-keyboard_purple.png) | evil-corp-keyboard | [purple](tags/purple.md) |
| ![hue-3_minimalist](app/static/wallpapers/hue-3_minimalist.png) | hue-3_minimalist | | ![flying-comets-clouds](wallpapers/flying-comets-clouds.png) | flying-comets-clouds | |
| ![hue-4_minimalist](app/static/wallpapers/hue-4_minimalist.png) | hue-4_minimalist | | ![forest-bridge](wallpapers/forest-bridge.png) | forest-bridge | |
| ![hue-5_minimalist](app/static/wallpapers/hue-5_minimalist.png) | hue-5_minimalist | | ![forest-mountains-and-cloud_dark_black-and-white](wallpapers/forest-mountains-and-cloud_dark_black-and-white.png) | forest-mountains-and-cloud | [dark](tags/dark.md), [black-and-white](tags/black-and-white.md) |
| ![hue-6_minimalist_dark](app/static/wallpapers/hue-6_minimalist_dark.png) | hue-6_minimalist_dark | | ![forest-under-the-clouds](wallpapers/forest-under-the-clouds.png) | forest-under-the-clouds | |
| ![hue-7_minimalist_dark](app/static/wallpapers/hue-7_minimalist_dark.png) | hue-7_minimalist_dark | | ![fractal](wallpapers/fractal.png) | fractal | |
| ![it-is-some-waves_dark](app/static/wallpapers/it-is-some-waves_dark.png) | it-is-some-waves_dark | | ![free-astronaut_catppuccin](wallpapers/free-astronaut_catppuccin.png) | free-astronaut | [catppuccin](tags/catppuccin.md) |
| ![it-is-the-ocean](app/static/wallpapers/it-is-the-ocean.png) | it-is-the-ocean | | ![fsociety_red](wallpapers/fsociety_red.png) | fsociety | [red](tags/red.md) |
| ![japan-houses](app/static/wallpapers/japan-houses.png) | japan-houses | | ![fsociety](wallpapers/fsociety.png) | fsociety | |
| ![japan-moutains_black-and-white](app/static/wallpapers/japan-moutains_black-and-white.png) | japan-moutains_black-and-white | | ![fuck-society](wallpapers/fuck-society.png) | fuck-society | |
| ![lana-silhouette](app/static/wallpapers/lana-silhouette.png) | lana-silhouette | | ![fuck-society-no-text](wallpapers/fuck-society-no-text.png) | fuck-society-no-text | |
| ![landscape_purple](app/static/wallpapers/landscape_purple.png) | landscape_purple | | ![fuji_dark](wallpapers/fuji_dark.png) | fuji | [dark](tags/dark.md) |
| ![lavender-cat_purple](app/static/wallpapers/lavender-cat_purple.png) | lavender-cat_purple | | ![fuji_light](wallpapers/fuji_light.png) | fuji | [light](tags/light.md) |
| ![leef_dark_purple_minimalist](app/static/wallpapers/leef_dark_purple_minimalist.png) | leef_dark_purple_minimalist | | ![galaxy_dark](wallpapers/galaxy_dark.png) | galaxy | [dark](tags/dark.md) |
| ![lights-in-the-dark_dark](app/static/wallpapers/lights-in-the-dark_dark.png) | lights-in-the-dark_dark | | ![galaxy_pixelart_purple](wallpapers/galaxy_pixelart_purple.png) | galaxy | [pixelart](tags/pixelart.md), [purple](tags/purple.md) |
| ![lofi-setup_blue_purple](app/static/wallpapers/lofi-setup_blue_purple.png) | lofi-setup_blue_purple | | ![galaxy-grey_pixelart](wallpapers/galaxy-grey_pixelart.png) | galaxy-grey | [pixelart](tags/pixelart.md) |
| ![lofi-urban_blue](app/static/wallpapers/lofi-urban_blue.png) | lofi-urban_blue | | ![girl-watching-the-cloud_blue](wallpapers/girl-watching-the-cloud_blue.png) | girl-watching-the-cloud | [blue](tags/blue.md) |
| ![magma](app/static/wallpapers/magma.png) | magma | | ![glacier](wallpapers/glacier.png) | glacier | |
| ![medusa_art_dark](app/static/wallpapers/medusa_art_dark.png) | medusa_art_dark | | ![glacier-2](wallpapers/glacier-2.png) | glacier-2 | |
| ![moroco](app/static/wallpapers/moroco.png) | moroco | | ![glacier-3](wallpapers/glacier-3.png) | glacier-3 | |
| ![mosaic_dark](app/static/wallpapers/mosaic_dark.png) | mosaic_dark | | ![glitches](wallpapers/glitches.png) | glitches | |
| ![moutain](app/static/wallpapers/moutain.png) | moutain | | ![gradient-pb](wallpapers/gradient-pb.png) | gradient-pb | |
| ![moutains-and-a-lac-night_purple](app/static/wallpapers/moutains-and-a-lac-night_purple.png) | moutains-and-a-lac-night_purple | | ![grey-mountains_grey](wallpapers/grey-mountains_grey.png) | grey-mountains | [grey](tags/grey.md) |
| ![moutains-and-a-lac_black-and-white](app/static/wallpapers/moutains-and-a-lac_black-and-white.png) | moutains-and-a-lac_black-and-white | | ![grey-road_grey](wallpapers/grey-road_grey.png) | grey-road | [grey](tags/grey.md) |
| ![moutains-and-a-lac_blue](app/static/wallpapers/moutains-and-a-lac_blue.png) | moutains-and-a-lac_blue | | ![grue_blue](wallpapers/grue_blue.png) | grue | [blue](tags/blue.md) |
| ![moutains-and-an-orange-sun](app/static/wallpapers/moutains-and-an-orange-sun.png) | moutains-and-an-orange-sun | | ![hand-blocking-the-sun_blue](wallpapers/hand-blocking-the-sun_blue.png) | hand-blocking-the-sun | [blue](tags/blue.md) |
| ![moutains-and-stars_black](app/static/wallpapers/moutains-and-stars_black.png) | moutains-and-stars_black | | ![hands_black-and-white](wallpapers/hands_black-and-white.png) | hands | [black-and-white](tags/black-and-white.md) |
| ![moutains-justin_white](app/static/wallpapers/moutains-justin_white.png) | moutains-justin_white | | ![hello-friend_black-and-white](wallpapers/hello-friend_black-and-white.png) | hello-friend | [black-and-white](tags/black-and-white.md) |
| ![moutains-on-top-of-clouds](app/static/wallpapers/moutains-on-top-of-clouds.png) | moutains-on-top-of-clouds | | ![horizon](wallpapers/horizon.png) | horizon | |
| ![nasa-japan_dark](app/static/wallpapers/nasa-japan_dark.png) | nasa-japan_dark | | ![hue-1_minimalist](wallpapers/hue-1_minimalist.png) | hue-1 | [minimalist](tags/minimalist.md) |
| ![nepal](app/static/wallpapers/nepal.png) | nepal | | ![hue-2_minimalist](wallpapers/hue-2_minimalist.png) | hue-2 | [minimalist](tags/minimalist.md) |
| ![night-fairycore-forest](app/static/wallpapers/night-fairycore-forest.png) | night-fairycore-forest | | ![hue-3_minimalist](wallpapers/hue-3_minimalist.png) | hue-3 | [minimalist](tags/minimalist.md) |
| ![night-forest_dark](app/static/wallpapers/night-forest_dark.png) | night-forest_dark | | ![hue-4_minimalist](wallpapers/hue-4_minimalist.png) | hue-4 | [minimalist](tags/minimalist.md) |
| ![night-road_purple](app/static/wallpapers/night-road_purple.png) | night-road_purple | | ![hue-5_minimalist](wallpapers/hue-5_minimalist.png) | hue-5 | [minimalist](tags/minimalist.md) |
| ![night-sky-with-snowflakes](app/static/wallpapers/night-sky-with-snowflakes.png) | night-sky-with-snowflakes | | ![hue-6_minimalist_dark](wallpapers/hue-6_minimalist_dark.png) | hue-6 | [minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![nix_minimalist_purple](app/static/wallpapers/nix_minimalist_purple.png) | nix_minimalist_purple | | ![hue-7_minimalist_dark](wallpapers/hue-7_minimalist_dark.png) | hue-7 | [minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![not-earth_dark](app/static/wallpapers/not-earth_dark.png) | not-earth_dark | | ![it-is-some-waves_dark](wallpapers/it-is-some-waves_dark.png) | it-is-some-waves | [dark](tags/dark.md) |
| ![nothin-to-see-here_pink_dark](app/static/wallpapers/nothin-to-see-here_pink_dark.png) | nothin-to-see-here_pink_dark | | ![it-is-the-ocean](wallpapers/it-is-the-ocean.png) | it-is-the-ocean | |
| ![oled-mountains](app/static/wallpapers/oled-mountains.png) | oled-mountains | | ![japan-houses](wallpapers/japan-houses.png) | japan-houses | |
| ![oneway-street_purple](app/static/wallpapers/oneway-street_purple.png) | oneway-street_purple | | ![japan-moutains_black-and-white](wallpapers/japan-moutains_black-and-white.png) | japan-moutains | [black-and-white](tags/black-and-white.md) |
| ![openbox_dark](app/static/wallpapers/openbox_dark.png) | openbox_dark | | ![lana-silhouette](wallpapers/lana-silhouette.png) | lana-silhouette | |
| ![paint-loop_art](app/static/wallpapers/paint-loop_art.png) | paint-loop_art | | ![landscape_purple](wallpapers/landscape_purple.png) | landscape | [purple](tags/purple.md) |
| ![pastel-car](app/static/wallpapers/pastel-car.png) | pastel-car | | ![lavender-cat_purple](wallpapers/lavender-cat_purple.png) | lavender-cat | [purple](tags/purple.md) |
| ![pastel-window](app/static/wallpapers/pastel-window.png) | pastel-window | | ![leef_dark_purple_minimalist](wallpapers/leef_dark_purple_minimalist.png) | leef | [dark](tags/dark.md), [purple](tags/purple.md), [minimalist](tags/minimalist.md) |
| ![pink-clouds](app/static/wallpapers/pink-clouds.png) | pink-clouds | | ![lights-in-the-dark_dark](wallpapers/lights-in-the-dark_dark.png) | lights-in-the-dark | [dark](tags/dark.md) |
| ![pink-sea](app/static/wallpapers/pink-sea.png) | pink-sea | | ![lofi-setup_blue_purple](wallpapers/lofi-setup_blue_purple.png) | lofi-setup | [blue](tags/blue.md), [purple](tags/purple.md) |
| ![pink-sky-moutains_minimalist](app/static/wallpapers/pink-sky-moutains_minimalist.png) | pink-sky-moutains_minimalist | | ![lofi-urban_blue](wallpapers/lofi-urban_blue.png) | lofi-urban | [blue](tags/blue.md) |
| ![purple-japan_purple](app/static/wallpapers/purple-japan_purple.png) | purple-japan_purple | | ![magma](wallpapers/magma.png) | magma | |
| ![purple-moon_purple](app/static/wallpapers/purple-moon_purple.png) | purple-moon_purple | | ![medusa_art_dark](wallpapers/medusa_art_dark.png) | medusa | [art](tags/art.md), [dark](tags/dark.md) |
| ![railroad-cat](app/static/wallpapers/railroad-cat.png) | railroad-cat | | ![moroco](wallpapers/moroco.png) | moroco | |
| ![rain-pixel](app/static/wallpapers/rain-pixel.png) | rain-pixel | | ![mosaic_dark](wallpapers/mosaic_dark.png) | mosaic | [dark](tags/dark.md) |
| ![rains-dark_dark](app/static/wallpapers/rains-dark_dark.png) | rains-dark_dark | | ![moutain](wallpapers/moutain.png) | moutain | |
| ![rocket-launch_light](app/static/wallpapers/rocket-launch_light.png) | rocket-launch_light | | ![moutains-and-a-lac_black-and-white](wallpapers/moutains-and-a-lac_black-and-white.png) | moutains-and-a-lac | [black-and-white](tags/black-and-white.md) |
| ![rocks-misty_light](app/static/wallpapers/rocks-misty_light.png) | rocks-misty_light | | ![moutains-and-a-lac_blue](wallpapers/moutains-and-a-lac_blue.png) | moutains-and-a-lac | [blue](tags/blue.md) |
| ![rose-sky_rose](app/static/wallpapers/rose-sky_rose.png) | rose-sky_rose | | ![moutains-and-a-lac-night_purple](wallpapers/moutains-and-a-lac-night_purple.png) | moutains-and-a-lac-night | [purple](tags/purple.md) |
| ![sakura_pixelart_light_static](app/static/wallpapers/sakura_pixelart_light_static.png) | sakura_pixelart_light_static | | ![moutains-and-an-orange-sun](wallpapers/moutains-and-an-orange-sun.png) | moutains-and-an-orange-sun | |
| ![samurai_pixel_white](app/static/wallpapers/samurai_pixel_white.png) | samurai_pixel_white | | ![moutains-and-stars_black](wallpapers/moutains-and-stars_black.png) | moutains-and-stars | [black](tags/black.md) |
| ![saturn-rings](app/static/wallpapers/saturn-rings.png) | saturn-rings | | ![moutains-justin_white](wallpapers/moutains-justin_white.png) | moutains-justin | [white](tags/white.md) |
| ![sea-waves-pink-sunset](app/static/wallpapers/sea-waves-pink-sunset.png) | sea-waves-pink-sunset | | ![moutains-on-top-of-clouds](wallpapers/moutains-on-top-of-clouds.png) | moutains-on-top-of-clouds | |
| ![sea_blue](app/static/wallpapers/sea_blue.png) | sea_blue | | ![nasa-japan_dark](wallpapers/nasa-japan_dark.png) | nasa-japan | [dark](tags/dark.md) |
| ![snow-and-a-tree_white](app/static/wallpapers/snow-and-a-tree_white.png) | snow-and-a-tree_white | | ![nepal](wallpapers/nepal.png) | nepal | |
| ![snowy-japan-street](app/static/wallpapers/snowy-japan-street.png) | snowy-japan-street | | ![night-fairycore-forest](wallpapers/night-fairycore-forest.png) | night-fairycore-forest | |
| ![space-2](app/static/wallpapers/space-2.png) | space-2 | | ![night-forest_dark](wallpapers/night-forest_dark.png) | night-forest | [dark](tags/dark.md) |
| ![space-portal-galaxy](app/static/wallpapers/space-portal-galaxy.png) | space-portal-galaxy | | ![night-road_purple](wallpapers/night-road_purple.png) | night-road | [purple](tags/purple.md) |
| ![space_dark](app/static/wallpapers/space_dark.png) | space_dark | | ![night-sky-with-snowflakes](wallpapers/night-sky-with-snowflakes.png) | night-sky-with-snowflakes | |
| ![strange-forms_blue_purple](app/static/wallpapers/strange-forms_blue_purple.png) | strange-forms_blue_purple | | ![nix_minimalist_purple](wallpapers/nix_minimalist_purple.png) | nix | [minimalist](tags/minimalist.md), [purple](tags/purple.md) |
| ![sun-is-shining](app/static/wallpapers/sun-is-shining.png) | sun-is-shining | | ![not-earth_dark](wallpapers/not-earth_dark.png) | not-earth | [dark](tags/dark.md) |
| ![sunny-winter-forest-river](app/static/wallpapers/sunny-winter-forest-river.png) | sunny-winter-forest-river | | ![nothin-to-see-here_pink_dark](wallpapers/nothin-to-see-here_pink_dark.png) | nothin-to-see-here | [pink](tags/pink.md), [dark](tags/dark.md) |
| ![sushi-keycap_dark](app/static/wallpapers/sushi-keycap_dark.png) | sushi-keycap_dark | | ![oled-mountains](wallpapers/oled-mountains.png) | oled-mountains | |
| ![swirls](app/static/wallpapers/swirls.png) | swirls | | ![oneway-street_purple](wallpapers/oneway-street_purple.png) | oneway-street | [purple](tags/purple.md) |
| ![thats-a-lot-of-stars](app/static/wallpapers/thats-a-lot-of-stars.png) | thats-a-lot-of-stars | | ![openbox_dark](wallpapers/openbox_dark.png) | openbox | [dark](tags/dark.md) |
| ![the-cloud-is-hidding-the-moon_dark](app/static/wallpapers/the-cloud-is-hidding-the-moon_dark.png) | the-cloud-is-hidding-the-moon_dark | | ![paint-loop_art](wallpapers/paint-loop_art.png) | paint-loop | [art](tags/art.md) |
| ![the-cpu-border_static_black](app/static/wallpapers/the-cpu-border_static_black.png) | the-cpu-border_static_black | | ![pastel-car](wallpapers/pastel-car.png) | pastel-car | |
| ![the-cpu_static_black](app/static/wallpapers/the-cpu_static_black.png) | the-cpu_static_black | | ![pastel-window](wallpapers/pastel-window.png) | pastel-window | |
| ![time-to-ski_blue](app/static/wallpapers/time-to-ski_blue.png) | time-to-ski_blue | | ![pink-clouds](wallpapers/pink-clouds.png) | pink-clouds | |
| ![tokyo-skyscraper_dark](app/static/wallpapers/tokyo-skyscraper_dark.png) | tokyo-skyscraper_dark | | ![pink-sea](wallpapers/pink-sea.png) | pink-sea | |
| ![tokyo](app/static/wallpapers/tokyo.png) | tokyo | | ![pink-sky-moutains_minimalist](wallpapers/pink-sky-moutains_minimalist.png) | pink-sky-moutains | [minimalist](tags/minimalist.md) |
| ![tokyonight-skyline](app/static/wallpapers/tokyonight-skyline.png) | tokyonight-skyline | | ![purple-japan_purple](wallpapers/purple-japan_purple.png) | purple-japan | [purple](tags/purple.md) |
| ![topology_dark](app/static/wallpapers/topology_dark.png) | topology_dark | | ![purple-moon_purple](wallpapers/purple-moon_purple.png) | purple-moon | [purple](tags/purple.md) |
| ![train-and-lake_blue](app/static/wallpapers/train-and-lake_blue.png) | train-and-lake_blue | | ![railroad-cat](wallpapers/railroad-cat.png) | railroad-cat | |
| ![train-on-a-bridge_purple](app/static/wallpapers/train-on-a-bridge_purple.png) | train-on-a-bridge_purple | | ![rain-pixel](wallpapers/rain-pixel.png) | rain-pixel | |
| ![train_light](app/static/wallpapers/train_light.png) | train_light | | ![rains-dark_dark](wallpapers/rains-dark_dark.png) | rains-dark | [dark](tags/dark.md) |
| ![under-the-bridge_blue](app/static/wallpapers/under-the-bridge_blue.png) | under-the-bridge_blue | | ![rocket-launch_light](wallpapers/rocket-launch_light.png) | rocket-launch | [light](tags/light.md) |
| ![vanilla_pink_purple](app/static/wallpapers/vanilla_pink_purple.png) | vanilla_pink_purple | | ![rocks-misty_light](wallpapers/rocks-misty_light.png) | rocks-misty | [light](tags/light.md) |
| ![vector-moutains_blue_dark](app/static/wallpapers/vector-moutains_blue_dark.png) | vector-moutains_blue_dark | | ![rose-sky_rose](wallpapers/rose-sky_rose.png) | rose-sky | [rose](tags/rose.md) |
| ![velvet-moutains_minimalist_dark](app/static/wallpapers/velvet-moutains_minimalist_dark.png) | velvet-moutains_minimalist_dark | | ![sakura_pixelart_light_animated](wallpapers/sakura_pixelart_light_animated.gif) | sakura | [pixelart](tags/pixelart.md), [light](tags/light.md), [animated](tags/animated.md) |
| ![voyager-9](app/static/wallpapers/voyager-9.png) | voyager-9 | | ![sakura_pixelart_light_static](wallpapers/sakura_pixelart_light_static.png) | sakura | [pixelart](tags/pixelart.md), [light](tags/light.md), [static](tags/static.md) |
| ![warm-textured-gradient](app/static/wallpapers/warm-textured-gradient.png) | warm-textured-gradient | | ![samurai_pixel_white](wallpapers/samurai_pixel_white.png) | samurai | [pixel](tags/pixel.md), [white](tags/white.md) |
| ![wave-dark_minimalist_black-and-white](app/static/wallpapers/wave-dark_minimalist_black-and-white.png) | wave-dark_minimalist_black-and-white | | ![saturn-rings](wallpapers/saturn-rings.png) | saturn-rings | |
| ![white-samurai](app/static/wallpapers/white-samurai.png) | white-samurai | | ![sea_blue](wallpapers/sea_blue.png) | sea | [blue](tags/blue.md) |
| ![white-snow-and-a-tree_light](app/static/wallpapers/white-snow-and-a-tree_light.png) | white-snow-and-a-tree_light | | ![sea-waves-pink-sunset](wallpapers/sea-waves-pink-sunset.png) | sea-waves-pink-sunset | |
| ![white-sphere_black-and-white](app/static/wallpapers/white-sphere_black-and-white.png) | white-sphere_black-and-white | | ![snow-and-a-tree_white](wallpapers/snow-and-a-tree_white.png) | snow-and-a-tree | [white](tags/white.md) |
| ![wide-tokyonight-skyline](app/static/wallpapers/wide-tokyonight-skyline.png) | wide-tokyonight-skyline | | ![snowy-japan-street](wallpapers/snowy-japan-street.png) | snowy-japan-street | |
| ![windows-by-night_dark](app/static/wallpapers/windows-by-night_dark.png) | windows-by-night_dark | | ![space_dark](wallpapers/space_dark.png) | space | [dark](tags/dark.md) |
| ![windows-problems_flat_minimalist](app/static/wallpapers/windows-problems_flat_minimalist.png) | windows-problems_flat_minimalist | | ![space-2](wallpapers/space-2.png) | space-2 | |
| ![winter-snow-covered-forest](app/static/wallpapers/winter-snow-covered-forest.png) | winter-snow-covered-forest | | ![space-portal-galaxy](wallpapers/space-portal-galaxy.png) | space-portal-galaxy | |
| ![cat-watching-the-star_pixelart_purple_animated](app/static/wallpapers/cat-watching-the-star_pixelart_purple_animated.gif) | cat-watching-the-star_pixelart_purple_animated | | ![strange-forms_blue_purple](wallpapers/strange-forms_blue_purple.png) | strange-forms | [blue](tags/blue.md), [purple](tags/purple.md) |
| ![sakura_pixelart_light_animated](app/static/wallpapers/sakura_pixelart_light_animated.gif) | sakura_pixelart_light_animated | | ![sun-is-shining](wallpapers/sun-is-shining.png) | sun-is-shining | |
| ![the-cpu-border_animated_black](app/static/wallpapers/the-cpu-border_animated_black.gif) | the-cpu-border_animated_black | | ![sunny-winter-forest-river](wallpapers/sunny-winter-forest-river.png) | sunny-winter-forest-river | |
| ![the-cpu_animated_black](app/static/wallpapers/the-cpu_animated_black.gif) | the-cpu_animated_black | | ![sushi-keycap_dark](wallpapers/sushi-keycap_dark.png) | sushi-keycap | [dark](tags/dark.md) |
| ![swirls](wallpapers/swirls.png) | swirls | |
| ![thats-a-lot-of-stars](wallpapers/thats-a-lot-of-stars.png) | thats-a-lot-of-stars | |
| ![the-cloud-is-hidding-the-moon_dark](wallpapers/the-cloud-is-hidding-the-moon_dark.png) | the-cloud-is-hidding-the-moon | [dark](tags/dark.md) |
| ![the-cpu_animated_black](wallpapers/the-cpu_animated_black.gif) | the-cpu | [animated](tags/animated.md), [black](tags/black.md) |
| ![the-cpu_static_black](wallpapers/the-cpu_static_black.png) | the-cpu | [static](tags/static.md), [black](tags/black.md) |
| ![the-cpu-border_animated_black](wallpapers/the-cpu-border_animated_black.gif) | the-cpu-border | [animated](tags/animated.md), [black](tags/black.md) |
| ![the-cpu-border_static_black](wallpapers/the-cpu-border_static_black.png) | the-cpu-border | [static](tags/static.md), [black](tags/black.md) |
| ![time-to-ski_blue](wallpapers/time-to-ski_blue.png) | time-to-ski | [blue](tags/blue.md) |
| ![tokyo](wallpapers/tokyo.png) | tokyo | |
| ![tokyonight-skyline](wallpapers/tokyonight-skyline.png) | tokyonight-skyline | |
| ![tokyo-skyscraper_dark](wallpapers/tokyo-skyscraper_dark.png) | tokyo-skyscraper | [dark](tags/dark.md) |
| ![topology_dark](wallpapers/topology_dark.png) | topology | [dark](tags/dark.md) |
| ![train_light](wallpapers/train_light.png) | train | [light](tags/light.md) |
| ![train-and-lake_blue](wallpapers/train-and-lake_blue.png) | train-and-lake | [blue](tags/blue.md) |
| ![train-on-a-bridge_purple](wallpapers/train-on-a-bridge_purple.png) | train-on-a-bridge | [purple](tags/purple.md) |
| ![under-the-bridge_blue](wallpapers/under-the-bridge_blue.png) | under-the-bridge | [blue](tags/blue.md) |
| ![vanilla_pink_purple](wallpapers/vanilla_pink_purple.png) | vanilla | [pink](tags/pink.md), [purple](tags/purple.md) |
| ![vector-moutains_blue_dark](wallpapers/vector-moutains_blue_dark.png) | vector-moutains | [blue](tags/blue.md), [dark](tags/dark.md) |
| ![velvet-moutains_minimalist_dark](wallpapers/velvet-moutains_minimalist_dark.png) | velvet-moutains | [minimalist](tags/minimalist.md), [dark](tags/dark.md) |
| ![voyager-9](wallpapers/voyager-9.png) | voyager-9 | |
| ![warm-textured-gradient](wallpapers/warm-textured-gradient.png) | warm-textured-gradient | |
| ![wave-dark_minimalist_black-and-white](wallpapers/wave-dark_minimalist_black-and-white.png) | wave-dark | [minimalist](tags/minimalist.md), [black-and-white](tags/black-and-white.md) |
| ![white-samurai](wallpapers/white-samurai.png) | white-samurai | |
| ![white-snow-and-a-tree_light](wallpapers/white-snow-and-a-tree_light.png) | white-snow-and-a-tree | [light](tags/light.md) |
| ![white-sphere_black-and-white](wallpapers/white-sphere_black-and-white.png) | white-sphere | [black-and-white](tags/black-and-white.md) |
| ![wide-tokyonight-skyline](wallpapers/wide-tokyonight-skyline.png) | wide-tokyonight-skyline | |
| ![windows-by-night_dark](wallpapers/windows-by-night_dark.png) | windows-by-night | [dark](tags/dark.md) |
| ![windows-problems_flat_minimalist](wallpapers/windows-problems_flat_minimalist.png) | windows-problems | [flat](tags/flat.md), [minimalist](tags/minimalist.md) |
| ![winter-snow-covered-forest](wallpapers/winter-snow-covered-forest.png) | winter-snow-covered-forest | |
app/.gitignore
-23
View File
@@ -1,23 +0,0 @@
node_modules
# Output
.output
.vercel
.netlify
.wrangler
/.svelte-kit
/build
# OS
.DS_Store
Thumbs.db
# Env
.env
.env.*
!.env.example
!.env.test
# Vite
vite.config.js.timestamp-*
vite.config.ts.timestamp-*
app/.npmrc
-1
View File
@@ -1 +0,0 @@
engine-strict=true
app/.prettierignore
-4
View File
@@ -1,4 +0,0 @@
# Package Managers
package-lock.json
pnpm-lock.yaml
yarn.lock
app/.prettierrc
-15
View File
@@ -1,15 +0,0 @@
{
"useTabs": true,
"singleQuote": true,
"trailingComma": "none",
"printWidth": 100,
"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
"overrides": [
{
"files": "*.svelte",
"options": {
"parser": "svelte"
}
}
]
}
app/README.md
-38
View File
@@ -1,38 +0,0 @@
# sv
Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
## Creating a project
If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npx sv create
# create a new project in my-app
npx sv create my-app
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
```
## Building
To create a production version of your app:
```bash
npm run build
```
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
app/components.json
-17
View File
@@ -1,17 +0,0 @@
{
"$schema": "https://next.shadcn-svelte.com/schema.json",
"style": "default",
"tailwind": {
"config": "tailwind.config.ts",
"css": "src/app.css",
"baseColor": "slate"
},
"aliases": {
"components": "$lib/components",
"utils": "$lib/utils",
"ui": "$lib/components/ui",
"hooks": "$lib/hooks"
},
"typescript": true,
"registry": "https://next.shadcn-svelte.com/registry"
}
app/eslint.config.js
-34
View File
@@ -1,34 +0,0 @@
import prettier from 'eslint-config-prettier';
import js from '@eslint/js';
import { includeIgnoreFile } from '@eslint/compat';
import svelte from 'eslint-plugin-svelte';
import globals from 'globals';
import { fileURLToPath } from 'node:url';
import ts from 'typescript-eslint';
const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
export default ts.config(
includeIgnoreFile(gitignorePath),
js.configs.recommended,
...ts.configs.recommended,
...svelte.configs['flat/recommended'],
prettier,
...svelte.configs['flat/prettier'],
{
languageOptions: {
globals: {
...globals.browser,
...globals.node
}
}
},
{
files: ['**/*.svelte'],
languageOptions: {
parserOptions: {
parser: ts.parser
}
}
}
);
app/generateFileList.js
-34
View File
@@ -1,34 +0,0 @@
import { readdirSync, readFileSync, statSync, writeFileSync } from 'fs';
import { join, extname } from 'path';
import { imageSize } from 'image-size';
const staticDir = './static/wallpapers';
const outputFile = './static/files.json';
function getFiles(dir) {
return readdirSync(dir)
.filter(file => !file.startsWith('.'))
.map(file => {
const filePath = join(dir, file);
const stats = statSync(filePath);
const sizeInMB = (stats.size / (1024 * 1024)).toFixed(2); // Taille en MB
let dimensions = { width: 0, height: 0 };
if (['.jpg', '.png', '.gif'].includes(extname(file).toLowerCase())) {
const buffer = readFileSync(filePath);
dimensions = imageSize(buffer);
}
return {
filename: file,
size: sizeInMB,
width: dimensions.width || 0,
height: dimensions.height || 0
};
});
}
const files = getFiles(staticDir);
writeFileSync(outputFile, JSON.stringify(files, null, 2));
console.log(`✅ Liste des fichiers générée dans ${outputFile}`);
app/package.json
-60
View File
@@ -1,60 +0,0 @@
{
"name": "app",
"private": false,
"version": "0.0.1",
"type": "module",
"scripts": {
"dev": "vite dev",
"build": "vite build",
"prebuild": "node generateFileList.js",
"preview": "vite preview",
"prepare": "svelte-kit sync || echo ''",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"format": "prettier --write .",
"lint": "prettier --check . && eslint ."
},
"devDependencies": {
"@eslint/compat": "^1.2.5",
"@eslint/js": "^9.18.0",
"@internationalized/date": "^3.7.0",
"@lucide/svelte": "^0.483.0",
"@sveltejs/adapter-static": "^3.0.8",
"@sveltejs/kit": "^2.60.1",
"@sveltejs/vite-plugin-svelte": "^5.0.0",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16",
"autoprefixer": "^10.4.20",
"bits-ui": "^1.3.13",
"clsx": "^2.1.1",
"embla-carousel-svelte": "^8.5.2",
"eslint": "^9.18.0",
"eslint-config-prettier": "^10.0.1",
"eslint-plugin-svelte": "^2.46.1",
"formsnap": "^2.0.0",
"globals": "^15.14.0",
"mode-watcher": "^0.5.1",
"paneforge": "1.0.0-next.4",
"prettier": "^3.4.2",
"prettier-plugin-svelte": "^3.3.3",
"prettier-plugin-tailwindcss": "^0.6.10",
"svelte": "^5.55.7",
"svelte-check": "^4.0.0",
"svelte-sonner": "^0.3.28",
"sveltekit-superforms": "^2.27.4",
"tailwind-merge": "^3.0.2",
"tailwind-variants": "^1.0.0",
"tailwindcss": "^3.4.17",
"tailwindcss-animate": "^1.0.7",
"typescript": "^5.0.0",
"typescript-eslint": "^8.20.0",
"vaul-svelte": "1.0.0-next.6",
"vite": "^6.4.2",
"zod": "^3.24.2"
},
"dependencies": {
"axios": "^1.18.0",
"image-size": "^2.0.2"
}
}
app/pnpm-lock.yaml
Generated
-3917
View File
File diff suppressed because it is too large Load Diff
app/postcss.config.js
-6
View File
@@ -1,6 +0,0 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
};
app/src/app.css
-116
View File
@@ -1,116 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 98%;
--foreground: 240 8% 5%;
--card: 240 8% 97%;
--card-foreground: 240 8% 5%;
--popover: 240 8% 97%;
--popover-foreground: 240 8% 5%;
--primary: 253 90% 16%;
--primary-foreground: 0 0% 98%;
--secondary: 270 6% 93%;
--secondary-foreground: 240 8% 5%;
--muted: 270 6% 93%;
--muted-foreground: 253 6% 45%;
--accent: 270 6% 93%;
--accent-foreground: 240 8% 5%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 240 6% 90%;
--input: 260 7% 82%;
--ring: 253 24% 74%;
--radius: 0.5rem;
--sidebar-background: 240 8% 97%;
--sidebar-foreground: 240 8% 5%;
--sidebar-primary: 253 90% 16%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 270 6% 93%;
--sidebar-accent-foreground: 240 8% 5%;
--sidebar-border: 240 6% 90%;
--sidebar-ring: 253 24% 74%;
}
.dark {
--background: 240 3% 6%;
--foreground: 0 0% 98%;
--card: 270 6% 7%;
--card-foreground: 0 0% 98%;
--popover: 270 6% 7%;
--popover-foreground: 0 0% 98%;
--primary: 249 16% 50%;
--primary-foreground: 0 0% 98%;
--secondary: 240 5% 15%;
--secondary-foreground: 0 0% 98%;
--muted: 250 5% 22%;
--muted-foreground: 250 5% 49%;
--accent: 249 13% 20%;
--accent-foreground: 0 0% 98%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 98%;
--border: 260 5% 12%;
--input: 240 4% 18%;
--ring: 248 16% 40%;
--sidebar-background: 270 6% 7%;
--sidebar-foreground: 0 0% 98%;
--sidebar-primary: 249 16% 50%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 249 13% 20%;
--sidebar-accent-foreground: 0 0% 98%;
--sidebar-border: 260 5% 12%;
--sidebar-ring: 248 16% 40%;
}
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
h1 {
@apply scroll-m-20 text-4xl sm:text-5xl font-extrabold tracking-tight lg:text-5xl mb-6;
}
h2 {
@apply scroll-m-20 text-3xl sm:text-4xl font-semibold tracking-tight transition-colors my-10 mb-5;
}
h3 {
@apply scroll-m-20 text-2xl font-semibold tracking-tight transition-colors mb-4;
}
h4 {
@apply scroll-m-20 text-xl font-semibold tracking-tight transition-colors mb-2;
}
h5 {
@apply scroll-m-20 text-lg font-semibold tracking-tight transition-colors;
}
h6 {
@apply scroll-m-20 text-base font-semibold tracking-tight transition-colors;
}
hr {
@apply my-6 mx-auto w-4/5;
}
p {
@apply leading-7;
}
p > a {
@apply opacity-75 transition-opacity hover:underline underline-offset-4;
}
p > a.active {
@apply opacity-100 font-medium;
}
blockquote {
@apply mt-6 border-l-2 pl-6 italic;
}
code {
@apply bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold;
}
main {
@apply mx-auto w-full px-4 py-2;
}
}
app/src/app.d.ts
Vendored
-13
View File
@@ -1,13 +0,0 @@
// See https://svelte.dev/docs/kit/types#app.d.ts
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};
app/src/app.html
-13
View File
@@ -1,13 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="%sveltekit.assets%/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script defer src="https://umami.hadi.icu/script.js" data-website-id="4d6cb902-31eb-45b8-93eb-a7552e83fd2a"></script>
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>
app/src/lib/components/ui/accordion/accordion-content.svelte
-24
View File
@@ -1,24 +0,0 @@
<script lang="ts">
import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithoutChild<AccordionPrimitive.ContentProps> = $props();
</script>
<AccordionPrimitive.Content
bind:ref
class={cn(
"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
className
)}
{...restProps}
>
<div class="pb-4 pt-0">
{@render children?.()}
</div>
</AccordionPrimitive.Content>
app/src/lib/components/ui/accordion/accordion-item.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Accordion as AccordionPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AccordionPrimitive.ItemProps = $props();
</script>
<AccordionPrimitive.Item bind:ref class={cn("border-b", className)} {...restProps} />
app/src/lib/components/ui/accordion/accordion-trigger.svelte
-29
View File
@@ -1,29 +0,0 @@
<script lang="ts">
import { Accordion as AccordionPrimitive, type WithoutChild } from "bits-ui";
import ChevronDown from "@lucide/svelte/icons/chevron-down";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
level = 3,
children,
...restProps
}: WithoutChild<AccordionPrimitive.TriggerProps> & {
level?: AccordionPrimitive.HeaderProps["level"];
} = $props();
</script>
<AccordionPrimitive.Header {level} class="flex">
<AccordionPrimitive.Trigger
bind:ref
class={cn(
"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
className
)}
{...restProps}
>
{@render children?.()}
<ChevronDown class="size-4 shrink-0 transition-transform duration-200" />
</AccordionPrimitive.Trigger>
</AccordionPrimitive.Header>
app/src/lib/components/ui/accordion/index.ts
-17
View File
@@ -1,17 +0,0 @@
import { Accordion as AccordionPrimitive } from "bits-ui";
import Content from "./accordion-content.svelte";
import Item from "./accordion-item.svelte";
import Trigger from "./accordion-trigger.svelte";
const Root = AccordionPrimitive.Root;
export {
Root,
Content,
Item,
Trigger,
//
Root as Accordion,
Content as AccordionContent,
Item as AccordionItem,
Trigger as AccordionTrigger,
};
app/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
-13
View File
@@ -1,13 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AlertDialogPrimitive.ActionProps = $props();
</script>
<AlertDialogPrimitive.Action bind:ref class={cn(buttonVariants(), className)} {...restProps} />
app/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
-17
View File
@@ -1,17 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AlertDialogPrimitive.CancelProps = $props();
</script>
<AlertDialogPrimitive.Cancel
bind:ref
class={cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className)}
{...restProps}
/>
app/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
-26
View File
@@ -1,26 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive, type WithoutChild } from "bits-ui";
import AlertDialogOverlay from "./alert-dialog-overlay.svelte";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
portalProps,
...restProps
}: WithoutChild<AlertDialogPrimitive.ContentProps> & {
portalProps?: AlertDialogPrimitive.PortalProps;
} = $props();
</script>
<AlertDialogPrimitive.Portal {...portalProps}>
<AlertDialogOverlay />
<AlertDialogPrimitive.Content
bind:ref
class={cn(
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
className
)}
{...restProps}
/>
</AlertDialogPrimitive.Portal>
app/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AlertDialogPrimitive.DescriptionProps = $props();
</script>
<AlertDialogPrimitive.Description
bind:ref
class={cn("text-muted-foreground text-sm", className)}
{...restProps}
/>
app/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
-20
View File
@@ -1,20 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div
bind:this={ref}
class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
-20
View File
@@ -1,20 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div
bind:this={ref}
class={cn("flex flex-col space-y-2 text-center sm:text-left", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
-19
View File
@@ -1,19 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AlertDialogPrimitive.OverlayProps = $props();
</script>
<AlertDialogPrimitive.Overlay
bind:ref
class={cn(
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
className
)}
{...restProps}
/>
app/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
-18
View File
@@ -1,18 +0,0 @@
<script lang="ts">
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
level = 3,
...restProps
}: AlertDialogPrimitive.TitleProps = $props();
</script>
<AlertDialogPrimitive.Title
bind:ref
class={cn("text-lg font-semibold", className)}
{level}
{...restProps}
/>
app/src/lib/components/ui/alert-dialog/index.ts
-39
View File
@@ -1,39 +0,0 @@
import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
import Title from "./alert-dialog-title.svelte";
import Action from "./alert-dialog-action.svelte";
import Cancel from "./alert-dialog-cancel.svelte";
import Footer from "./alert-dialog-footer.svelte";
import Header from "./alert-dialog-header.svelte";
import Overlay from "./alert-dialog-overlay.svelte";
import Content from "./alert-dialog-content.svelte";
import Description from "./alert-dialog-description.svelte";
const Root = AlertDialogPrimitive.Root;
const Trigger = AlertDialogPrimitive.Trigger;
const Portal = AlertDialogPrimitive.Portal;
export {
Root,
Title,
Action,
Cancel,
Portal,
Footer,
Header,
Trigger,
Overlay,
Content,
Description,
//
Root as AlertDialog,
Title as AlertDialogTitle,
Action as AlertDialogAction,
Cancel as AlertDialogCancel,
Portal as AlertDialogPortal,
Footer as AlertDialogFooter,
Header as AlertDialogHeader,
Trigger as AlertDialogTrigger,
Overlay as AlertDialogOverlay,
Content as AlertDialogContent,
Description as AlertDialogDescription,
};
app/src/lib/components/ui/alert/alert-description.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div bind:this={ref} class={cn("text-sm [&_p]:leading-relaxed", className)} {...restProps}>
{@render children?.()}
</div>
app/src/lib/components/ui/alert/alert-title.svelte
-25
View File
@@ -1,25 +0,0 @@
<script lang="ts">
import type { HTMLAttributes } from "svelte/elements";
import type { WithElementRef } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
level = 5,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
level?: 1 | 2 | 3 | 4 | 5 | 6;
} = $props();
</script>
<div
role="heading"
aria-level={level}
bind:this={ref}
class={cn("mb-1 font-medium leading-none tracking-tight", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/alert/alert.svelte
-39
View File
@@ -1,39 +0,0 @@
<script lang="ts" module>
import { type VariantProps, tv } from "tailwind-variants";
export const alertVariants = tv({
base: "[&>svg]:text-foreground relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
variants: {
variant: {
default: "bg-background text-foreground",
destructive:
"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
},
},
defaultVariants: {
variant: "default",
},
});
export type AlertVariant = VariantProps<typeof alertVariants>["variant"];
</script>
<script lang="ts">
import type { HTMLAttributes } from "svelte/elements";
import type { WithElementRef } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
variant = "default",
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
variant?: AlertVariant;
} = $props();
</script>
<div bind:this={ref} class={cn(alertVariants({ variant }), className)} {...restProps} role="alert">
{@render children?.()}
</div>
app/src/lib/components/ui/alert/index.ts
-14
View File
@@ -1,14 +0,0 @@
import Root from "./alert.svelte";
import Description from "./alert-description.svelte";
import Title from "./alert-title.svelte";
export { alertVariants, type AlertVariant } from "./alert.svelte";
export {
Root,
Description,
Title,
//
Root as Alert,
Description as AlertDescription,
Title as AlertTitle,
};
app/src/lib/components/ui/aspect-ratio/index.ts
-5
View File
@@ -1,5 +0,0 @@
import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
const Root = AspectRatioPrimitive.Root;
export { Root, Root as AspectRatio };
app/src/lib/components/ui/avatar/avatar-fallback.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AvatarPrimitive.FallbackProps = $props();
</script>
<AvatarPrimitive.Fallback
bind:ref
class={cn("bg-muted flex size-full items-center justify-center", className)}
{...restProps}
/>
app/src/lib/components/ui/avatar/avatar-image.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AvatarPrimitive.ImageProps = $props();
</script>
<AvatarPrimitive.Image bind:ref class={cn("aspect-square size-full", className)} {...restProps} />
app/src/lib/components/ui/avatar/avatar.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AvatarPrimitive.RootProps = $props();
</script>
<AvatarPrimitive.Root
bind:ref
class={cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className)}
{...restProps}
/>
app/src/lib/components/ui/avatar/index.ts
-13
View File
@@ -1,13 +0,0 @@
import Root from "./avatar.svelte";
import Image from "./avatar-image.svelte";
import Fallback from "./avatar-fallback.svelte";
export {
Root,
Image,
Fallback,
//
Root as Avatar,
Image as AvatarImage,
Fallback as AvatarFallback,
};
app/src/lib/components/ui/badge/badge.svelte
-50
View File
@@ -1,50 +0,0 @@
<script lang="ts" module>
import { type VariantProps, tv } from "tailwind-variants";
export const badgeVariants = tv({
base: "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
variants: {
variant: {
default:
"bg-primary text-primary-foreground hover:bg-primary/80 border-transparent",
secondary:
"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
destructive:
"bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent",
outline: "text-foreground",
},
},
defaultVariants: {
variant: "default",
},
});
export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
</script>
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAnchorAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
href,
class: className,
variant = "default",
children,
...restProps
}: WithElementRef<HTMLAnchorAttributes> & {
variant?: BadgeVariant;
} = $props();
</script>
<svelte:element
this={href ? "a" : "span"}
bind:this={ref}
{href}
class={cn(badgeVariants({ variant }), className)}
{...restProps}
>
{@render children?.()}
</svelte:element>
app/src/lib/components/ui/badge/index.ts
-2
View File
@@ -1,2 +0,0 @@
export { default as Badge } from "./badge.svelte";
export { badgeVariants, type BadgeVariant } from "./badge.svelte";
app/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
-23
View File
@@ -1,23 +0,0 @@
<script lang="ts">
import Ellipsis from "@lucide/svelte/icons/ellipsis";
import type { WithElementRef, WithoutChildren } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
</script>
<span
bind:this={ref}
role="presentation"
aria-hidden="true"
class={cn("flex size-9 items-center justify-center", className)}
{...restProps}
>
<Ellipsis class="size-4" />
<span class="sr-only">More</span>
</span>
app/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLLiAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLLiAttributes> = $props();
</script>
<li bind:this={ref} class={cn("inline-flex items-center gap-1.5", className)} {...restProps}>
{@render children?.()}
</li>
app/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
-31
View File
@@ -1,31 +0,0 @@
<script lang="ts">
import type { HTMLAnchorAttributes } from "svelte/elements";
import type { Snippet } from "svelte";
import type { WithElementRef } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
href = undefined,
child,
children,
...restProps
}: WithElementRef<HTMLAnchorAttributes> & {
child?: Snippet<[{ props: HTMLAnchorAttributes }]>;
} = $props();
const attrs = $derived({
class: cn("hover:text-foreground transition-colors", className),
href,
...restProps,
});
</script>
{#if child}
{@render child({ props: attrs })}
{:else}
<a bind:this={ref} {...attrs}>
{@render children?.()}
</a>
{/if}
app/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
-23
View File
@@ -1,23 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLOlAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLOlAttributes> = $props();
</script>
<ol
bind:this={ref}
class={cn(
"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",
className
)}
{...restProps}
>
{@render children?.()}
</ol>
app/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
-23
View File
@@ -1,23 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
</script>
<span
bind:this={ref}
role="link"
aria-disabled="true"
aria-current="page"
class={cn("text-foreground font-normal", className)}
{...restProps}
>
{@render children?.()}
</span>
app/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
-27
View File
@@ -1,27 +0,0 @@
<script lang="ts">
import ChevronRight from "@lucide/svelte/icons/chevron-right";
import type { WithElementRef } from "bits-ui";
import type { HTMLLiAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLLiAttributes> = $props();
</script>
<li
role="presentation"
aria-hidden="true"
class={cn("[&>svg]:size-3.5", className)}
bind:this={ref}
{...restProps}
>
{#if children}
{@render children?.()}
{:else}
<ChevronRight />
{/if}
</li>
app/src/lib/components/ui/breadcrumb/breadcrumb.svelte
-15
View File
@@ -1,15 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
let {
ref = $bindable(),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
</script>
<nav bind:this={ref} class={className} aria-label="breadcrumb" {...restProps}>
{@render children?.()}
</nav>
app/src/lib/components/ui/breadcrumb/index.ts
-25
View File
@@ -1,25 +0,0 @@
import Root from "./breadcrumb.svelte";
import Ellipsis from "./breadcrumb-ellipsis.svelte";
import Item from "./breadcrumb-item.svelte";
import Separator from "./breadcrumb-separator.svelte";
import Link from "./breadcrumb-link.svelte";
import List from "./breadcrumb-list.svelte";
import Page from "./breadcrumb-page.svelte";
export {
Root,
Ellipsis,
Item,
Separator,
Link,
List,
Page,
//
Root as Breadcrumb,
Ellipsis as BreadcrumbEllipsis,
Item as BreadcrumbItem,
Separator as BreadcrumbSeparator,
Link as BreadcrumbLink,
List as BreadcrumbList,
Page as BreadcrumbPage,
};
app/src/lib/components/ui/button/button.svelte
-74
View File
@@ -1,74 +0,0 @@
<script lang="ts" module>
import type { WithElementRef } from "bits-ui";
import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
import { type VariantProps, tv } from "tailwind-variants";
export const buttonVariants = tv({
base: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
variants: {
variant: {
default: "bg-primary text-primary-foreground hover:bg-primary/90",
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
outline:
"border-input bg-background hover:bg-accent hover:text-accent-foreground border",
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
ghost: "hover:bg-accent hover:text-accent-foreground",
link: "text-primary underline-offset-4 hover:underline",
},
size: {
default: "h-10 px-4 py-2",
sm: "h-9 rounded-md px-3",
lg: "h-11 rounded-md px-8",
icon: "h-10 w-10",
},
},
defaultVariants: {
variant: "default",
size: "default",
},
});
export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
WithElementRef<HTMLAnchorAttributes> & {
variant?: ButtonVariant;
size?: ButtonSize;
};
</script>
<script lang="ts">
import { cn } from "$lib/utils.js";
let {
class: className,
variant = "default",
size = "default",
ref = $bindable(null),
href = undefined,
type = "button",
children,
...restProps
}: ButtonProps = $props();
</script>
{#if href}
<a
bind:this={ref}
class={cn(buttonVariants({ variant, size }), className)}
{href}
{...restProps}
>
{@render children?.()}
</a>
{:else}
<button
bind:this={ref}
class={cn(buttonVariants({ variant, size }), className)}
{type}
{...restProps}
>
{@render children?.()}
</button>
{/if}
app/src/lib/components/ui/button/index.ts
-17
View File
@@ -1,17 +0,0 @@
import Root, {
type ButtonProps,
type ButtonSize,
type ButtonVariant,
buttonVariants,
} from "./button.svelte";
export {
Root,
type ButtonProps as Props,
//
Root as Button,
buttonVariants,
type ButtonProps,
type ButtonSize,
type ButtonVariant,
};
app/src/lib/components/ui/calendar/calendar-cell.svelte
-19
View File
@@ -1,19 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.CellProps = $props();
</script>
<CalendarPrimitive.Cell
bind:ref
class={cn(
"[&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50 relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md",
className
)}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-day.svelte
-30
View File
@@ -1,30 +0,0 @@
<script lang="ts">
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
import { Calendar as CalendarPrimitive } from "bits-ui";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.DayProps = $props();
</script>
<CalendarPrimitive.Day
bind:ref
class={cn(
buttonVariants({ variant: "ghost" }),
"size-9 p-0 font-normal",
"[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
// Selected
"data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
// Disabled
"data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
// Unavailable
"data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
// Outside months
"data-[outside-month]:text-muted-foreground [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground data-[outside-month]:pointer-events-none data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:opacity-30",
className
)}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-grid-body.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.GridBodyProps = $props();
</script>
<CalendarPrimitive.GridBody bind:ref class={cn(className)} {...restProps} />
app/src/lib/components/ui/calendar/calendar-grid-head.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.GridHeadProps = $props();
</script>
<CalendarPrimitive.GridHead bind:ref class={cn(className)} {...restProps} />
app/src/lib/components/ui/calendar/calendar-grid-row.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.GridRowProps = $props();
</script>
<CalendarPrimitive.GridRow bind:ref class={cn("flex", className)} {...restProps} />
app/src/lib/components/ui/calendar/calendar-grid.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.GridProps = $props();
</script>
<CalendarPrimitive.Grid
bind:ref
class={cn("w-full border-collapse space-y-1", className)}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-head-cell.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.HeadCellProps = $props();
</script>
<CalendarPrimitive.HeadCell
bind:ref
class={cn("text-muted-foreground w-9 rounded-md text-[0.8rem] font-normal", className)}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-header.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.HeaderProps = $props();
</script>
<CalendarPrimitive.Header
bind:ref
class={cn("relative flex w-full items-center justify-between pt-1", className)}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-heading.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CalendarPrimitive.HeadingProps = $props();
</script>
<CalendarPrimitive.Heading bind:ref class={cn("text-sm font-medium", className)} {...restProps} />
app/src/lib/components/ui/calendar/calendar-months.svelte
-20
View File
@@ -1,20 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div
bind:this={ref}
class={cn("mt-4 flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/calendar/calendar-next-button.svelte
-28
View File
@@ -1,28 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import ChevronRight from "@lucide/svelte/icons/chevron-right";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: CalendarPrimitive.PrevButtonProps = $props();
</script>
{#snippet Fallback()}
<ChevronRight class="size-4" />
{/snippet}
<CalendarPrimitive.NextButton
bind:ref
class={cn(
buttonVariants({ variant: "outline" }),
"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
className
)}
children={children || Fallback}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar-prev-button.svelte
-28
View File
@@ -1,28 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive } from "bits-ui";
import ChevronLeft from "@lucide/svelte/icons/chevron-left";
import { buttonVariants } from "$lib/components/ui/button/index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: CalendarPrimitive.PrevButtonProps = $props();
</script>
{#snippet Fallback()}
<ChevronLeft class="size-4" />
{/snippet}
<CalendarPrimitive.PrevButton
bind:ref
class={cn(
buttonVariants({ variant: "outline" }),
"size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
className
)}
children={children || Fallback}
{...restProps}
/>
app/src/lib/components/ui/calendar/calendar.svelte
-61
View File
@@ -1,61 +0,0 @@
<script lang="ts">
import { Calendar as CalendarPrimitive, type WithoutChildrenOrChild } from "bits-ui";
import * as Calendar from "./index.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
value = $bindable(),
placeholder = $bindable(),
class: className,
weekdayFormat = "short",
...restProps
}: WithoutChildrenOrChild<CalendarPrimitive.RootProps> = $props();
</script>
<!--
Discriminated Unions + Destructing (required for bindable) do not
get along, so we shut typescript up by casting `value` to `never`.
-->
<CalendarPrimitive.Root
bind:value={value as never}
bind:ref
bind:placeholder
{weekdayFormat}
class={cn("p-3", className)}
{...restProps}
>
{#snippet children({ months, weekdays })}
<Calendar.Header>
<Calendar.PrevButton />
<Calendar.Heading />
<Calendar.NextButton />
</Calendar.Header>
<Calendar.Months>
{#each months as month (month)}
<Calendar.Grid>
<Calendar.GridHead>
<Calendar.GridRow class="flex">
{#each weekdays as weekday (weekday)}
<Calendar.HeadCell>
{weekday.slice(0, 2)}
</Calendar.HeadCell>
{/each}
</Calendar.GridRow>
</Calendar.GridHead>
<Calendar.GridBody>
{#each month.weeks as weekDates (weekDates)}
<Calendar.GridRow class="mt-2 w-full">
{#each weekDates as date (date)}
<Calendar.Cell {date} month={month.value}>
<Calendar.Day />
</Calendar.Cell>
{/each}
</Calendar.GridRow>
{/each}
</Calendar.GridBody>
</Calendar.Grid>
{/each}
</Calendar.Months>
{/snippet}
</CalendarPrimitive.Root>
app/src/lib/components/ui/calendar/index.ts
-30
View File
@@ -1,30 +0,0 @@
import Root from "./calendar.svelte";
import Cell from "./calendar-cell.svelte";
import Day from "./calendar-day.svelte";
import Grid from "./calendar-grid.svelte";
import Header from "./calendar-header.svelte";
import Months from "./calendar-months.svelte";
import GridRow from "./calendar-grid-row.svelte";
import Heading from "./calendar-heading.svelte";
import GridBody from "./calendar-grid-body.svelte";
import GridHead from "./calendar-grid-head.svelte";
import HeadCell from "./calendar-head-cell.svelte";
import NextButton from "./calendar-next-button.svelte";
import PrevButton from "./calendar-prev-button.svelte";
export {
Day,
Cell,
Grid,
Header,
Months,
GridRow,
Heading,
GridBody,
GridHead,
HeadCell,
NextButton,
PrevButton,
//
Root as Calendar,
};
app/src/lib/components/ui/card/card-content.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div bind:this={ref} class={cn("p-6", className)} {...restProps}>
{@render children?.()}
</div>
app/src/lib/components/ui/card/card-description.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
</script>
<p bind:this={ref} class={cn("text-muted-foreground text-sm", className)} {...restProps}>
{@render children?.()}
</p>
app/src/lib/components/ui/card/card-footer.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div bind:this={ref} class={cn("flex items-center p-6 pt-0", className)} {...restProps}>
{@render children?.()}
</div>
app/src/lib/components/ui/card/card-header.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div bind:this={ref} class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...restProps}>
{@render children?.()}
</div>
app/src/lib/components/ui/card/card-title.svelte
-25
View File
@@ -1,25 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
level = 3,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
level?: 1 | 2 | 3 | 4 | 5 | 6;
} = $props();
</script>
<div
role="heading"
aria-level={level}
bind:this={ref}
class={cn("text-2xl font-semibold leading-none tracking-tight", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/card/card.svelte
-20
View File
@@ -1,20 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
</script>
<div
bind:this={ref}
class={cn("bg-card text-card-foreground rounded-lg border shadow-sm", className)}
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/card/index.ts
-22
View File
@@ -1,22 +0,0 @@
import Root from "./card.svelte";
import Content from "./card-content.svelte";
import Description from "./card-description.svelte";
import Footer from "./card-footer.svelte";
import Header from "./card-header.svelte";
import Title from "./card-title.svelte";
export {
Root,
Content,
Description,
Footer,
Header,
Title,
//
Root as Card,
Content as CardContent,
Description as CardDescription,
Footer as CardFooter,
Header as CardHeader,
Title as CardTitle,
};
app/src/lib/components/ui/carousel/carousel-content.svelte
-44
View File
@@ -1,44 +0,0 @@
<script lang="ts">
import emblaCarouselSvelte from "embla-carousel-svelte";
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { getEmblaContext } from "./context.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
const emblaCtx = getEmblaContext("<Carousel.Content/>");
</script>
<!-- svelte-ignore event_directive_deprecated -->
<div
class="overflow-hidden"
use:emblaCarouselSvelte={{
options: {
container: "[data-embla-container]",
slides: "[data-embla-slide]",
...emblaCtx.options,
axis: emblaCtx.orientation === "horizontal" ? "x" : "y",
},
plugins: emblaCtx.plugins,
}}
on:emblaInit={emblaCtx.onInit}
>
<div
bind:this={ref}
class={cn(
"flex",
emblaCtx.orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
className
)}
data-embla-container=""
{...restProps}
>
{@render children?.()}
</div>
</div>
app/src/lib/components/ui/carousel/carousel-item.svelte
-30
View File
@@ -1,30 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { getEmblaContext } from "./context.js";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
const emblaCtx = getEmblaContext("<Carousel.Item/>");
</script>
<div
bind:this={ref}
role="group"
aria-roledescription="slide"
class={cn(
"min-w-0 shrink-0 grow-0 basis-full",
emblaCtx.orientation === "horizontal" ? "pl-4" : "pt-4",
className
)}
data-embla-slide=""
{...restProps}
>
{@render children?.()}
</div>
app/src/lib/components/ui/carousel/carousel-next.svelte
-37
View File
@@ -1,37 +0,0 @@
<script lang="ts">
import ArrowRight from "@lucide/svelte/icons/arrow-right";
import type { WithoutChildren } from "bits-ui";
import { getEmblaContext } from "./context.js";
import { cn } from "$lib/utils.js";
import { Button, type Props } from "$lib/components/ui/button/index.js";
let {
ref = $bindable(null),
class: className,
variant = "outline",
size = "icon",
...restProps
}: WithoutChildren<Props> = $props();
const emblaCtx = getEmblaContext("<Carousel.Next/>");
</script>
<Button
{variant}
{size}
class={cn(
"absolute size-8 touch-manipulation rounded-full",
emblaCtx.orientation === "horizontal"
? "-right-12 top-1/2 -translate-y-1/2"
: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
className
)}
disabled={!emblaCtx.canScrollNext}
onclick={emblaCtx.scrollNext}
onkeydown={emblaCtx.handleKeyDown}
bind:ref
{...restProps}
>
<ArrowRight class="size-4" />
<span class="sr-only">Next slide</span>
</Button>
app/src/lib/components/ui/carousel/carousel-previous.svelte
-37
View File
@@ -1,37 +0,0 @@
<script lang="ts">
import ArrowLeft from "@lucide/svelte/icons/arrow-left";
import type { WithoutChildren } from "bits-ui";
import { getEmblaContext } from "./context.js";
import { cn } from "$lib/utils.js";
import { Button, type Props } from "$lib/components/ui/button/index.js";
let {
ref = $bindable(null),
class: className,
variant = "outline",
size = "icon",
...restProps
}: WithoutChildren<Props> = $props();
const emblaCtx = getEmblaContext("<Carousel.Previous/>");
</script>
<Button
{variant}
{size}
class={cn(
"absolute size-8 touch-manipulation rounded-full",
emblaCtx.orientation === "horizontal"
? "-left-12 top-1/2 -translate-y-1/2"
: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
className
)}
disabled={!emblaCtx.canScrollPrev}
onclick={emblaCtx.scrollPrev}
onkeydown={emblaCtx.handleKeyDown}
{...restProps}
bind:ref
>
<ArrowLeft class="size-4" />
<span class="sr-only">Previous slide</span>
</Button>
app/src/lib/components/ui/carousel/carousel.svelte
-92
View File
@@ -1,92 +0,0 @@
<script lang="ts">
import {
type CarouselAPI,
type CarouselProps,
type EmblaContext,
setEmblaContext,
} from "./context.js";
import { cn } from "$lib/utils.js";
let {
opts = {},
plugins = [],
setApi = () => {},
orientation = "horizontal",
class: className,
children,
...restProps
}: CarouselProps = $props();
let carouselState = $state<EmblaContext>({
api: undefined,
scrollPrev,
scrollNext,
orientation,
canScrollNext: false,
canScrollPrev: false,
handleKeyDown,
options: opts,
plugins,
onInit,
scrollSnaps: [],
selectedIndex: 0,
scrollTo,
});
setEmblaContext(carouselState);
function scrollPrev() {
carouselState.api?.scrollPrev();
}
function scrollNext() {
carouselState.api?.scrollNext();
}
function scrollTo(index: number, jump?: boolean) {
carouselState.api?.scrollTo(index, jump);
}
function onSelect(api: CarouselAPI) {
if (!api) return;
carouselState.canScrollPrev = api.canScrollPrev();
carouselState.canScrollNext = api.canScrollNext();
carouselState.selectedIndex = api.selectedScrollSnap();
}
$effect(() => {
if (carouselState.api) {
onSelect(carouselState.api);
carouselState.api.on("select", onSelect);
carouselState.api.on("reInit", onSelect);
}
});
function handleKeyDown(e: KeyboardEvent) {
if (e.key === "ArrowLeft") {
e.preventDefault();
scrollPrev();
} else if (e.key === "ArrowRight") {
e.preventDefault();
scrollNext();
}
}
$effect(() => {
setApi(carouselState.api);
});
function onInit(event: CustomEvent<CarouselAPI>) {
carouselState.api = event.detail;
carouselState.scrollSnaps = carouselState.api.scrollSnapList();
}
$effect(() => {
return () => {
carouselState.api?.off("select", onSelect);
};
});
</script>
<div class={cn("relative", className)} role="region" aria-roledescription="carousel" {...restProps}>
{@render children?.()}
</div>
app/src/lib/components/ui/carousel/context.ts
-56
View File
@@ -1,56 +0,0 @@
import type { WithElementRef } from "bits-ui";
import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
import type emblaCarouselSvelte from "embla-carousel-svelte";
import { getContext, hasContext, setContext } from "svelte";
import type { HTMLAttributes } from "svelte/elements";
export type CarouselAPI =
NonNullable<NonNullable<EmblaCarouselSvelteType["$$_attributes"]>["on:emblaInit"]> extends (
evt: CustomEvent<infer CarouselAPI>
) => void
? CarouselAPI
: never;
type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
export type CarouselOptions = EmblaCarouselConfig["options"];
export type CarouselPlugins = EmblaCarouselConfig["plugins"];
////
export type CarouselProps = {
opts?: CarouselOptions;
plugins?: CarouselPlugins;
setApi?: (api: CarouselAPI | undefined) => void;
orientation?: "horizontal" | "vertical";
} & WithElementRef<HTMLAttributes<HTMLDivElement>>;
const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
export type EmblaContext = {
api: CarouselAPI | undefined;
orientation: "horizontal" | "vertical";
scrollNext: () => void;
scrollPrev: () => void;
canScrollNext: boolean;
canScrollPrev: boolean;
handleKeyDown: (e: KeyboardEvent) => void;
options: CarouselOptions;
plugins: CarouselPlugins;
onInit: (e: CustomEvent<CarouselAPI>) => void;
scrollTo: (index: number, jump?: boolean) => void;
scrollSnaps: number[];
selectedIndex: number;
};
export function setEmblaContext(config: EmblaContext): EmblaContext {
setContext(EMBLA_CAROUSEL_CONTEXT, config);
return config;
}
export function getEmblaContext(name = "This component") {
if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
throw new Error(`${name} must be used within a <Carousel.Root> component`);
}
return getContext<ReturnType<typeof setEmblaContext>>(EMBLA_CAROUSEL_CONTEXT);
}
app/src/lib/components/ui/carousel/index.ts
-19
View File
@@ -1,19 +0,0 @@
import Root from "./carousel.svelte";
import Content from "./carousel-content.svelte";
import Item from "./carousel-item.svelte";
import Previous from "./carousel-previous.svelte";
import Next from "./carousel-next.svelte";
export {
Root,
Content,
Item,
Previous,
Next,
//
Root as Carousel,
Content as CarouselContent,
Item as CarouselItem,
Previous as CarouselPrevious,
Next as CarouselNext,
};
app/src/lib/components/ui/checkbox/checkbox.svelte
-35
View File
@@ -1,35 +0,0 @@
<script lang="ts">
import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from "bits-ui";
import Check from "@lucide/svelte/icons/check";
import Minus from "@lucide/svelte/icons/minus";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
checked = $bindable(false),
indeterminate = $bindable(false),
class: className,
...restProps
}: WithoutChildrenOrChild<CheckboxPrimitive.RootProps> = $props();
</script>
<CheckboxPrimitive.Root
bind:ref
class={cn(
"border-primary ring-offset-background focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer box-content size-4 shrink-0 rounded-sm border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
className
)}
bind:checked
bind:indeterminate
{...restProps}
>
{#snippet children({ checked, indeterminate })}
<div class="flex size-4 items-center justify-center text-current">
{#if indeterminate}
<Minus class="size-3.5" />
{:else}
<Check class={cn("size-3.5", !checked && "text-transparent")} />
{/if}
</div>
{/snippet}
</CheckboxPrimitive.Root>
app/src/lib/components/ui/checkbox/index.ts
-6
View File
@@ -1,6 +0,0 @@
import Root from "./checkbox.svelte";
export {
Root,
//
Root as Checkbox,
};
app/src/lib/components/ui/collapsible/index.ts
-15
View File
@@ -1,15 +0,0 @@
import { Collapsible as CollapsiblePrimitive } from "bits-ui";
const Root = CollapsiblePrimitive.Root;
const Trigger = CollapsiblePrimitive.Trigger;
const Content = CollapsiblePrimitive.Content;
export {
Root,
Content,
Trigger,
//
Root as Collapsible,
Content as CollapsibleContent,
Trigger as CollapsibleTrigger,
};
app/src/lib/components/ui/command/command-dialog.svelte
-35
View File
@@ -1,35 +0,0 @@
<script lang="ts">
import type {
Command as CommandPrimitive,
Dialog as DialogPrimitive,
WithoutChildrenOrChild,
} from "bits-ui";
import type { Snippet } from "svelte";
import Command from "./command.svelte";
import * as Dialog from "$lib/components/ui/dialog/index.js";
let {
open = $bindable(false),
ref = $bindable(null),
value = $bindable(""),
portalProps,
children,
...restProps
}: WithoutChildrenOrChild<DialogPrimitive.RootProps> &
WithoutChildrenOrChild<CommandPrimitive.RootProps> & {
portalProps?: DialogPrimitive.PortalProps;
children: Snippet;
} = $props();
</script>
<Dialog.Root bind:open {...restProps}>
<Dialog.Content class="overflow-hidden p-0 shadow-lg" {portalProps}>
<Command
class="[&_[data-command-group]:not([hidden])_~[data-command-group]]:pt-0 [&_[data-command-group]]:px-2 [&_[data-command-input-wrapper]_svg]:h-5 [&_[data-command-input-wrapper]_svg]:w-5 [&_[data-command-input]]:h-12 [&_[data-command-item]]:px-2 [&_[data-command-item]]:py-3 [&_[data-command-item]_svg]:h-5 [&_[data-command-item]_svg]:w-5"
{...restProps}
bind:value
bind:ref
{children}
/>
</Dialog.Content>
</Dialog.Root>
app/src/lib/components/ui/command/command-empty.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CommandPrimitive.EmptyProps = $props();
</script>
<CommandPrimitive.Empty class={cn("py-6 text-center text-sm", className)} {...restProps} />
app/src/lib/components/ui/command/command-group.svelte
-29
View File
@@ -1,29 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
heading,
...restProps
}: CommandPrimitive.GroupProps & {
heading?: string;
} = $props();
</script>
<CommandPrimitive.Group
class={cn("text-foreground overflow-hidden p-1", className)}
bind:ref
{...restProps}
>
{#if heading}
<CommandPrimitive.GroupHeading
class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
>
{heading}
</CommandPrimitive.GroupHeading>
{/if}
<CommandPrimitive.GroupItems {children} />
</CommandPrimitive.Group>
app/src/lib/components/ui/command/command-input.svelte
-25
View File
@@ -1,25 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import Search from "@lucide/svelte/icons/search";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
value = $bindable(""),
...restProps
}: CommandPrimitive.InputProps = $props();
</script>
<div class="flex items-center border-b px-2" data-command-input-wrapper="">
<Search class="mr-2 size-4 shrink-0 opacity-50" />
<CommandPrimitive.Input
class={cn(
"placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-base outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
className
)}
bind:ref
{...restProps}
bind:value
/>
</div>
app/src/lib/components/ui/command/command-item.svelte
-19
View File
@@ -1,19 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CommandPrimitive.ItemProps = $props();
</script>
<CommandPrimitive.Item
class={cn(
"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
className
)}
bind:ref
{...restProps}
/>
app/src/lib/components/ui/command/command-link-item.svelte
-19
View File
@@ -1,19 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CommandPrimitive.LinkItemProps = $props();
</script>
<CommandPrimitive.LinkItem
class={cn(
"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
className
)}
bind:ref
{...restProps}
/>
app/src/lib/components/ui/command/command-list.svelte
-16
View File
@@ -1,16 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CommandPrimitive.ListProps = $props();
</script>
<CommandPrimitive.List
class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
{...restProps}
bind:ref
/>
app/src/lib/components/ui/command/command-separator.svelte
-12
View File
@@ -1,12 +0,0 @@
<script lang="ts">
import { Command as CommandPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: CommandPrimitive.SeparatorProps = $props();
</script>
<CommandPrimitive.Separator class={cn("bg-border -mx-1 h-px", className)} bind:ref {...restProps} />
app/src/lib/components/ui/command/command-shortcut.svelte
-20
View File
@@ -1,20 +0,0 @@
<script lang="ts">
import type { WithElementRef } from "bits-ui";
import type { HTMLAttributes } from "svelte/elements";
import { cn } from "$lib/utils.js";
let {
ref = $bindable(null),
class: className,
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
</script>
<span
bind:this={ref}
class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
{...restProps}
>
{@render children?.()}
</span>

Some files were not shown because too many files have changed in this diff Show More