Merge branch 'develop' of github.com:catppuccin/jupyterlab into develop

Author: gabrielmagno

index.tera

@@ -0,0 +1,75 @@
+---
+whiskers:
+  version: "2.0.0"
+---
+import {
+  JupyterFrontEnd,
+  JupyterFrontEndPlugin
+} from '@jupyterlab/application';
+
+import { IThemeManager } from '@jupyterlab/apputils';
+
+import { ISettingRegistry } from '@jupyterlab/settingregistry';
+
+import { CatppuccinPalettes } from './palettes';
+
+/**
+ * Initialization data for the catppuccin_jupyterlab extension.
+ */
+const plugin: JupyterFrontEndPlugin<void> = {
+  id: 'catppuccin_jupyterlab:plugin',
+  description: '📊 Soothing pastel theme for JupyterLab.',
+  autoStart: true,
+  requires: [IThemeManager],
+  optional: [ISettingRegistry],
+  activate: (
+    app: JupyterFrontEnd,
+    manager: IThemeManager,
+    settingRegistry: ISettingRegistry | null
+  ) => {
+    const style = 'catppuccin_jupyterlab/index.css';
+    const palettes = new CatppuccinPalettes();
+
+    let brandColor = 'mauve';
+    let accentColor = 'green';
+
+    function loadSettings(settingRegistry: ISettingRegistry | null) {
+      if (settingRegistry) {
+        settingRegistry
+          .load(plugin.id)
+          .then(settings => {
+            brandColor = settings.get('brandColor').composite as string;
+            accentColor = settings.get('accentColor').composite as string;
+            console.debug(
+              `catppuccin_jupyterlab settings loaded. Brand color is '${brandColor}', Accent color is '${accentColor}'`
+            );
+          })
+          .catch(reason => {
+            console.error(
+              'Failed to load settings for catppuccin_jupyterlab.',
+              reason
+            );
+          });
+      }
+    }
+
+    loadSettings(settingRegistry);
+
+    {%- for id, flavor in flavors %}
+
+    manager.register({
+      name: 'Catppuccin {{flavor.name}}',
+      isLight: {{not flavor.dark}},
+      load: () => {
+        palettes.setColors{{flavor.name | slugify | capitalize}}();
+        palettes.setConfigColors(brandColor, accentColor);
+        return manager.loadCSS(style);
+      },
+      unload: () => Promise.resolve(undefined)
+    });
+
+    {%- endfor %}
+  }
+};
+
+export default plugin;

jupyterlab.tera

@@ -0,0 +1,26 @@
+---
+whiskers:
+  version: "2.0.0"
+---
+export class CatppuccinPalettes {
+  setConfigColors(brandColor: string, accentColor: string) {
+    document.documentElement.style.setProperty(
+      '--ctp-cfg-brand-color',
+      `var(--ctp-plt-${brandColor})`
+    );
+    document.documentElement.style.setProperty(
+      '--ctp-cfg-accent-color',
+      `var(--ctp-plt-${accentColor})`
+    );
+  }
+
+  {%- for id, flavor in flavors %}
+
+  setColors{{flavor.name | slugify | capitalize}}() {
+    {%- for name, color in flavor.colors -%}
+    document.documentElement.style.setProperty('--ctp-plt-{{name}}', '#{{color.hex}}');
+    {%- endfor %}
+  }
+
+  {%- endfor %}
+}

justfile

@@ -0,0 +1,21 @@
+# Print out all recipes when running `just`
+_default:
+    @just --list
+
+# Variables
+output := "src"
+whiskers_cmd := "whiskers"
+
+# Create the output directory
+setup:
+    mkdir -p {{output}}
+
+# Remove all files in the output directory
+clean:
+    rm -fv {{output}}/*
+
+# Generate all flavors
+all: setup
+    {{whiskers_cmd}} jupyterlab.tera > {{output}}/palettes.ts
+    {{whiskers_cmd}} index.tera > {{output}}/index.ts
+    jlpm run prettier