refactor: Porting our shaders to be #version 300 compatible (#894)

* Refactor: Ports Shaders to use #version directive and use version 3.00 as default. This avoids warning on hyprland-git

* fix: add the implementation script

---------

Co-authored-by: Rubin Bhandari <[email protected]>

Author: kRHYME7

Configs/.config/hypr/shaders/.compiled.cache.glsl

@@ -1,13 +1,18 @@
+#version 300 es
+
 /* 
   ┌─────────────────────────────────────────────────────────────────────────┐
   │ This is a blank shader to disable hyprland shaders.                     │
   └─────────────────────────────────────────────────────────────────────────┘
  */
 
 precision mediump float;
-varying vec2 v_texcoord;
+
+in vec2 v_texcoord;
+out vec4 fragColor;
+
 uniform sampler2D tex;
 
 void main() {
-    gl_FragColor = texture2D(tex, v_texcoord);
+    fragColor = texture(tex, v_texcoord);
 }

Configs/.config/hypr/shaders/blue-light-filter.frag

@@ -19,7 +19,7 @@ We only need to match the file name and use 'inc' to incdicate that
 
 
  */
-
+#version 300 es
 
 #ifndef BLUE_LIGHT_FILTER_TEMPERATURE
     #define BLUE_LIGHT_FILTER_TEMPERATURE 3000.0 // Default fallback value
