Main

README.md

@@ -228,8 +228,8 @@ Beyond legal compliance, Errordon includes:
 | 🎬 **Profile Media Tabs** | Separate Videos/Audio/Images tabs |
 | 🎨 **Matrix Theme** | Cyberpunk green UI (Ctrl+Shift+M) |
 | 🖥️ **Matrix Terminal** | Interactive landing page with games |
-| 😎 **127 Custom Emojis** | Matrix/Hacker/Nerd/CCC/DevOps/Security themed |
-| 📤 **250MB Uploads** | With server-side transcoding |
+| 😎 **165 Custom Emojis** | Matrix/Hacker/Nerd/CCC/DevOps/Security themed |
+| 📤 **Standard Uploads** | 10MB images, 99MB videos |
 | 🔒 **Privacy-First** | Strict defaults via ENV |
 | 💾 **Dynamic Storage Quota** | 60% disk shared equally, profile display |
 | 🔍 **Media Filters** | Originals only, Alt text, Public |
@@ -262,7 +262,7 @@ ERRORDON_THEME=matrix  # Options: matrix, default, light
 
 ## 😎 Custom Emojis
 
-127 Matrix/Hacker/Nerd/CCC/DevOps/Security themed emojis in 14 categories:
+165 Matrix/Hacker/Nerd/CCC/DevOps/Security themed emojis in 14 categories:
 
 | Category | Emojis |
 |----------|--------|
@@ -303,7 +303,7 @@ bundle exec rails errordon:import_emojis
 
 - **Profile Media Columns**: Separate tabs for Videos, Audio, Images in user profiles
 - **Filter UI**: Filter by "originals only", "with alt text", visibility
-- **Large Uploads**: Up to 250MB for video/audio with automatic transcoding
+- **Standard Uploads**: Mastodon defaults (10MB images, 99MB videos)
 - **Privacy Defaults**: Strict preset inspired by chaos.social principles
 
 ## 📁 Repository Structure
@@ -333,7 +333,7 @@ errordon/
 │   ├── initializers/errordon_*.rb       # Feature configs
 │   ├── routes/errordon.rb               # API routes
 │   └── locales/errordon.*.yml           # Translations
-├── public/emoji/errordon/               # 127 custom SVG emojis
+├── public/emoji/errordon/               # 165 custom emojis (PNG + SVG)
 ├── lib/tasks/errordon_emojis.rake       # Emoji import task
 ├── deploy/                              # Production configs
 ├── docs/                                # Documentation
@@ -408,15 +408,20 @@ This software is for you if:
 
 ## 📜 License
 
-**AGPLv3** - Compatible with Mastodon's license.
+**Code:** [Anti-Capitalist Software License 1.4](https://anticapitalist.software/) - Compatible with Mastodon's AGPL license.
 
-All Errordon additions are also AGPLv3.
+**Emojis:**
+- **OpenMoji** (tech emojis): [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/) - https://openmoji.org
+- **Political emojis** (acab, antifa, fcknzs, etc.): Custom designs, free to use
+
+> OpenMoji emojis by the OpenMoji project (https://openmoji.org). License: CC BY-SA 4.0
 
 ---
 
 ## 🔗 Links
 
 - [Mastodon](https://github.com/mastodon/mastodon) - Upstream project
+- [OpenMoji](https://openmoji.org) - Open source emoji library (CC BY-SA 4.0)
 - [Ollama](https://ollama.com/) - AI backend for NSFW-Protect
 - [German Criminal Code (StGB)](https://www.gesetze-im-internet.de/stgb/) - Legal framework
 

app/javascript/mastodon/features/errordon/matrix_theme.ts

@@ -35,12 +35,9 @@ export const getStoredTheme = (): ThemeName => {
   if (stored && stored in themes) {
     return stored as ThemeName;
   }
-  // If no localStorage preference, check if server enabled Matrix theme
-  // Server adds 'theme-matrix' class when ERRORDON_MATRIX_THEME_ENABLED=true
-  if (document.body.classList.contains('theme-matrix')) {
-    return 'matrix';
-  }
-  return 'default';
+  // Default to Matrix theme for Errordon
+  // Users can switch to default/light via Ctrl+Shift+M
+  return 'matrix';
 };
 
 export const setTheme = (themeName: ThemeName): void => {
@@ -74,18 +71,89 @@ export const toggleMatrixTheme = (): void => {
   setTheme(next);
 };
 
+// Remove inline background from modal overlays and containers (CSS can't override inline styles reliably)
+const fixModalOverlay = (element: Element): void => {
+  const el = element as HTMLElement;
+
+  // Fix overlay
+  if (element.classList.contains('modal-root__overlay')) {
+    el.style.backgroundColor = 'transparent';
+    el.style.background = 'transparent';
+  }
+
+  // Fix container when it contains a media modal
+  if (element.classList.contains('modal-root__container')) {
+    const hasMediaModal = element.querySelector('.media-modal, .image-modal, .video-modal, .audio-modal');
+    if (hasMediaModal) {
+      el.style.backgroundColor = 'transparent';
+      el.style.background = 'transparent';
+    }
+  }
+
+  // Fix the modal-root itself
+  if (element.classList.contains('modal-root')) {
+    el.style.backgroundColor = 'transparent';
+    el.style.background = 'transparent';
+  }
+};
+
+const initModalOverlayFixer = (): void => {
+  // Selectors for elements that need transparent backgrounds
+  const selectors = '.modal-root__overlay, .modal-root__container, .modal-root';
+
+  // Fix any existing elements
+  document.querySelectorAll(selectors).forEach(fixModalOverlay);
+
+  // Watch for new elements being added
+  const observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      mutation.addedNodes.forEach((node) => {
+        if (node instanceof Element) {
+          // Check the node itself
+          fixModalOverlay(node);
+          // Check descendants
+          node.querySelectorAll(selectors).forEach(fixModalOverlay);
+        }
+      });
+      // Also check for attribute changes on existing elements
+      if (mutation.type === 'attributes' && mutation.target instanceof Element) {
+        fixModalOverlay(mutation.target);
+      }
+    });
+  });
+
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true,
+    attributes: true,
+    attributeFilter: ['style', 'class']
+  });
+};
+
 export const initMatrixTheme = (): void => {
   // Apply stored theme on page load
   const theme = getStoredTheme();
   setTheme(theme);
 
+  // Initialize modal overlay fixer for Matrix theme
+  if (theme === 'matrix') {
+    initModalOverlayFixer();
+  }
+
   // Add keyboard shortcut: Ctrl+Shift+M to toggle Matrix theme
   document.addEventListener('keydown', (e: KeyboardEvent) => {
     if (e.ctrlKey && e.shiftKey && e.key === 'M') {
       e.preventDefault();
       toggleMatrixTheme();
     }
   });
+
+  // Re-init overlay fixer when theme changes
+  window.addEventListener('errordon:theme-change', ((e: CustomEvent) => {
+    if (e.detail.theme === 'matrix') {
+      initModalOverlayFixer();
+    }
+  }) as EventListener);
 };
 
 // Auto-initialize when DOM is ready

app/javascript/styles/application.scss

@@ -1 +1,5 @@
 @use 'common';
+
+// Errordon Matrix Theme - loaded on top of default theme
+// Applied via body.theme-matrix class
+@import 'errordon_matrix';