mirror of
https://github.com/duma799/hyprduma-config.git
synced 2026-05-14 06:31:00 +00:00
Added caelestia shell + pywal full integration and much more.
This commit is contained in:
duma97
+213
@@ -0,0 +1,213 @@
|
||||
# Pywal Color Integration Setup
|
||||
|
||||
This dotfiles repository includes pywal integration for dynamic color theming based on your wallpaper. The setup works with both Hyprland borders and Caelestia shell.
|
||||
|
||||
## Prerequisites
|
||||
|
||||
- `pywal` (python-pywal) installed
|
||||
- Hyprland window manager
|
||||
- Caelestia shell (optional, for full integration)
|
||||
|
||||
## Installation
|
||||
|
||||
### 1. Install pywal
|
||||
|
||||
```bash
|
||||
# Arch Linux
|
||||
sudo pacman -S python-pywal
|
||||
|
||||
# Or via pip
|
||||
pip install pywal
|
||||
```
|
||||
|
||||
### 2. Copy Template Files
|
||||
|
||||
Copy the pywal template files to your config directory:
|
||||
|
||||
```bash
|
||||
# Create templates directory if it doesn't exist
|
||||
mkdir -p ~/.config/wal/templates
|
||||
|
||||
# Copy Hyprland border colors template
|
||||
cp wal/templates/hyprland-colors.conf ~/.config/wal/templates/
|
||||
|
||||
# Copy Caelestia color scheme template (if using Caelestia)
|
||||
cp wal/templates/caelestia-scheme.json ~/.config/wal/templates/
|
||||
```
|
||||
|
||||
### 3. Copy the Apply Script
|
||||
|
||||
```bash
|
||||
# Copy the color application script to your hypr config
|
||||
cp apply-pywal-colors.sh ~/.config/hypr/
|
||||
|
||||
# Make it executable
|
||||
chmod +x ~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
### 4. Link Hyprland Config
|
||||
|
||||
If you haven't already, link the Hyprland config:
|
||||
|
||||
```bash
|
||||
# Backup existing config if needed
|
||||
mv ~/.config/hypr/hyprland.conf ~/.config/hypr/hyprland.conf.backup
|
||||
|
||||
# Link the new config
|
||||
ln -s ~/hyprduma-config/hyprland.conf ~/.config/hypr/hyprland.conf
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
### Generate Colors from Wallpaper
|
||||
|
||||
```bash
|
||||
# Generate color palette from a wallpaper
|
||||
wal -i /path/to/your/wallpaper.png
|
||||
|
||||
# Apply the generated colors to Hyprland and Caelestia
|
||||
~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
### Quick Apply (One Command)
|
||||
|
||||
```bash
|
||||
# Generate and apply in one go
|
||||
wal -i /path/to/wallpaper.png && ~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
### Regenerate from Current Wallpaper
|
||||
|
||||
```bash
|
||||
# Regenerate colors from cached wallpaper
|
||||
wal -R && ~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
## What Gets Themed
|
||||
|
||||
### Hyprland
|
||||
- **Active window borders**: Gradient using pywal colors 4 and 6
|
||||
- **Inactive window borders**: Using pywal color 8 (muted gray tone)
|
||||
|
||||
### Caelestia Shell (if installed)
|
||||
- Complete Material Design 3 color scheme
|
||||
- Terminal colors (color0-color15)
|
||||
- Background, surface, and accent colors
|
||||
- All UI elements adapt to wallpaper colors
|
||||
|
||||
## Files Structure
|
||||
|
||||
```
|
||||
hyprduma-config/
|
||||
├── hyprland.conf # Main config with pywal integration
|
||||
├── apply-pywal-colors.sh # Script to apply colors
|
||||
└── wal/
|
||||
└── templates/
|
||||
├── hyprland-colors.conf # Hyprland border colors template
|
||||
└── caelestia-scheme.json # Caelestia color scheme template
|
||||
```
|
||||
|
||||
## Customization
|
||||
|
||||
### Changing Border Color Mapping
|
||||
|
||||
Edit `~/.config/wal/templates/hyprland-colors.conf`:
|
||||
|
||||
```conf
|
||||
# Example: Use different colors for borders
|
||||
general {
|
||||
col.active_border = rgba({color2.strip}ee) rgba({color5.strip}ee) 45deg
|
||||
col.inactive_border = rgba({color0.strip}aa)
|
||||
}
|
||||
```
|
||||
|
||||
Available variables:
|
||||
- `{color0}` through `{color15}` - Palette colors
|
||||
- `{background}` - Background color
|
||||
- `{foreground}` - Foreground/text color
|
||||
- `{cursor}` - Cursor color
|
||||
|
||||
After editing, regenerate colors with `wal -R`.
|
||||
|
||||
### Modifying Caelestia Colors
|
||||
|
||||
Edit `~/.config/wal/templates/caelestia-scheme.json` to change how pywal colors map to Caelestia's Material Design 3 scheme.
|
||||
|
||||
## Automation
|
||||
|
||||
### Auto-apply on Hyprland Startup
|
||||
|
||||
The colors are automatically loaded via the `source` directive in `hyprland.conf`. However, to regenerate on startup:
|
||||
|
||||
```bash
|
||||
# Add to hyprland.conf autostart section
|
||||
exec-once = wal -R -n
|
||||
```
|
||||
|
||||
### Integrate with Wallpaper Managers
|
||||
|
||||
If using `waypaper`, `hyprpaper`, or similar:
|
||||
|
||||
```bash
|
||||
# Create a wrapper script that sets wallpaper and applies colors
|
||||
#!/bin/bash
|
||||
# Set wallpaper with your tool of choice
|
||||
hyprctl hyprpaper wallpaper "eDP-1,/path/to/wallpaper.png"
|
||||
|
||||
# Generate and apply pywal colors
|
||||
wal -i /path/to/wallpaper.png && ~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Colors not updating in Hyprland
|
||||
|
||||
```bash
|
||||
# Reload Hyprland configuration
|
||||
hyprctl reload
|
||||
```
|
||||
|
||||
### Colors not updating in Caelestia
|
||||
|
||||
```bash
|
||||
# Restart Caelestia shell
|
||||
pkill caelestia && sleep 0.5 && caelestia shell -d &
|
||||
```
|
||||
|
||||
### Hyprland fails to start (source file not found)
|
||||
|
||||
If pywal hasn't been run yet, the source file won't exist. Either:
|
||||
|
||||
1. Run `wal -i /path/to/wallpaper.png` once to generate initial colors
|
||||
2. Or comment out the `source` line in `hyprland.conf` until you set up pywal
|
||||
|
||||
### Check Generated Files
|
||||
|
||||
```bash
|
||||
# View generated Hyprland colors
|
||||
cat ~/.cache/wal/hyprland-colors.conf
|
||||
|
||||
# View generated Caelestia scheme
|
||||
cat ~/.cache/wal/caelestia-scheme.json
|
||||
|
||||
# View pywal color palette
|
||||
cat ~/.cache/wal/colors.json
|
||||
```
|
||||
|
||||
## Pywal Backend Options
|
||||
|
||||
Pywal supports different color extraction backends:
|
||||
|
||||
```bash
|
||||
# Use imagemagick (default)
|
||||
wal -i /path/to/wallpaper.png
|
||||
|
||||
# Use colorz (more vibrant colors)
|
||||
wal -i /path/to/wallpaper.png --backend colorz
|
||||
|
||||
# Use colorthief
|
||||
wal -i /path/to/wallpaper.png --backend colorthief
|
||||
|
||||
# Use haishoku
|
||||
wal -i /path/to/wallpaper.png --backend haishoku
|
||||
```
|
||||
@@ -14,6 +14,7 @@ Personal Hyprland configuration focused on productivity and ergonomics.
|
||||
- Smooth custom animations with bezier curves
|
||||
- Automatic floating for file pickers and dialogs (in progress)
|
||||
- Picture-in-Picture auto-positioning (in progress)
|
||||
- **Pywal integration** - Dynamic colors from wallpaper (optional)
|
||||
|
||||
### Input
|
||||
- 3-finger gestures (horizontal: workspace, vertical: fullscreen)
|
||||
@@ -79,6 +80,26 @@ nvim ~/.config/hypr/hyprland.conf
|
||||
## Documentation
|
||||
|
||||
- **[KEYBINDS.md](KEYBINDS.md)** - Complete keybindings reference
|
||||
- **[PYWAL-SETUP.md](PYWAL-SETUP.md)** - Pywal color integration setup guide (optional)
|
||||
|
||||
## Optional: Pywal Integration
|
||||
|
||||
This config includes optional pywal integration for dynamic theming based on your wallpaper. See [PYWAL-SETUP.md](PYWAL-SETUP.md) for installation and usage instructions.
|
||||
|
||||
**Quick setup:**
|
||||
```bash
|
||||
# Install pywal
|
||||
sudo pacman -S python-pywal
|
||||
|
||||
# Copy templates and script
|
||||
mkdir -p ~/.config/wal/templates
|
||||
cp wal/templates/* ~/.config/wal/templates/
|
||||
cp apply-pywal-colors.sh ~/.config/hypr/
|
||||
chmod +x ~/.config/hypr/apply-pywal-colors.sh
|
||||
|
||||
# Generate colors from wallpaper
|
||||
wal -i /path/to/wallpaper.png && ~/.config/hypr/apply-pywal-colors.sh
|
||||
```
|
||||
|
||||
## Note
|
||||
|
||||
|
||||
Executable
+24
@@ -0,0 +1,24 @@
|
||||
#!/bin/bash
|
||||
# Script to apply pywal colors to Hyprland and Caelestia shell
|
||||
|
||||
echo "Applying pywal colors to Hyprland and Caelestia..."
|
||||
|
||||
if [ -f ~/.cache/wal/caelestia-scheme.json ]; then
|
||||
mkdir -p ~/.local/state/caelestia
|
||||
cp ~/.cache/wal/caelestia-scheme.json ~/.local/state/caelestia/scheme.json
|
||||
echo "✓ Caelestia colors updated"
|
||||
fi
|
||||
|
||||
if command -v hyprctl &> /dev/null; then
|
||||
hyprctl reload
|
||||
echo "✓ Hyprland configuration reloaded"
|
||||
fi
|
||||
|
||||
if pgrep -x "caelestia" > /dev/null; then
|
||||
pkill caelestia
|
||||
sleep 0.5
|
||||
caelestia shell -d &
|
||||
echo "✓ Caelestia shell restarted"
|
||||
fi
|
||||
|
||||
echo "Done! Colors applied successfully."
|
||||
+10
-11
@@ -57,8 +57,10 @@ input {
|
||||
}
|
||||
|
||||
# Gestures
|
||||
#gesture = 3, horizontal, workspace
|
||||
#gesture = 3, vertical, fullscreen
|
||||
gesture = 3, horizontal, workspace
|
||||
gesture = 3, vertical, fullscreen
|
||||
|
||||
source = ~/.cache/wal/hyprland-colors.conf
|
||||
|
||||
# General settings
|
||||
general {
|
||||
@@ -72,9 +74,6 @@ general {
|
||||
|
||||
layout = dwindle
|
||||
|
||||
# Border colors (Caelestia style)
|
||||
col.active_border = rgba(33ccffee) rgba(00ff99ee) 45deg
|
||||
col.inactive_border = rgba(595959aa)
|
||||
}
|
||||
|
||||
# Decoration settings (borders)
|
||||
@@ -85,12 +84,12 @@ decoration {
|
||||
active_opacity = 0.985
|
||||
inactive_opacity = 0.85
|
||||
|
||||
#shadow {
|
||||
# enabled = true
|
||||
# range = 4
|
||||
# render_power = 3
|
||||
# color = rgba(1a1a1aee)
|
||||
#}
|
||||
shadow {
|
||||
enabled = true
|
||||
range = 4
|
||||
render_power = 3
|
||||
color = rgba(1a1a1aee)
|
||||
}
|
||||
|
||||
blur {
|
||||
enabled = true
|
||||
|
||||
@@ -0,0 +1,118 @@
|
||||
{{
|
||||
"name": "pywal",
|
||||
"flavour": "pywal",
|
||||
"mode": "dark",
|
||||
"variant": "tonalspot",
|
||||
"colours": {{
|
||||
"primary_paletteKeyColor": "{color4.strip}",
|
||||
"secondary_paletteKeyColor": "{color5.strip}",
|
||||
"tertiary_paletteKeyColor": "{color6.strip}",
|
||||
"neutral_paletteKeyColor": "{color8.strip}",
|
||||
"neutral_variant_paletteKeyColor": "{color8.strip}",
|
||||
"background": "{background.strip}",
|
||||
"onBackground": "{foreground.strip}",
|
||||
"surface": "{background.strip}",
|
||||
"surfaceDim": "{background.strip}",
|
||||
"surfaceBright": "{color8.strip}",
|
||||
"surfaceContainerLowest": "{color0.strip}",
|
||||
"surfaceContainerLow": "{color0.strip}",
|
||||
"surfaceContainer": "{color0.strip}",
|
||||
"surfaceContainerHigh": "{color8.strip}",
|
||||
"surfaceContainerHighest": "{color8.strip}",
|
||||
"onSurface": "{foreground.strip}",
|
||||
"surfaceVariant": "{color8.strip}",
|
||||
"onSurfaceVariant": "{color7.strip}",
|
||||
"inverseSurface": "{foreground.strip}",
|
||||
"inverseOnSurface": "{background.strip}",
|
||||
"outline": "{color8.strip}",
|
||||
"outlineVariant": "{color8.strip}",
|
||||
"shadow": "000000",
|
||||
"scrim": "000000",
|
||||
"surfaceTint": "{color4.strip}",
|
||||
"primary": "{color4.strip}",
|
||||
"onPrimary": "{background.strip}",
|
||||
"primaryContainer": "{color4.strip}",
|
||||
"onPrimaryContainer": "{foreground.strip}",
|
||||
"inversePrimary": "{color12.strip}",
|
||||
"secondary": "{color5.strip}",
|
||||
"onSecondary": "{background.strip}",
|
||||
"secondaryContainer": "{color5.strip}",
|
||||
"onSecondaryContainer": "{foreground.strip}",
|
||||
"tertiary": "{color6.strip}",
|
||||
"onTertiary": "{background.strip}",
|
||||
"tertiaryContainer": "{color6.strip}",
|
||||
"onTertiaryContainer": "{foreground.strip}",
|
||||
"error": "{color1.strip}",
|
||||
"onError": "{background.strip}",
|
||||
"errorContainer": "{color1.strip}",
|
||||
"onErrorContainer": "{foreground.strip}",
|
||||
"primaryFixed": "{color12.strip}",
|
||||
"primaryFixedDim": "{color4.strip}",
|
||||
"onPrimaryFixed": "{background.strip}",
|
||||
"onPrimaryFixedVariant": "{color0.strip}",
|
||||
"secondaryFixed": "{color13.strip}",
|
||||
"secondaryFixedDim": "{color5.strip}",
|
||||
"onSecondaryFixed": "{background.strip}",
|
||||
"onSecondaryFixedVariant": "{color0.strip}",
|
||||
"tertiaryFixed": "{color14.strip}",
|
||||
"tertiaryFixedDim": "{color6.strip}",
|
||||
"onTertiaryFixed": "{background.strip}",
|
||||
"onTertiaryFixedVariant": "{color0.strip}",
|
||||
"term0": "{color0.strip}",
|
||||
"term1": "{color1.strip}",
|
||||
"term2": "{color2.strip}",
|
||||
"term3": "{color3.strip}",
|
||||
"term4": "{color4.strip}",
|
||||
"term5": "{color5.strip}",
|
||||
"term6": "{color6.strip}",
|
||||
"term7": "{color7.strip}",
|
||||
"term8": "{color8.strip}",
|
||||
"term9": "{color9.strip}",
|
||||
"term10": "{color10.strip}",
|
||||
"term11": "{color11.strip}",
|
||||
"term12": "{color12.strip}",
|
||||
"term13": "{color13.strip}",
|
||||
"term14": "{color14.strip}",
|
||||
"term15": "{color15.strip}",
|
||||
"rosewater": "{color7.strip}",
|
||||
"flamingo": "{color7.strip}",
|
||||
"pink": "{color5.strip}",
|
||||
"mauve": "{color4.strip}",
|
||||
"red": "{color1.strip}",
|
||||
"maroon": "{color1.strip}",
|
||||
"peach": "{color3.strip}",
|
||||
"yellow": "{color3.strip}",
|
||||
"green": "{color2.strip}",
|
||||
"teal": "{color6.strip}",
|
||||
"sky": "{color6.strip}",
|
||||
"sapphire": "{color4.strip}",
|
||||
"blue": "{color4.strip}",
|
||||
"lavender": "{color4.strip}",
|
||||
"klink": "{color4.strip}",
|
||||
"klinkSelection": "{color12.strip}",
|
||||
"kvisited": "{color5.strip}",
|
||||
"kvisitedSelection": "{color13.strip}",
|
||||
"knegative": "{color1.strip}",
|
||||
"knegativeSelection": "{color9.strip}",
|
||||
"kneutral": "{color3.strip}",
|
||||
"kneutralSelection": "{color11.strip}",
|
||||
"kpositive": "{color2.strip}",
|
||||
"kpositiveSelection": "{color10.strip}",
|
||||
"text": "{foreground.strip}",
|
||||
"subtext1": "{color7.strip}",
|
||||
"subtext0": "{color8.strip}",
|
||||
"overlay2": "{color8.strip}",
|
||||
"overlay1": "{color8.strip}",
|
||||
"overlay0": "{color8.strip}",
|
||||
"surface2": "{color8.strip}",
|
||||
"surface1": "{color0.strip}",
|
||||
"surface0": "{color0.strip}",
|
||||
"base": "{background.strip}",
|
||||
"mantle": "{background.strip}",
|
||||
"crust": "{color0.strip}",
|
||||
"success": "{color2.strip}",
|
||||
"onSuccess": "{background.strip}",
|
||||
"successContainer": "{color2.strip}",
|
||||
"onSuccessContainer": "{foreground.strip}"
|
||||
}}
|
||||
}}
|
||||
@@ -0,0 +1,19 @@
|
||||
# Pywal generated color configuration for Hyprland
|
||||
# This file is automatically generated by pywal
|
||||
|
||||
# Border colors using pywal palette
|
||||
$pywal_color1 = rgb({color1.strip})
|
||||
$pywal_color2 = rgb({color2.strip})
|
||||
$pywal_color3 = rgb({color3.strip})
|
||||
$pywal_color4 = rgb({color4.strip})
|
||||
$pywal_color5 = rgb({color5.strip})
|
||||
$pywal_color6 = rgb({color6.strip})
|
||||
$pywal_color8 = rgb({color8.strip})
|
||||
$pywal_background = rgb({background.strip})
|
||||
$pywal_foreground = rgb({foreground.strip})
|
||||
|
||||
# Active border: gradient from color4 to color6
|
||||
general {{
|
||||
col.active_border = rgba({color4.strip}ee) rgba({color6.strip}ee) 45deg
|
||||
col.inactive_border = rgba({color8.strip}aa)
|
||||
}}
|
||||
Reference in New Issue
Block a user