@@ -30,7 +30,8 @@ We only need to match the file name and use 'inc' to incdicate that
 
 
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 
@@ -55,7 +56,7 @@ vec3 colorTemperatureToRGB(const in float TEMPERATURE) {
 }
 
 void main() {
-    vec4 pixColor = texture2D(tex, v_texcoord);
+    vec4 pixColor = texture(tex, v_texcoord);
 
     // RGB
     vec3 color = vec3(pixColor[0], pixColor[1], pixColor[2]);
@@ -69,5 +70,5 @@ void main() {
 
     vec4 outCol = vec4(color, pixColor[3]);
 
-    gl_FragColor = outCol;
+    fragColor = outCol;
 }

Configs/.config/hypr/shaders/color-vision.frag

@@ -12,8 +12,9 @@
 
 /* 
 To override this parameters create a file named './color-vision.inc'
-We only need to match the file name and use 'inc' to incdicate that
+We only need to match the file name and use 'inc' to indicate that
  this is an "include" file
+ NOTE: You also need to restate the #version  on top example: #version 300 es
  Example: 
   ┌────────────────────────────────────────────────────────────────────────────┐
   │  //file: ./color-vision.inc                                                │
@@ -25,6 +26,7 @@ We only need to match the file name and use 'inc' to incdicate that
   └────────────────────────────────────────────────────────────────────────────┘
  */
 
+#version 300 es
 
 #ifndef COLOR_VISION_MODE
     #define COLOR_VISION_MODE 0 // Default fallback value
@@ -40,7 +42,8 @@ We only need to match the file name and use 'inc' to incdicate that
  */
 
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 
@@ -135,12 +138,12 @@ vec3 daltonize(vec3 color, vec3 simulation) {
 
 void main() {
     // Sample the texture at the current fragment's texture coordinates
-    vec4 pixColor = texture2D(tex, v_texcoord);
+    vec4 pixColor = texture(tex, v_texcoord);
     vec3 color = pixColor.rgb;
 
     // No effect needed for normal vision with no intensity
     if (MODE == 0 && INTENSITY == 0.0) {
-        gl_FragColor = pixColor;
+        fragColor = pixColor;
         return;
     }
 
@@ -177,5 +180,5 @@ void main() {
     }
 
     // Output the final color with the original alpha value
-    gl_FragColor = vec4(result, pixColor.a);
+    fragColor = vec4(result, pixColor.a);
 }

Configs/.config/hypr/shaders/custom.frag

@@ -120,8 +120,10 @@ Example:
 #define COLOR_VISION_INTENSITY 0.0// Intensity of color vision effect (0.0-1.0)
 #endif
 
+#version 300 es
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 // ======== Blue Light Filter Functions ========
@@ -345,7 +347,7 @@ return mix(color,colorTransformed,CV_INTENSITY);
 
 void main(){
 // Get original pixel color
-vec4 pixColor=texture2D(tex,v_texcoord);
+vec4 pixColor=texture(tex,v_texcoord);
 vec3 color=pixColor.rgb;
 
 // Apply effects in sequence based on enable flags
@@ -370,5 +372,5 @@ color=applyColorVision(color);
 #endif
 
 // Output final color
-gl_FragColor=vec4(color,pixColor.a);
+fragColor=vec4(color,pixColor.a);
 }

Configs/.config/hypr/shaders/disable.frag

@@ -4,10 +4,14 @@
   └─────────────────────────────────────────────────────────────────────────┘
  */
 
+#version 300 es
 precision mediump float;
-varying vec2 v_texcoord;
+
+in vec2 v_texcoord;
+out vec4 fragColor;
+
 uniform sampler2D tex;
 
 void main() {
-    gl_FragColor = texture2D(tex, v_texcoord);
-}
+    fragColor = texture(tex, v_texcoord);
+}

Configs/.config/hypr/shaders/grayscale.frag

@@ -46,8 +46,10 @@ We only need to match the file name and use 'inc' to incdicate that
     #define GRAYSCALE_LUMINOSITY 0 // Default fallback value
 #endif
 
+#version 300 es
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 // Enum for type of grayscale conversion
@@ -72,7 +74,7 @@ const int HDR = GRAYSCALE_LUMINOSITY_HDR; // Default to HDR standard
 const int LuminosityType = HDTV; // Default to HDTV standard
 
 void main() {
-    vec4 pixColor = texture2D(tex, v_texcoord);
+    vec4 pixColor = texture(tex, v_texcoord);
 
     float gray;
     if (Type == LUMINOSITY) {
@@ -93,5 +95,5 @@ void main() {
     }
     vec3 grayscale = vec3(gray);
 
-    gl_FragColor = vec4(grayscale, pixColor.a);
+    fragColor = vec4(grayscale, pixColor.a);
 }

Configs/.config/hypr/shaders/invert-colors.frag

@@ -21,17 +21,19 @@ Example:
 #define INVERT_COLORS_INTENSITY 1.0// Default fallback value
 #endif
 
+#version 300 es
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 // Intensity of color inversion (1.0 = full inversion, 0.0 = no inversion)
 const float INTENSITY=INVERT_COLORS_INTENSITY;
 
 void main(){
-    vec4 pixColor=texture2D(tex,v_texcoord);
+    vec4 pixColor=texture(tex,v_texcoord);
 
     // Apply inversion with intensity factor
     vec3 invertedColor=mix(pixColor.rgb,1.-pixColor.rgb,INTENSITY);
-    gl_FragColor=vec4(invertedColor,pixColor.a);
+    fragColor=vec4(invertedColor,pixColor.a);
 }

Configs/.config/hypr/shaders/oled-saver.frag

@@ -35,8 +35,11 @@ this is an "include" file.
 └────────────────────────────────────────────────────────────────────────────┘
 */
 
+#version 300 es
+#define HYPRLAND_HOOK debug:damage_tracking false
+
 #ifndef OLED_MONITOR
-#define OLED_MONITOR-1
+#define OLED_MONITOR -1
 #endif
 
 #ifndef OLED_FILL_COLOR
@@ -52,17 +55,18 @@ this is an "include" file.
 #endif
 
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 uniform int wl_output;
 uniform float time;
 
 void main(){
-    vec4 originalColor=texture2D(tex,v_texcoord);
+    vec4 originalColor=texture(tex,v_texcoord);
 
     // If OLED_MONITOR is -1, always enable effect. Otherwise, only for matching monitor.
     if(OLED_MONITOR!=-1&&wl_output!=OLED_MONITOR){
-        gl_FragColor=originalColor;
+        fragColor=originalColor;
         return;
     }
 
@@ -87,11 +91,11 @@ void main(){
     bool inArea=fragCoord.x>=area.x&&fragCoord.x<=(area.x+area.z)&&
     fragCoord.y>=area.y&&fragCoord.y<=(area.y+area.w);
     #ifdef OLED_INVERT_AREA
-    gl_FragColor=inArea?originalColor:color;
+    fragColor=inArea?originalColor:color;
     #else
-    gl_FragColor=inArea?color:originalColor;
+    fragColor=inArea?color:originalColor;
     #endif
     #else
-    gl_FragColor=color;
+    fragColor=color;
     #endif
 }

Configs/.config/hypr/shaders/oled.frag

@@ -42,8 +42,10 @@ Use 'inc' to indicate that this is an "include" file for custom defines.
 #define PAPER_GRAIN 0.7
 #endif
 
+#version 300 es
 precision highp float;
-varying vec2 v_texcoord;
+in vec2 v_texcoord;
+out vec4 fragColor;
 uniform sampler2D tex;
 
 // Paper grain texture (simple random noise)
@@ -61,7 +63,7 @@ vec3 to_sepia(vec3 color){
 }
 
 void main(){
-    vec4 pixColor=texture2D(tex,v_texcoord);
+    vec4 pixColor=texture(tex,v_texcoord);
     float gray=dot(pixColor.rgb,vec3(.299,.587,.114));
     vec3 colorResult;
     if(PAPER_GRAYSCALE<0.){
@@ -84,5 +86,5 @@ void main(){
     colorResult=clamp(colorResult+grain*PAPER_GRAIN,0.,1.);
     // Minimal highlight compression: just cap the max gray value to avoid pure white
     colorResult=min(colorResult,vec3(.88));
-    gl_FragColor=vec4(colorResult,pixColor.a);
+    fragColor=vec4(colorResult,pixColor.a);
 }