feat: generate all themes via whiskers & update image effects (#6)

.gitignore

@@ -1 +1,2 @@
-.DS_Store
+.DS_Store
+dist

README.md

@@ -12,44 +12,53 @@
 </p>
 
 <p align="center">
-	<img src="https://github.com/Dukeatron/sharex/blob/9fc55da444f276ec8f74bcb58df2a26f74d59189/screenshots/5993toka.png"/>
-</p>
-<p align="center">
-	<img src="https://raw.githubusercontent.com/kingofcube/sharex/main/assets/ShareX_8Ivzp3y2vO.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/image-effects/preview.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/themes/preview.webp"/>
 </p>
 
-## Screenshots
+## Previews
+
+<details>
+	<summary>🌻 Latte</summary>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/image-effects/latte.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/themes/latte.webp"/>
+</details>
+<details>
+	<summary>🪴 Frappé</summary>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/image-effects/frappe.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/themes/frappe.webp"/>
+</details>
+<details>
+	<summary>🌺 Macchiato</summary>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/image-effects/macchiato.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/themes/macchiato.webp"/>
+</details>
+<details>
+	<summary>🌿 Mocha</summary>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/image-effects/mocha.webp"/>
+	<img src="https://raw.githubusercontent.com/catppuccin/sharex/main/assets/themes/mocha.webp"/>
+</details>
 
-Check within the [assets](assets/) folder.
+## Usage
 
-## Usage (Image Effect)
+### Image Effects
 
-1. Clone this repository locally to a suitable directory
-2. Click on one of the configuration files, each one is named after a flavor of the colorscheme. Pick whichever you like!
-3. Give it a friendly name within ShareX
-4. Enjoy the theme!
+1. Download the `image-effects` directory from the [latest release](https://github.com/catppuccin/sharex/releases/latest)
+2. Choose one of the `.sxie` files to double-click. (This will open the image-effects window in ShareX, make sure to allow image effects!)
+3. Close the window and enjoy your new image effects!
 
-## Usage (Theme)
-1. Clone this repository locally (Or download the source code)
-2. Go to ShareX
-3. Select "Application Settings"
-4. Select "Theme"
-5. Select "Import"
-6. Select "From File"
-7. Select the theme file
-8. Enjoy the theme!
+### Themes
+
+1. Download the `themes` directory from the [latest release](https://github.com/catppuccin/sharex/releases/latest)
+2. Open ShareX and navigate to `Application Settings` → `Theme` → `Import`
+3. Select `From File`
+4. Choose one of the downloaded theme files and enjoy the theme!
 
 ## 💝 Thanks to
 
 - [Dukeatron](https://github.com/Dukeatron)
 - [King Cube](https://github.com/kingofcube)
 
-## TODO
-
-- [x] Add optional border with the Catppuccin icon
-- [x] Fix image contrast/exposure
-- [x] Add more Themes
-
 &nbsp;
 
 <p align="center">

flake.nix

@@ -0,0 +1,27 @@
+{
+  inputs = {
+    nixpkgs.url = "github:nixos/nixpkgs";
+    flake-utils.url = "github:numtide/flake-utils";
+    toolbox.url = "github:catppuccin/toolbox";
+  };
+
+  outputs = {
+    self,
+    flake-utils,
+    nixpkgs,
+    toolbox,
+  } @ inputs:
+    flake-utils.lib.eachDefaultSystem (
+      system: let
+        pkgs = nixpkgs.legacyPackages.${system};
+        whiskers = inputs.toolbox.packages.${system}.whiskers;
+      in {
+        devShells.default = pkgs.mkShell {
+          buildInputs = with pkgs; [
+            whiskers
+            just
+          ];
+        };
+      }
+    );
+}

justfile

@@ -0,0 +1,18 @@
+default: all
+
+setup:
+  mkdir -p themes
+
+clean:
+  rm -fv themes/*.json
+  rm -rfv dist
+
+gen flavor:
+  whiskers theme.json.tmpl {{flavor}} -o themes/{{flavor}}.json
+
+zip:
+  mkdir -p dist
+  zip -r dist/image-effects.zip image-effects/
+  zip -r dist/themes.zip themes/
+
+all: setup (gen "latte") (gen "frappe") (gen "macchiato") (gen "mocha")

theme.json.tmpl

@@ -0,0 +1,32 @@
+---
+bg: "{{red_i base}}, {{green_i base}}, {{blue_i base}}"
+light_bg: "{{red_i mantle}}, {{green_i mantle}}, {{blue_i mantle}}"
+dark_bg: "{{red_i crust}}, {{green_i crust}}, {{blue_i crust}}"
+border: "{{red_i overlay1}}, {{green_i overlay1}}, {{blue_i overlay1}}"
+text: "{{red_i text}}, {{green_i text}}, {{blue_i text}}"
+link: "{{red_i blue}}, {{green_i blue}}, {{blue_i blue}}"
+highlight: "{{red_i surface0}}, {{green_i surface0}}, {{blue_i surface0}}"
+light_sep: "{{red_i subtext1}}, {{green_i subtext1}}, {{blue_i subtext1}}"
+dark_sep: "{{red_i subtext0}}, {{green_i subtext0}}, {{blue_i subtext0}}"
+---
+{
+  "Name": "Catppuccin {{titlecase flavor}}",
+  "BackgroundColor": "{{bg}}",
+  "LightBackgroundColor": "{{light_bg}}",
+  "DarkBackgroundColor": "{{dark_bg}}",
+  "TextColor": "{{text}}",
+  "BorderColor": "{{border}}",
+  "CheckerColor": "{{bg}}",
+  "CheckerColor2": "{{light_bg}}",
+  "CheckerSize": 15,
+  "LinkColor": "{{link}}",
+  "MenuHighlightColor": "{{highlight}}",
+  "MenuHighlightBorderColor": "{{border}}",
+  "MenuBorderColor": "{{border}}",
+  "MenuCheckBackgroundColor": "{{bg}}",
+  "MenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuOpacity": 100,
+  "SeparatorLightColor": "{{light_sep}}",
+  "SeparatorDarkColor": "{{dark_sep}}"
+}

themes/frappe.json

@@ -0,0 +1,21 @@
+{
+  "Name": "Catppuccin Frappe",
+  "BackgroundColor": "48, 52, 70",
+  "LightBackgroundColor": "41, 44, 60",
+  "DarkBackgroundColor": "35, 38, 52",
+  "TextColor": "198, 208, 245",
+  "BorderColor": "131, 139, 167",
+  "CheckerColor": "48, 52, 70",
+  "CheckerColor2": "41, 44, 60",
+  "CheckerSize": 15,
+  "LinkColor": "140, 170, 238",
+  "MenuHighlightColor": "65, 69, 89",
+  "MenuHighlightBorderColor": "131, 139, 167",
+  "MenuBorderColor": "131, 139, 167",
+  "MenuCheckBackgroundColor": "48, 52, 70",
+  "MenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuOpacity": 100,
+  "SeparatorLightColor": "181, 191, 226",
+  "SeparatorDarkColor": "165, 173, 206"
+}

themes/latte.json

@@ -0,0 +1,21 @@
+{
+  "Name": "Catppuccin Latte",
+  "BackgroundColor": "239, 241, 245",
+  "LightBackgroundColor": "230, 233, 239",
+  "DarkBackgroundColor": "220, 224, 232",
+  "TextColor": "76, 79, 105",
+  "BorderColor": "140, 143, 161",
+  "CheckerColor": "239, 241, 245",
+  "CheckerColor2": "230, 233, 239",
+  "CheckerSize": 15,
+  "LinkColor": "30, 102, 245",
+  "MenuHighlightColor": "204, 208, 218",
+  "MenuHighlightBorderColor": "140, 143, 161",
+  "MenuBorderColor": "140, 143, 161",
+  "MenuCheckBackgroundColor": "239, 241, 245",
+  "MenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuOpacity": 100,
+  "SeparatorLightColor": "92, 95, 119",
+  "SeparatorDarkColor": "108, 111, 133"
+}

themes/macchiato.json

@@ -1,21 +1,21 @@
 {
   "Name": "Catppuccin Macchiato",
   "BackgroundColor": "36, 39, 58",
-  "LightBackgroundColor": "54, 58, 79",
-  "DarkBackgroundColor": "30, 32, 48",
+  "LightBackgroundColor": "30, 32, 48",
+  "DarkBackgroundColor": "24, 25, 38",
   "TextColor": "202, 211, 245",
-  "BorderColor": "24, 25, 38",
+  "BorderColor": "128, 135, 162",
   "CheckerColor": "36, 39, 58",
   "CheckerColor2": "30, 32, 48",
   "CheckerSize": 15,
-  "LinkColor": "125, 196, 228",
-  "MenuHighlightColor": "30, 32, 48",
-  "MenuHighlightBorderColor": "54, 58, 79",
-  "MenuBorderColor": "54, 58, 79",
-  "MenuCheckBackgroundColor": "30, 32, 48",
+  "LinkColor": "138, 173, 244",
+  "MenuHighlightColor": "54, 58, 79",
+  "MenuHighlightBorderColor": "128, 135, 162",
+  "MenuBorderColor": "128, 135, 162",
+  "MenuCheckBackgroundColor": "36, 39, 58",
   "MenuFont": "Segoe UI, 9.75pt",
   "ContextMenuFont": "Segoe UI, 9.75pt",
   "ContextMenuOpacity": 100,
-  "SeparatorLightColor": "30, 32, 48",
-  "SeparatorDarkColor": "24, 25, 38"
-}
+  "SeparatorLightColor": "184, 192, 224",
+  "SeparatorDarkColor": "165, 173, 203"
+}

themes/mocha.json

@@ -0,0 +1,21 @@
+{
+  "Name": "Catppuccin Mocha",
+  "BackgroundColor": "30, 30, 46",
+  "LightBackgroundColor": "24, 24, 37",
+  "DarkBackgroundColor": "17, 17, 27",
+  "TextColor": "205, 214, 244",
+  "BorderColor": "127, 132, 156",
+  "CheckerColor": "30, 30, 46",
+  "CheckerColor2": "24, 24, 37",
+  "CheckerSize": 15,
+  "LinkColor": "137, 180, 250",
+  "MenuHighlightColor": "49, 50, 68",
+  "MenuHighlightBorderColor": "127, 132, 156",
+  "MenuBorderColor": "127, 132, 156",
+  "MenuCheckBackgroundColor": "30, 30, 46",
+  "MenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuFont": "Segoe UI, 9.75pt",
+  "ContextMenuOpacity": 100,
+  "SeparatorLightColor": "186, 194, 222",
+  "SeparatorDarkColor": "166, 173, 200"
+}