From 251cfa100b42b7253977b2d3ae2f7bfe6a0d0f2a Mon Sep 17 00:00:00 2001
From: Alexander Minges <alexander.minges@gmail.com>
Date: Sun, 13 Jul 2025 14:38:23 +0200
Subject: [PATCH] feat: add minimal V13 CSS layer compatibility

---
 scss/utils/_variables.scss        | 1 +
 src/apps/active-effect-config.js  | 2 +-
 src/apps/actor/base-sheet.js      | 2 +-
 src/apps/actor/character-sheet.js | 2 +-
 src/apps/actor/creature-sheet.js  | 2 +-
 src/apps/item-sheet.js            | 2 +-
 6 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/scss/utils/_variables.scss b/scss/utils/_variables.scss
index 9909c4ed..f01f73be 100644
--- a/scss/utils/_variables.scss
+++ b/scss/utils/_variables.scss
@@ -6,6 +6,7 @@
 
 @use "./colors";
 
+
 $padding-sm: 5px;
 $padding-md: 10px;
 $padding-lg: 20px;
diff --git a/src/apps/active-effect-config.js b/src/apps/active-effect-config.js
index f8aa633e..4e620336 100644
--- a/src/apps/active-effect-config.js
+++ b/src/apps/active-effect-config.js
@@ -8,7 +8,7 @@
 export class DS4ActiveEffectConfig extends foundry.applications.sheets.ActiveEffectConfig {
   static DEFAULT_OPTIONS = {
     ...super.DEFAULT_OPTIONS,
-    classes: ["sheet", "ds4-active-effect-config"],
+    classes: ["sheet", "ds4-active-effect-config", "themed"],
   };
 
   /** @override */
diff --git a/src/apps/actor/base-sheet.js b/src/apps/actor/base-sheet.js
index c2cfe862..149ad806 100644
--- a/src/apps/actor/base-sheet.js
+++ b/src/apps/actor/base-sheet.js
@@ -9,7 +9,7 @@
  */
 export class DS4ActorSheet extends foundry.applications.api.DocumentSheetV2 {
   static DEFAULT_OPTIONS = {
-    classes: ["sheet", "ds4-actor-sheet"],
+    classes: ["sheet", "ds4-actor-sheet", "themed"],
     tag: "form",
     form: {
       submitOnChange: true,
diff --git a/src/apps/actor/character-sheet.js b/src/apps/actor/character-sheet.js
index 0f4b8d61..d5682c88 100644
--- a/src/apps/actor/character-sheet.js
+++ b/src/apps/actor/character-sheet.js
@@ -10,7 +10,7 @@ import { DS4ActorSheet } from "./base-sheet.js";
 export class DS4CharacterActorSheet extends DS4ActorSheet {
   static DEFAULT_OPTIONS = {
     ...super.DEFAULT_OPTIONS,
-    classes: ["sheet", "ds4-actor-sheet", "ds4-character-sheet"],
+    classes: ["sheet", "ds4-actor-sheet", "ds4-character-sheet", "themed"],
   };
 
   /** @override */
diff --git a/src/apps/actor/creature-sheet.js b/src/apps/actor/creature-sheet.js
index 43019955..7af7c76b 100644
--- a/src/apps/actor/creature-sheet.js
+++ b/src/apps/actor/creature-sheet.js
@@ -10,7 +10,7 @@ import { DS4ActorSheet } from "./base-sheet.js";
 export class DS4CreatureActorSheet extends DS4ActorSheet {
   static DEFAULT_OPTIONS = {
     ...super.DEFAULT_OPTIONS,
-    classes: ["sheet", "ds4-actor-sheet", "ds4-creature-sheet"],
+    classes: ["sheet", "ds4-actor-sheet", "ds4-creature-sheet", "themed"],
   };
 
   /** @override */
diff --git a/src/apps/item-sheet.js b/src/apps/item-sheet.js
index dcbf5226..9231dad1 100644
--- a/src/apps/item-sheet.js
+++ b/src/apps/item-sheet.js
@@ -9,7 +9,7 @@
  */
 export class DS4ItemSheet extends foundry.applications.sheets.ItemSheetV2 {
   static DEFAULT_OPTIONS = {
-    classes: ["sheet", "ds4-item-sheet"],
+    classes: ["sheet", "ds4-item-sheet", "themed"],
     tag: "form",
     form: {
       submitOnChange: true,