PagmaMods

mods/PagmaMods/license.txt

@@ -0,0 +1,76 @@
+
+                 ____                          _______   __ 
+                / __ \                        / ____\ \ / /
+               | |  | |_ __   ___ _ __ __ _  | |  __ \ V / 
+               | |  | | '_ \ / _ \ '__/ _` | | | |_ | > <  
+               | |__| | |_) |  __/ | | (_| | | |__| |/ . \ 
+                \____/| .__/ \___|_|  \__,_|  \_____/_/ \_\
+                      | |                                  
+                      |_|                                  
+
+                                presents
+
+
+       __  __           _   _______                   _       _       
+      |  \/  |         | | |__   __|                 | |     | |      
+      | \  / | ___   __| |    | | ___ _ __ ___  _ __ | | __ _| |_ ___ 
+      | |\/| |/ _ \ / _` |    | |/ _ \ '_ ` _ \| '_ \| |/ _` | __/ _ \
+      | |  | | (_) | (_| |    | |  __/ | | | | | |_) | | (_| | ||  __/
+      |_|  |_|\___/ \__,_|    |_|\___|_| |_| |_| .__/|_|\__,_|\__\___|
+                                               | |                    
+                                               |_|                    
+
+
+
+
+ ____                  _     _   _         
+|    \ ___ ___ ___ ___|_|___| |_|_|___ ___ 
+|  |  | -_|_ -|  _|  _| | . |  _| | . |   |
+|____/|___|___|___|_| |_|  _|_| |_|___|_|_|
+                        |_|                
+...............................................................................
+
+Hey there, welcome to the mod creation template based on the Purple Haze theme
+from  Opera GX. This  template  includes the original keyboard sounds, browser
+sounds, and music from Opera GX, as well as light and dark wallpapers that are
+based on the original Purple Haze wallpapers but have added information at the
+bottom to set them apart. There is also an example of animated wallpaper.
+
+We've also included a simple web  modding  CSS that changes the text color and
+background  color on web pages in the opera.com domain. This will show you how
+to read colors from the browser and apply them to web pages. And lastly, we've
+included  basic shaders  that  demonstrate  how  to  use  animated and  static
+versions. Have fun creating your mods!
+
+ _____           _ _ _       
+|     |___ ___ _| |_| |_ ___ 
+|   --|  _| -_| . | |  _|_ -|
+|_____|_| |___|___|_|_| |___|
+...............................................................................
+
+CREDITS GO HERE
+
+ __    _                         
+|  |  |_|___ ___ ___ ___ ___ ___ 
+|  |__| |  _| -_|   |  _| -_|_ -|
+|_____|_|___|___|_|_|___|___|___|
+...............................................................................
+
+LICENCES GO HERE
+
+ _____       _         
+|  |  |_ _ _| |___ ___ 
+|    -| | | . | . |_ -|
+|__|__|___|___|___|___|
+...............................................................................
+
+KUDOS GO HERE
+
+ _____ _       ___ ___ 
+|   __| |_ _ _|  _|  _|
+|__   |  _| | |  _|  _|
+|_____|_| |___|_| |_|  
+...............................................................................
+
+OTHER STUFF GOES HERE
+

mods/PagmaMods/manifest.json

@@ -0,0 +1,175 @@
+{
+    "name": "PagmaMods",
+    "description": "making a mod for my customization",
+    "developer":
+    {
+        "name": "Pagma"
+    },
+    "icons":
+    {
+        "512": "images.jpg"
+    },
+    "manifest_version": 3,
+    "mod":
+    {
+        "license": "license.txt",
+        "payload":
+        {
+            "background_music":
+            [
+                "music/Suzume.mp3"
+            ]
+
+        },
+            "browser_sounds":
+            {
+                "CLICK":
+                [
+                    "sound/click.mp3"
+                ],
+                "FEATURE_SWITCH_OFF":
+                [
+                    "sound/feature_switch_off.mp3"
+                ],
+                "FEATURE_SWITCH_ON":
+                [
+                    "sound/feature_switch_on.mp3"
+                ],
+                "HOVER":
+                [
+                    "sound/hover.mp3"
+                ],
+                "HOVER_UP":
+                [
+                    "sound/hover.mp3"
+                ],
+                "IMPORTANT_CLICK":
+                [
+                    "sound/important_click.mp3"
+                ],
+                "LEVEL_UPGRADE":
+                [
+                    "sound/level_upgrade.mp3"
+                ],
+                "LIMITER_OFF":
+                [
+                    "sound/limiter_off.mp3"
+                ],
+                "LIMITER_ON":
+                [
+                    "sound/limiter_on.mp3"
+                ],
+                "SWITCH_TOGGLE":
+                [
+                    "sound/switch.mp3"
+                ],
+                "TAB_CLOSE":
+                [
+                    "sound/close_tab.mp3"
+                ],
+                "TAB_INSERT":
+                [
+                    "sound/new_tab.mp3"
+                ],
+                "TAB_SLASH":
+                [
+                    "sound/tab_slash.mp3"
+                ]
+            },
+            "keyboard_sounds":
+            {
+                "TYPING_BACKSPACE":
+                [
+                    "keyboard/mechBackspace.mp3"
+                ],
+                "TYPING_ENTER":
+                [
+                    "keyboard/mechEnter.mp3"
+                ],
+                "TYPING_LETTER":
+                [
+                    "keyboard/mech1.mp3",
+                    "keyboard/mech2.mp3",
+                    "keyboard/mech3.mp3",
+                    "keyboard/mech4.mp3"
+                ],
+                "TYPING_SPACE":
+                [
+                    "keyboard/mechSpace.mp3"
+                ]
+            },
+            "page_styles":
+            [
+                {
+                    "css":
+                    [
+                        "webmodding/opera.css"
+                    ],
+                    "matches":
+                    [
+                        "https://*.opera.com/*"
+                    ]
+                }
+            ],
+            "shaders":
+            {
+                "Matrix green":
+                {
+                    "path": "shader/matrix.txt"
+                },
+                "Wave":
+                {
+                    "animation":
+                    {
+                        "duration": 60,
+                        "steps": 3600
+                    },
+                    "path": "shader/wave.txt"
+                }
+            },
+            "theme":
+            {
+                "dark":
+                {
+                    "gx_accent":
+                    {
+                        "h": 168,
+                        "s": 98,
+                        "l": 64
+                    },
+                    "gx_secondary_base":
+                    {
+                        "h": 119,
+                        "s": 100,
+                        "l": 65
+                    }
+                },
+                "light":
+                {
+                    "gx_accent":
+                    {
+                        "h": 307,
+                        "s": 100,
+                        "l": 42
+                    },
+                    "gx_secondary_base":
+                    {
+                        "h": 236,
+                        "s": 100,
+                        "l": 42
+                    }
+                }
+            },
+            "wallpaper":
+            {
+                "dark":
+                {   
+                    "image": "wallpaper/Lost Sky.webm",
+                    "text_color": "#FFFFFF",
+                    "text_shadow": "#757575"
+                }
+        },
+        "schema_version": 1
+    },
+    "version": "1.5"
+}

mods/PagmaMods/shader/matrix.txt

@@ -0,0 +1,14 @@
+// Shadertoy version: https://www.shadertoy.com/view/cdK3R1
+
+uniform shader iChunk;
+
+// Tint values are encoded as RGBA exponents.
+// An exponent of 1 have no effect on the color channel.
+// A higher exponent results in a darker color.
+// And a lower exponent will be brighter.
+const float4 TINT = float4(1.33, 0.8, 1.33, 1);
+
+vec4 main(vec2 xy)
+{
+    return pow(iChunk.eval(xy), TINT);
+}

mods/PagmaMods/shader/wave.txt

@@ -0,0 +1,17 @@
+// Shadertoy version: https://www.shadertoy.com/view/DdK3z1
+
+uniform shader iChunk;
+uniform float2 iChunkSize;
+uniform float iFrame;
+
+// Have fun with those values
+//
+const float LENGTH = 120.0;
+const float STRENGTH = 0.01;
+
+vec4 main(vec2 xy) 
+{
+    vec2 uv = xy / iChunkSize.xy;
+    uv.y += sin(xy.x / LENGTH + iFrame) * STRENGTH;
+    return iChunk.eval(uv * iChunkSize.xy);
+}

mods/PagmaMods/webmodding/opera.css

@@ -0,0 +1,11 @@
+body {
+    /* Three ways to use primary (accent) color */
+    color: env(-opera-gx-accent-color);
+    /*color: rgb(env(-opera-gx-accent-color-r), env(-opera-gx-accent-color-g), env(-opera-gx-accent-color-b));*/
+    /*color: hsl(env(-opera-gx-accent-color-h), env(-opera-gx-accent-color-s), env(-opera-gx-accent-color-l));*/
+
+    /* Three ways to use secondary (background) color */
+    background: env(-opera-gx-background-color);
+    /*background: rgb(env(-opera-gx-background-color-r), env(-opera-gx-background-color-g), env(-opera-gx-background-color-b));*/
+    /*background: hsl(env(-opera-gx-background-color-h), env(-opera-gx-background-color-s), env(-opera-gx-background-color-l));*/
+}