Add shaders (#42)

* Add shaders using hyprshade

* Delete a few shaders

* Fix nit

Author: bjarneo

README.md

@@ -19,6 +19,7 @@ A visual theming application for Omarchy. Create beautiful desktop themes throug
 - **Color Lock System** - Protect specific colors while experimenting with adjustments
 - **Blueprint System** - Save and share themes as JSON files
 - **Neovim Themes** - 37 LazyVim-compatible themes with preset matching
+- **Shader Manager** - 80+ GLSL screen shaders for hyprshade (color grading, effects, era vibes)
 - **Accessibility Checker** - Real-time WCAG contrast ratio validation
 - **Customizable UI** - Live theme reload and CSS variable system
 - **Multi-App Support** - Hyprland, Waybar, Kitty, Alacritty, btop, Mako, and 15+ more applications
@@ -30,6 +31,7 @@ A visual theming application for Omarchy. Create beautiful desktop themes throug
 - Libadwaita 1
 - libsoup3 - HTTP client library for wallhaven API
 - **ImageMagick** - Intelligent color extraction and image filter processing
+- **hyprshade** - Screen shader manager (optional, for shader effects)
 - **Omarchy** - Distro
 
 ## Installation
@@ -107,6 +109,31 @@ Example:
 
 Changes apply instantly via live reload.
 
+### Screen Shaders
+
+Aether includes many GLSL screen shaders for hyprshade. Shaders are automatically installed to `~/.config/hypr/shaders/` when you run Aether. Use the Shader Manager in the Settings sidebar to toggle effects, or bind them directly in your Hyprland config.
+
+**Shader Location:** `~/.config/hypr/shaders/`
+
+Add your own `.glsl` files to this directory and they will automatically appear in the Shader Manager list. For GLSL shader tutorials, see [The Book of Shaders](https://thebookofshaders.com/), [Shadertoy](https://www.shadertoy.com/), or [LearnOpenGL - Shaders](https://learnopengl.com/Getting-started/Shaders).
+
+**Manual Binding Example:**
+```conf
+# In ~/.config/hypr/hyprland.conf
+bind = $mainMod, F1, exec, hyprshade toggle grayscale
+bind = $mainMod, F2, exec, hyprshade toggle retro-glow
+bind = $mainMod, F3, exec, hyprshade off
+```
+
+**Shader Categories:**
+- Color corrections (grayscale, sepia, duotone, tritone)
+- Temperature adjustments (warm-tone, cool-tone, amber, blue-light-reduce)
+- Saturation effects (saturate, desaturate, color-pop, pastel)
+- Era vibes (40s, 50s, 60s, 70s, 80s, 90s, 00s)
+- Artistic looks (golden-hour, cyberpunk-neon, vintage-film, faded-memory)
+- Nature themes (forest-green, ocean, arctic-blue, desert-sand, autumn-leaves)
+- Accessibility (protanopia, deuteranopia, tritanopia, high-contrast)
+
 ### Color Extraction Algorithm
 
 Aether uses an advanced ImageMagick-based extraction system that:

shaders/amber.glsl

@@ -0,0 +1,31 @@
+// AMBER - Warm amber/orange tint for night reading
+// Use with: hyprshade on amber
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Convert to grayscale first
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+
+    // Apply amber tone
+    vec3 amber;
+    amber.r = gray * 1.3;
+    amber.g = gray * 0.9;
+    amber.b = gray * 0.5;
+
+    // Mix with original for subtle effect
+    color.rgb = mix(color.rgb, amber, 0.6);
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/arctic-blue.glsl

@@ -0,0 +1,34 @@
+// ARCTIC BLUE - Cold arctic blue/ice tint
+// Use with: hyprshade on arctic-blue
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Cold blue tint
+    color.r *= 0.85;
+    color.g *= 0.95;
+    color.b *= 1.25;
+
+    // Increase saturation for icy look
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+    color.rgb = mix(vec3(gray), color.rgb, 1.2);
+
+    // Increase contrast for crisp look
+    color.rgb = (color.rgb - 0.5) * 1.2 + 0.5;
+
+    // Brighten slightly
+    color.rgb *= 1.05;
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/autumn-leaves.glsl

@@ -0,0 +1,35 @@
+// AUTUMN LEAVES - Warm fall colors with reds and yellows
+// Use with: hyprshade on autumn-leaves
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Boost reds and yellows
+    color.r *= 1.20;
+    color.g *= 1.05;
+    color.b *= 0.75;
+
+    // Moderate saturation
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+    color.rgb = mix(vec3(gray), color.rgb, 1.1);
+
+    // Reduce contrast for soft autumn feel
+    color.rgb = (color.rgb - 0.5) * 0.9 + 0.5;
+
+    // Add warmth overlay
+    vec3 autumnTint = vec3(0.9, 0.6, 0.3);
+    color.rgb = mix(color.rgb, autumnTint, 0.15);
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/blood-orange.glsl

@@ -0,0 +1,40 @@
+// BLOOD ORANGE - Deep orange and red dramatic look
+// Use with: hyprshade on blood-orange
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Convert to grayscale first for base
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+
+    // Map to blood orange gradient
+    vec3 darkColor = vec3(0.4, 0.05, 0.0);   // Deep red
+    vec3 midColor = vec3(0.9, 0.3, 0.0);     // Orange
+    vec3 lightColor = vec3(1.0, 0.6, 0.2);   // Light orange
+
+    vec3 bloodOrange;
+    if (gray < 0.5) {
+        bloodOrange = mix(darkColor, midColor, gray * 2.0);
+    } else {
+        bloodOrange = mix(midColor, lightColor, (gray - 0.5) * 2.0);
+    }
+
+    // Mix with original for subtle effect
+    color.rgb = mix(color.rgb, bloodOrange, 0.7);
+
+    // Increase contrast
+    color.rgb = (color.rgb - 0.5) * 1.3 + 0.5;
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/blue-light-reduce.glsl

@@ -0,0 +1,27 @@
+// BLUE LIGHT REDUCE - Reduce blue light for eye comfort
+// Use with: hyprshade on blue-light-reduce
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Reduce blue light significantly
+    color.r *= 1.0;
+    color.g *= 0.95;
+    color.b *= 0.75;
+
+    // Add slight warmth
+    color.r = min(color.r * 1.05, 1.0);
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/brightness-boost.glsl

@@ -0,0 +1,22 @@
+// BRIGHTNESS BOOST - Increase overall brightness
+// Use with: hyprshade on brightness-boost
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Increase brightness by 30%
+    color.rgb *= 1.3;
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/cel-shade.glsl

@@ -0,0 +1,27 @@
+// CEL SHADE - Cel shading / toon effect
+// Use with: hyprshade on cel-shade
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Quantize to cel shading levels
+    float levels = 4.0;
+    color.rgb = floor(color.rgb * levels) / levels;
+
+    // Boost saturation
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+    color.rgb = mix(vec3(gray), color.rgb, 1.4);
+
+    // Increase contrast
+    color.rgb = pow(color.rgb, vec3(0.85));
+
+    fragColor = color;
+}

shaders/cherry-blossom.glsl

@@ -0,0 +1,38 @@
+// CHERRY BLOSSOM - Soft pink spring aesthetic
+// Use with: hyprshade on cherry-blossom
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    vec4 color = texture(tex, v_texcoord);
+
+    // Soft pink tint
+    vec3 pinkTint = vec3(1.0, 0.8, 0.9);
+    color.rgb = mix(color.rgb, pinkTint, 0.25);
+
+    // Boost reds and reduce blues
+    color.r *= 1.15;
+    color.g *= 1.05;
+    color.b *= 0.95;
+
+    // Reduce saturation for soft look
+    float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
+    color.rgb = mix(vec3(gray), color.rgb, 0.8);
+
+    // Reduce contrast for dreamy feel
+    color.rgb = (color.rgb - 0.5) * 0.85 + 0.5;
+
+    // Lighten overall
+    color.rgb = color.rgb * 0.85 + vec3(0.15);
+
+    // Clamp to valid range
+    color.rgb = clamp(color.rgb, 0.0, 1.0);
+
+    fragColor = color;
+}

shaders/chromatic-shift.glsl

@@ -0,0 +1,22 @@
+// CHROMATIC SHIFT - RGB channel separation
+// Use with: hyprshade on chromatic-shift
+
+#version 300 es
+precision highp float;
+
+in vec2 v_texcoord;
+uniform sampler2D tex;
+uniform float time;
+out vec4 fragColor;
+
+void main() {
+    float offset = 0.005;
+
+    vec4 color;
+    color.r = texture(tex, v_texcoord + vec2(offset, 0.0)).r;
+    color.g = texture(tex, v_texcoord).g;
+    color.b = texture(tex, v_texcoord - vec2(offset, 0.0)).b;
+    color.a = 1.0;
+
+    fragColor = color;
+}